:root{--primary-color:#6046ca;--primary-dark:#4930a8;--primary-light:#8d7ae0;--accent-color:#4930a8;--text-primary:#e4e6eb;--text-secondary:#b0b3b8;--divider-color:#3a3b3c;--background-color:#0b0b10;--surface-1:#12121a;--surface-2:#171824;--card-background:#191a24;--white:#fff;--sidebar-mini-width:24px;--sidebar-hover-width:64px;--sidebar-expanded-width:250px;--header-height:60px;--primary-gradient-start:#6046ca;--primary-gradient-end:#4930a8;--error-color:#d9534f;--valid-color:#85d254;--warning-color:#fcb329;--shadow-color:#00000080;--glow-primary:0 0 20px #6046ca4d;--glow-primary-strong:0 0 40px #6046ca66;--violet-gradient:linear-gradient(135deg,#8d7ae033,#6046ca1a);--glow-gradient:linear-gradient(135deg,#6046ca4d,#4930a833);--border-radius:12px;--border-radius-lg:16px;--transition:all 0.3s cubic-bezier(0.4,0,0.2,1);--font-size-xs:0.75rem;--font-size-sm:0.8rem;--font-size-base:0.85rem;--font-size-md:0.9rem;--font-size-lg:1rem;--font-size-xl:1.1rem;--font-size-2xl:1.2rem;--font-size-3xl:1.6rem;--font-size-4xl:1.8rem;--ring-1:radial-gradient(800px 400px at 10% 0%,#6046ca1f 0,#6046ca0f 30%,#0000 80%);--ring-2:radial-gradient(600px 300px at 90% 10%,#8d7ae01a 0,#8d7ae00d 40%,#0000 75%);--neon-purple:#8b5cf6;--neon-purple-light:#8b5cf64d;--neon-purple-bg:#8b5cf60d;--neon-cyan:#22d3ee;--neon-cyan-light:#22d3ee4d;--neon-cyan-bg:#22d3ee0d;--neon-magenta:#ec4899;--neon-magenta-light:#ec48994d;--neon-magenta-bg:#ec48990d;--neon-pink:#f973de;--neon-pink-light:#f973de4d;--neon-pink-bg:#f973de0d;--neon-blue:#3b82f6;--neon-blue-light:#3b82f64d;--neon-blue-bg:#3b82f60d;--neon-indigo:#6366f1;--neon-indigo-light:#6366f14d;--neon-indigo-bg:#6366f10d;--neon-teal:#14b8a6;--neon-teal-light:#14b8a64d;--neon-teal-bg:#14b8a60d;--neon-lime:#84cc16;--neon-lime-light:#84cc164d;--neon-lime-bg:#84cc160d}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0b0b10;background-color:var(--background-color);color:#e4e6eb;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}::-webkit-scrollbar{height:10px;width:10px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6046ca,#4930a8);background:linear-gradient(180deg,var(--primary-gradient-start),var(--primary-gradient-end));border:2px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#6046ca,#4930a8);background:linear-gradient(180deg,var(--primary-gradient-start),var(--primary-dark))}::-webkit-scrollbar-button{display:none;height:0;width:0}::-webkit-scrollbar-button:end:increment,::-webkit-scrollbar-button:single-button,::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:vertical:decrement,::-webkit-scrollbar-button:vertical:increment{display:none;height:0;width:0}*{scrollbar-color:#8d7ae0 #0000;scrollbar-color:var(--primary-light) #0000;scrollbar-width:thin}.content-area,.json-pre,.room-canvas,.scrollable,body{overscroll-behavior:contain}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.app-container,.main-content{display:flex;min-height:100vh}.main-content{flex:1 1;flex-direction:column;margin-left:24px;margin-left:var(--sidebar-mini-width);transition:margin-left .3s ease}.content-area{background:radial-gradient(800px 400px at 10% 0,#6046ca1f 0,#6046ca0f 30%,#0000 80%),radial-gradient(600px 300px at 90% 10%,#8d7ae01a 0,#8d7ae00d 40%,#0000 75%),radial-gradient(1000px 500px at -10% 70%,#6046ca0f 0,#0000 60%),radial-gradient(800px 400px at 120% 80%,#4930a80d 0,#0000 60%);background:var(--ring-1),var(--ring-2),radial-gradient(1000px 500px at -10% 70%,#6046ca0f 0,#0000 60%),radial-gradient(800px 400px at 120% 80%,#4930a80d 0,#0000 60%);flex:1 1;padding:24px}@media (max-width:768px){.main-content,.sidebar.expanded~.main-content{margin-left:0}}.notifications-container{display:flex;flex-direction:column;gap:8px;max-width:calc(100vw - 40px);pointer-events:none;position:fixed;width:320px;z-index:999}.notifications-top-right{right:16px;top:16px}.notifications-top-center{left:50%;top:16px;transform:translateX(-50%)}.notifications-bottom-center{bottom:16px;left:50%;transform:translateX(-50%)}.notifications-bottom-right{bottom:16px;right:16px}.notifications-bottom-full{bottom:0;left:0;max-width:100%;width:100%}.notification{animation:slide-in .35s ease forwards;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:8px;box-shadow:0 4px 16px #00000026;color:(var(--text-primary));margin-bottom:8px;max-width:100%;min-width:200px;overflow:hidden;padding:12px;pointer-events:auto;position:relative;transition:all .3s ease;will-change:transform,opacity}.notification.exit{animation:slide-out .35s ease forwards}.notification.bar{align-items:center;animation:slide-up .5s ease-out forwards;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;border-radius:0;bottom:0;box-shadow:none;display:flex;height:34px;justify-content:center;left:0;margin-bottom:0;opacity:1;overflow:hidden;padding:12px 24px;position:absolute;right:0;text-align:center;transform:translateY(0);transition:transform .5s ease-in-out,opacity .5s ease-in-out;width:100%}.notification.bar.exit{opacity:0;transform:translateY(100%)}.notification .progress-container{background-color:#0000000d;bottom:0;height:3px;left:0;position:absolute;width:100%}.notification .progress{height:100%;transform-origin:left;transition:width linear;width:100%}.notification-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.notification-title{align-items:center;color:(var(--text-primary));display:flex;font-size:.9rem;font-weight:600;gap:6px;text-shadow:0 1px 1px #ffffff80}.notification-close{align-items:center;background:#0000;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;height:20px;justify-content:center;padding:3px;transition:background-color .2s;width:20px}.notification-close:hover{background-color:#0000000d;color:#333}.notification-message{color:(var(--text-primary));font-size:.85rem;font-weight:500;line-height:1.4}.notification.success{border-left:3px solid var(--valid-color)}.notification.success .notification-icon{color:var(--valid-color)}.notification.success .progress{background:var(--valid-color)}.notification.error{border-left:3px solid var(--error-color)}.notification.error .notification-icon{color:var(--error-color)}.notification.error .progress{background:var(--error-color)}.notification.warning{border-left:3px solid var(--warning-color)}.notification.warning .notification-icon{color:var(--warning-color)}.notification.warning .progress{background:var(--warning-color)}.notification.info{border-left:3px solid var(--primary-light)}.notification.info .notification-icon{color:var(--primary-light)}.notification.info .progress{background:var(--primary-light)}.notification.bar:after{animation:shine 3s ease-in-out infinite;background:linear-gradient(90deg,#fff0,#fff3,#fff0);content:"";height:100%;left:-100%;position:absolute;top:0;width:50%}.notification.bar .notification-message{color:#fff;font-size:.9rem;font-weight:600;text-shadow:0 1px 2px #0000004d}.notification.bar .notification-header{display:none}.notification.bar.success{background:linear-gradient(to right,var(--valid-color),#4caf50cc);border-left:none}.notification.bar.error{background:linear-gradient(to right,var(--error-color),#f44336cc);border-left:none}.notification.bar.warning{background:linear-gradient(to right,var(--warning-color),#ff9800cc);border-left:none}.notification.bar.info{background:linear-gradient(to right,var(--primary-light),#8d7ae0cc);border-left:none}@keyframes slide-in{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slide-out{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}@keyframes slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes shine{0%{left:-100%}to{left:100%}}@media (max-width:480px){.notifications-container{width:calc(100% - 32px)}.notifications-bottom-center,.notifications-top-center{left:16px;right:16px;transform:none;width:calc(100% - 32px)}.notification{padding:10px}.notification-title{font-size:.85rem}.notification-message{font-size:.8rem}}.auth-page{align-items:center;background:linear-gradient(135deg,#18191a,#242526);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background-color:var(--card-background);border-radius:12px;box-shadow:0 10px 25px var(--shadow-color);max-width:420px;padding:40px 30px;transition:transform .3s ease,box-shadow .3s ease;width:100%}.auth-card:hover{box-shadow:0 15px 30px #0000004d;transform:translateY(-5px)}.auth-card.fade-in{animation:fadeIn .5s ease forwards}.auth-logo{align-items:center;display:flex;justify-content:center;margin-bottom:30px}.auth-logo img{filter:drop-shadow(0 4px 6px rgba(0,0,0,.3))}.auth-title{color:var(--text-primary);font-size:1.8rem;font-weight:600;margin-bottom:60px;text-align:center}.auth-subtitle{color:var(--text-secondary);font-size:1rem;margin-bottom:30px;text-align:center}.loading-container{padding:20px 0;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #6046ca33;border-radius:50%;border-top:3px solid var(--primary-color);display:inline-block;height:40px;width:40px}.loading-text{color:var(--text-secondary);font-size:1rem;margin-top:20px}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-title{font-size:1.5rem}}@media (max-width:480px){.auth-card{padding:25px 15px}}.sidebar{background:linear-gradient(to bottom,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:2px 0 10px #00000080;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .3s ease,background .5s ease;width:var(--sidebar-mini-width);z-index:1100}.sidebar:not(.expanded){animation:gradientFlow 5s ease infinite;background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end),var(--primary-light),var(--primary-gradient-start));background-size:300% 300%}.sidebar:not(.expanded) .nav-item .icon{left:50%;opacity:1;position:absolute;top:50%;transform:translate(-50%,-50%)}.sidebar:hover:not(.expanded){width:var(--sidebar-hover-width)}.sidebar.expanded{background:var(--background-color);border-right:1px solid var(--divider-color);cursor:default;width:var(--sidebar-expanded-width)}.sidebar-header{align-items:center;color:#fff;display:flex;height:var(--header-height);margin-top:16px;opacity:0;padding:0 16px;transition:opacity .3s ease}.sidebar.expanded .sidebar-header{opacity:1}.sidebar-header h1{font-size:1.2rem;font-weight:500;margin-left:16px;white-space:nowrap}.sidebar-logo{height:auto;width:60%}.sidebar-nav{height:calc(100vh - var(--header-height) - 16px);justify-content:space-between;overflow-y:auto;padding-top:20px}.nav-items-container,.sidebar-nav{display:flex;flex-direction:column}.nav-items-container{flex-grow:1}.nav-item{align-items:center;color:#fff;cursor:pointer;display:flex;margin:5px 0;opacity:.7;overflow:hidden;padding:12px 20px;position:relative;text-decoration:none;transition:opacity .2s ease,background-color .2s ease;white-space:nowrap}.nav-item:hover{background-color:#ffffff1a;opacity:1}.nav-item.active{background-color:#fff3;opacity:1}.nav-item .icon{display:flex;font-size:20px;justify-content:center;min-width:24px}.nav-item .label{font-weight:500;margin-left:16px;opacity:0;transform:translateX(-10px);transition:opacity .3s ease,transform .3s ease}.sidebar.expanded .nav-item .label{opacity:1;transform:translateX(0)}.sidebar:not(.expanded):not(:hover) .nav-item{justify-content:center;margin:5px auto;opacity:0;padding:12px 0;width:80%}.sidebar:not(.expanded):hover .nav-item{justify-content:center;margin:5px auto;opacity:.7;padding:12px 0;width:80%}.sidebar.expanded .nav-item{border-radius:8px;justify-content:flex-start;margin:5px;opacity:.7;padding:12px 20px;width:auto}.logout-item{border-top:1px solid #ffffff1a;margin-bottom:40px!important;margin-top:auto!important;padding-top:15px!important}.sidebar-overlay{background-color:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:opacity .3s ease,visibility .3s ease;visibility:hidden;width:100vw;z-index:999}.sidebar.expanded~.sidebar-overlay{opacity:1;visibility:visible}.sidebar-tab{align-items:center;background:linear-gradient(to bottom,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:0 5px 5px 0;box-shadow:2px 0 5px #0000004d;cursor:pointer;display:flex;height:48px;justify-content:center;left:0;opacity:.9;position:fixed;top:20px;transition:opacity .2s ease;width:15px;z-index:998}.sidebar-tab:hover{opacity:1}.sidebar.expanded~.sidebar-tab{display:none}@media (max-width:768px){.sidebar{box-shadow:none;width:0}.sidebar:hover:not(.expanded){width:0}.sidebar.expanded{box-shadow:0 0 15px #00000080;width:240px}.sidebar-tab{height:40px;width:12px}}.btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:10px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:500;height:32px;justify-content:center;letter-spacing:.1px;padding:0 12px;transition:background-color .18s ease,border-color .18s ease,color .18s ease,transform .08s ease,box-shadow .2s ease}.btn-primary{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end),var(--primary-light),var(--primary-gradient-start));background-size:180% 180%;border-color:#fff3;box-shadow:0 0 20px #6046ca40,inset 0 1px 0 #ffffff26;color:#fff;font-weight:600;position:relative;transition:all .3s ease}.btn-primary:before{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-light));border-radius:10px;content:"";inset:0;opacity:0;position:absolute;transition:opacity .4s ease;z-index:0}.btn-primary:hover:before{opacity:.12}.btn-primary:hover{animation:gradientFlow 6s ease infinite;border-color:#ffffff40;box-shadow:0 0 28px #6046ca59,inset 0 1px 0 #ffffff2e;transform:translateY(-1px)}.btn-primary:active{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 2px 8px #6046ca59,inset 0 1px 0 #ffffff1a;transform:translateY(0)}.btn-secondary{background:linear-gradient(180deg,#ffffff0d,#ffffff08);border-color:#ffffff1a}.btn-secondary:hover{background:linear-gradient(180deg,hsla(0,0%,100%,.075),#ffffff0d);border-color:#ffffff29;box-shadow:0 6px 16px #00000040;transform:translateY(-1px)}.btn-secondary:active{background:linear-gradient(180deg,hsla(0,0%,100%,.045),#ffffff08);transform:translateY(0)}.btn-outline{background:#0000;border-color:#6046ca80;color:var(--primary-light)}.btn-outline:hover{background:#6046ca12;border-color:#6046caa6;box-shadow:0 0 0 3px #6046ca2e;transform:translateY(-1px)}.btn-outline:active{background:#6046ca0d}.btn-danger{background:linear-gradient(180deg,#d9534f24,#d9534f1a);border-color:#d9534f66;color:var(--error-color)}.btn-danger:hover{background:linear-gradient(180deg,#d9534f33,#d9534f24);box-shadow:0 6px 16px #d9534f38;transform:translateY(-1px)}.btn-danger:active{transform:translateY(0)}.btn-ghost{background:#0000;border-color:#0000;color:var(--text-secondary);padding:0 8px}.btn-ghost:hover{background-color:#ffffff0f;color:var(--text-primary)}.btn-sm{border-radius:8px;font-size:.8rem;height:26px;padding:0 10px}.btn-lg{border-radius:10px;font-size:.92rem;height:38px;padding:0 16px}.btn-icon-only{padding:0;width:32px}.btn-icon-only.btn-sm{width:28px}.btn-icon-only.btn-lg{width:48px}.btn-full{width:100%}.btn:disabled{cursor:not-allowed;opacity:.48;transform:none}.btn-icon{align-items:center;display:inline-flex;margin-right:6px}.btn-icon-only .btn-icon{margin-right:0}.btn:focus-visible{box-shadow:0 0 0 2px #6046ca40;outline:none}@media (max-width:768px){.btn{font-size:.95rem;height:40px}}@keyframes gradientFlow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.ui-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:3000}.ui-modal{background:#191a24eb;border:1px solid #ffffff14;border-radius:16px;box-shadow:0 18px 60px #0009;overflow:hidden;width:min(520px,92vw)}.ui-modal-header{align-items:center;background:linear-gradient(180deg,#6046ca14,#0000);border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:14px 16px}.ui-modal-title{color:#fff;font-size:1rem;font-weight:700}.ui-modal-subtitle{color:var(--text-secondary);font-size:.85rem}.ui-modal-close{background:#0000;border:1px solid #ffffff14;border-radius:8px;color:var(--text-primary);cursor:pointer;height:28px;width:28px}.ui-modal-close:hover{background:#ffffff0f}.ui-modal-body{padding:16px}.ui-modal-footer{border-top:1px solid #ffffff0f;display:flex;gap:8px;justify-content:flex-end;padding:12px 16px}.ui-input-wrapper{display:flex;flex-direction:column;gap:6px;width:100%}.ui-input-label{color:var(--text-secondary);font-size:.8rem}.ui-input-field{position:relative}.ui-input{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:10px;color:var(--text-primary);height:40px;outline:none;padding:0 12px 0 40px;transition:var(--transition);width:100%}.ui-input::placeholder{color:#ffffff73}.ui-input:focus{background:#ffffff0f;border-color:var(--primary-light);box-shadow:var(--glow-primary)}.ui-input-error{border-color:var(--error-color)}.ui-input-hint{color:var(--text-secondary);font-size:.75rem}.ui-input-error-text{color:var(--error-color);font-size:.75rem}.ui-input-icon{align-items:center;color:var(--text-secondary);display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.ui-input-icon.left{left:12px}.ui-input-icon.right{right:12px}.header{align-items:center;backdrop-filter:blur(6px) saturate(130%);-webkit-backdrop-filter:blur(6px) saturate(130%);background:#12121a59;border-bottom:1px solid #ffffff0d;box-shadow:0 4px 14px #00000047;display:flex;height:var(--header-height);isolation:isolate;padding:0 20px;position:sticky;top:0;z-index:1080}.header:before{background:linear-gradient(180deg,#8d7ae00f,#6046ca08 15%,#0000 60%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.header-logo{align-items:center;display:flex;margin-right:12px}.logo{height:28px;width:auto}.header-title{flex:1 1;font-size:1.2rem;font-weight:500}.user-menu{background-color:#ffffff08;display:flex;height:32px;padding:0 10px;transition:all .2s ease}.user-menu,.ws-switcher{align-items:center;border:1px solid #ffffff14;border-radius:10px;color:var(--text-primary)}.ws-switcher{background:#ffffff08;cursor:pointer;display:inline-flex;gap:8px;margin-right:16px;padding:8px 12px;position:relative}.ws-name{font-size:var(--font-size-sm);font-weight:600}.ws-menu{backdrop-filter:blur(10px) saturate(140%);-webkit-backdrop-filter:blur(10px) saturate(140%);background:#12121ad9;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 16px 40px #00000073;max-width:calc(100vw - 40px);padding:8px;position:absolute;right:0;top:calc(100% + 8px);width:280px;z-index:2000}.ws-menu-header{align-items:center;color:var(--text-secondary);display:flex;font-size:var(--font-size-xs);justify-content:space-between;padding:6px 8px 8px}.ws-menu-list{display:flex;flex-direction:column;gap:4px;max-height:50vh;overflow:auto}.ws-item{align-items:center;border-radius:8px;color:var(--text-primary);display:flex;font-size:var(--font-size-sm);padding:8px 10px}.ws-item:hover{background:#ffffff0f}.ws-item.active{background:#6046ca24;border:1px solid #6046ca59}.ws-empty{color:var(--text-secondary);padding:12px}.user-menu span{color:var(--text-primary);font-size:var(--font-size-sm);margin-right:8px}.avatar{border-radius:50%;box-shadow:none;height:22px;margin-left:5px;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease;width:22px}.user-menu:hover{background-color:#ffffff0f}.user-menu:active{background-color:#ffffff1f;transform:translateY(1px)}.user-menu:hover .avatar{box-shadow:0 3px 6px #0000004d}.burger-menu{align-items:center;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center}@media (max-width:768px){.header{padding-left:20px}.logo{height:24px}.header-title{font-size:1.1rem}.user-menu span{font-size:var(--font-size-base)}}@media (max-width:480px){.logo{height:20px}.header-title{font-size:1rem}}.stat-card{background-color:#2a2c3c;border-radius:8px;box-shadow:0 2px 4px #0003;padding:20px;transition:transform .3s ease,box-shadow .3s ease}.stat-card:hover{box-shadow:0 5px 15px #0000004d;transform:translateY(-5px)}.stat-card h3{color:var(--text-secondary);font-size:1rem;margin-bottom:10px}.stat-card p{color:var(--primary-light);font-size:24px;font-weight:700;margin-top:10px}.stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-top:15px}@media (max-width:768px){.stats-grid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.stat-card{padding:15px}.stat-card p{font-size:20px}}.page-template{display:flex;flex-direction:column;gap:24px;margin:0 auto;max-width:1280px;padding:16px}.page-template.rooms-page{gap:16px;height:calc(100vh - 80px);overflow:hidden;padding:16px}.rooms-page .rooms-grid{flex:1 1;min-height:0;overflow:hidden}.pagination-controls{align-items:center;display:flex;flex-shrink:0;gap:20px;justify-content:center;padding:12px 0}.pagination-info{color:var(--text-secondary);font-size:.9rem;min-width:180px;text-align:center}.hero-block{background:linear-gradient(180deg,#6046ca14,#0000),#191a2499;border:1px solid #ffffff0a;border-radius:var(--border-radius-lg);box-shadow:0 8px 24px #0000004d;overflow:hidden;padding:28px 24px;position:relative}.hero-block:after{background:radial-gradient(closest-side,#8d7ae02e,#0000 70%);content:"";filter:blur(20px);height:380px;inset:-20% -10% auto auto;pointer-events:none;position:absolute;width:380px}.hero-meta{margin-bottom:6px}.hero-meta .status-badge{margin-left:0}.hero-title{background:linear-gradient(90deg,#fff,#cfc8ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:1.6rem;letter-spacing:.3px;margin:6px 0}.hero-subtitle{color:var(--text-secondary);font-size:var(--font-size-base);max-width:900px}.hero-actions{gap:10px}.hero-actions,.hero-quick{display:flex;flex-wrap:wrap;margin-top:14px}.hero-quick{align-items:center;gap:12px}.template-section{background:hsla(0,0%,100%,.015);border:none;border-radius:14px;box-shadow:0 10px 28px #00000047;overflow:hidden}.section-header{justify-content:space-between;padding:18px 22px 10px}.section-header,.section-title{align-items:center;display:flex}.section-title{color:var(--primary-light);font-size:var(--font-size-md);font-weight:600;gap:10px}.section-actions{display:flex;gap:10px}.section-body{padding:22px}.section-block{background:hsla(0,0%,100%,.015);border-radius:10px;box-shadow:0 4px 14px #00000029;padding:16px}.section-body .section-block+.section-block{margin-top:14px}.section-body p{color:var(--text-secondary);line-height:1.5;margin-bottom:15px}.template-grid{grid-gap:16px;align-items:stretch;display:grid;gap:16px}.template-grid.col-1{grid-template-columns:1fr}.template-grid.col-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.template-grid.col-3{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.template-grid.col-4{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.rooms-grid{grid-template-columns:repeat(auto-fill,minmax(300px,300px));justify-content:start}.rooms-grid>.ui-card.room-card{aspect-ratio:1/1;height:300px;min-height:0;min-height:auto;width:300px}@supports not (aspect-ratio:1/1){.rooms-grid>.ui-card.room-card{position:relative}.rooms-grid>.ui-card.room-card:before{content:"";display:block;padding-top:100%}.rooms-grid>.ui-card.room-card>*{inset:0;position:absolute}}.flow-container{background:#00000040;border:none;border-radius:12px;box-shadow:0 8px 24px #00000040;height:380px;overflow:hidden}.clickable-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14151e73;border:1px solid #ffffff0f;border-radius:12px;box-shadow:0 8px 22px #0000003d;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;padding:20px;position:relative;transition:all .2s ease}.clickable-card:before{background:linear-gradient(135deg,#6046ca1a,#8d7ae00d);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .2s ease}.clickable-card:hover{border-color:#6046ca4d;box-shadow:0 12px 32px #00000059;transform:translateY(-2px)}.clickable-card:hover:before{opacity:1}.clickable-card:active{box-shadow:0 10px 28px #0000004d;transform:translateY(-1px)}.page-template .ui-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14151e73;border-color:#0000;box-shadow:0 8px 22px #0000003d;display:flex;flex-direction:column;height:100%}.page-template .ui-card-header{background:#0000}.page-template .ui-card-body{flex:1 1}.trend-up{color:var(--valid-color)}.trend-down{color:var(--error-color)}.info-card{gap:15px}.info-card,.info-card-icon{align-items:center;display:flex}.info-card-icon{border-radius:8px;flex-shrink:0;height:42px;justify-content:center;width:42px}.info-card-icon.primary{background:#6046ca33;color:var(--primary-light)}.info-card-icon.success{background:#85d25433;color:var(--valid-color)}.info-card-icon.warning{background:#fcb32933;color:var(--warning-color)}.info-card-icon.danger{background:#d9534f33;color:var(--error-color)}.info-card-content{flex:1 1}.info-card-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:3px}.info-card-value{color:var(--text-primary);font-size:1.1rem;font-weight:600}.template-table{background:hsla(0,0%,100%,.015);border:none;border-collapse:collapse;border-radius:10px;box-shadow:0 6px 20px #00000038;overflow:hidden;width:100%}.template-table th{color:var(--text-secondary);font-size:.9rem;font-weight:600;text-align:left}.template-table td,.template-table th{border-bottom:1px solid var(--divider-color);padding:12px 15px}.template-table td{color:var(--text-primary)}.template-table tr:last-child td{border-bottom:none}.template-table tr:hover td{background-color:#ffffff05}.template-table.enhanced thead th{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#191a24d9;position:sticky;top:0}.components-grid .inputs-demo{display:flex;flex-direction:column;gap:10px}.components-grid .tags-demo{display:flex;flex-wrap:wrap;gap:8px}.status-badge{display:inline-block}.progress-container{background-color:var(--background-color);border-radius:4px;height:8px;margin:8px 0}.progress-bar{border-radius:4px}.progress-bar.primary{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end))}.template-tabs{border-bottom:1px solid var(--divider-color);display:flex;overflow-x:auto;scrollbar-width:none}.template-tabs::-webkit-scrollbar{display:none}.template-tab{color:var(--text-secondary);cursor:pointer;font-weight:500;padding:12px 20px;transition:all .2s ease;white-space:nowrap}.template-tab:hover{color:var(--text-primary)}.template-tab.active{color:var(--primary-light);position:relative}.template-tab.active:after{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));border-radius:3px 3px 0 0;bottom:0;content:"";height:3px;left:0;position:absolute;width:100%}.template-btn{align-items:center;border:none;border-radius:6px;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;height:36px;justify-content:center;letter-spacing:.3px;padding:0 16px;transition:all .2s ease}.template-btn-sm{border-radius:4px;font-size:.8rem;height:30px;padding:0 12px}.template-btn-icon{align-items:center;display:flex;margin-right:6px}.template-btn-primary{background:linear-gradient(to right,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 2px 4px #6046ca33;color:#fff}.template-btn-primary:hover{box-shadow:0 3px 6px #6046ca4d;transform:translateY(-1px)}.template-btn-secondary{background-color:#ffffff0d;border:1px solid var(--divider-color);color:var(--text-primary)}.template-btn-secondary:hover{background-color:#ffffff1a}.template-btn-outline{background-color:initial;border:1px solid var(--primary-light);color:var(--primary-light)}.template-btn-outline:hover{background-color:#6046ca0d}.template-btn-danger{background-color:#d9534f1a;border:1px solid var(--error-color);color:var(--error-color)}.template-btn-danger:hover{background-color:#d9534f33}.template-btn-ghost{background-color:initial;color:var(--text-secondary);padding:0 8px}.template-btn-ghost:hover{background-color:#ffffff0d;color:var(--text-primary)}.template-btn-icon-only{padding:0;width:32px}.template-btn-icon-only.template-btn-sm{width:28px}.template-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}.template-btn-group{align-items:center;display:flex;gap:8px}@media (max-width:1024px){.page-template{padding:12px}.template-grid.col-4{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media (max-width:768px){.template-grid.col-2,.template-grid.col-3,.template-grid.col-4{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:10px}.section-actions{align-self:flex-end}}@media (max-width:480px){.page-template{padding:10px}.template-grid.col-4{grid-template-columns:1fr}}.profile-card{background:var(--card-background);border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:20px;padding:20px}.profile-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.profile-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}@media (max-width:768px){.profile-grid{grid-template-columns:1fr}}.profile-info p{margin-bottom:10px}.profile-info-grid .kv{border-bottom:1px dashed #ffffff0f;display:flex;justify-content:space-between;padding:8px 0}.profile-info-grid .kv span{color:var(--text-secondary)}.profile-info-grid .kv strong{color:var(--text-primary)}.profile-form-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.avatar-block{align-items:center;display:flex;justify-content:center;padding:12px 0}.profile-avatar{border:2px solid #ffffff14;border-radius:50%;height:140px;object-fit:cover;width:140px}.preview-label{color:var(--text-secondary);font-size:.9rem;margin-top:10px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px}.form-input{background:var(--background-color);border:1px solid var(--divider-color);border-radius:4px;color:var(--text-primary);padding:8px;width:100%}.button-group{display:flex;gap:10px}.danger-zone{background-color:#f443360d;border:1px dashed var(--error-color);border-radius:4px;margin-top:20px;padding:15px}.danger-zone h3{color:var(--error-color);margin-bottom:10px}.danger-zone p{color:var(--text-secondary);margin-bottom:15px}.danger-zone button{margin-right:10px;margin-top:10px}.confirm-delete{background:#f443361a;border-radius:4px;margin-top:10px;padding:10px}.confirm-delete p{margin-bottom:10px}.error-notification,.success-notification{padding:10px}.profile-section{border-bottom:1px solid var(--divider-color);margin-bottom:20px;padding:10px 0}.profile-item{align-items:center;display:flex;justify-content:space-between;padding:10px 0}.verification-badge{border-radius:12px;display:inline-block;font-size:.75rem;margin-left:10px;padding:3px 8px}.verified{background-color:#4caf501a;border:1px solid #4caf50;color:#4caf50}.unverified{background-color:#ff98001a;border:1px solid #ff9800;color:#ff9800}.connected-badge{background-color:#6046ca1a;border:1px solid var(--primary-color);border-radius:12px;color:var(--primary-color);font-size:.75rem;padding:3px 8px}.profile-form{margin:15px 0}.form-help{color:var(--text-secondary);font-size:.8rem;margin-top:4px}.success-notification{background:#4caf501a;border-left:3px solid #4caf50;color:#4caf50}.error-notification,.success-notification{border-radius:4px;margin-top:15px;padding:10px 15px}.error-notification{background:#f443361a;border-left:3px solid #f44336;color:#f44336}.text-secondary{color:var(--text-secondary);font-size:.9rem}.ui-card{background:#ffffff05;border:1px solid #ffffff0a;border-radius:var(--border-radius);box-shadow:none;overflow:hidden}.ui-card-header{align-items:center;background:#0000;border-bottom:1px solid #ffffff0a;display:flex;justify-content:space-between;padding:12px 14px}.ui-card-titles{display:flex;flex-direction:column;gap:2px}.ui-card-title{color:var(--text-primary);font-size:.95rem;font-weight:600}.ui-card-subtitle{color:var(--text-secondary);font-size:.8rem}.ui-card-actions{display:flex;gap:8px}.ui-card-body{padding:14px}.ui-card-footer{border-top:1px solid #ffffff0a;color:var(--text-secondary);font-size:.85rem;padding:12px 14px}.gradient-card{background:linear-gradient(180deg,#6046ca33,#12121ad9 45%);border:1px solid #6046ca59}.room-meta{align-items:center;color:var(--text-secondary);display:flex;gap:12px}.room-meta .meta-item{align-items:center;display:inline-flex;font-size:12px;gap:6px}.create-card{opacity:.7;transition:all .4s cubic-bezier(.23,1,.32,1)}.create-card:hover{opacity:1;transform:translateY(-2px)}.room-card{background:radial-gradient(120% 120% at -10% 0,#8d7ae033 0,#12121ae6 50%),linear-gradient(180deg,#6046ca1f,#12121ad9 60%);border:1px solid #8d7ae059;box-shadow:var(--glow-primary);display:flex;flex-direction:column;min-height:240px;opacity:.7;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.23,1,.32,1)}.room-card:hover{opacity:1;transform:translateY(-2px)}.room-card:after{background:radial-gradient(closest-side,#8d7ae02e,#0000 70%);content:"";filter:blur(20px);height:420px;inset:-40% -20% auto auto;pointer-events:none;position:absolute;width:420px}.room-card .title-wrap{padding:14px 16px 0}.room-card .title{font-size:1.1rem;font-weight:700}.room-card .subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:2px}.room-card .preview{display:flex;flex:1 1;max-height:200px;padding:14px 16px}.room-card .preview svg{display:block;height:100%;width:100%}.room-card .preview-placeholder{align-items:center;background:#ffffff05;border:1px dashed #ffffff26;border-radius:10px;color:var(--text-secondary);display:flex;flex:1 1;justify-content:center}.room-card .room-thumbnail{border:1px solid #ffffff1a;border-radius:10px;height:100%;object-fit:cover;width:100%}.room-card .footer{align-items:center;display:flex;justify-content:space-between;padding:12px 16px}.room-card .chips{align-items:center;display:flex;gap:10px}.room-card .chip{align-items:center;background:#ffffff0a;border:1px solid #ffffff0f;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:12px;gap:6px;padding:4px 8px}.settings-item{align-items:center;border-bottom:1px solid var(--divider-color);display:flex;justify-content:space-between;padding:15px}.switch{display:inline-block;height:24px;position:relative;width:50px}.switch input{height:0;opacity:0;width:0}.slider{background-color:#3a3b3c;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.4s}.slider:before{background-color:#fff;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.slider{background-color:var(--primary-color)}input:focus+.slider{box-shadow:0 0 1px var(--primary-color)}input:checked+.slider:before{transform:translateX(26px)}.slider.round{border-radius:24px}.slider.round:before{border-radius:50%}.primary-highlight{box-shadow:0 10px 25px var(--shadow-color);transition:transform .3s ease,box-shadow .3s ease}.primary-highlight:hover{box-shadow:0 15px 35px #0006;transform:translateY(-8px) scale(1.05)}.license-tier{flex:1 1;margin:10px;min-width:250px;padding:20px;position:relative;transition:transform .3s ease,box-shadow .3s ease}.license-tier:hover{box-shadow:0 8px 20px #0003;transform:translateY(-5px)}.tier-badge{background:var(--primary-color);border-radius:4px;color:#fff;font-size:12px;font-weight:700;padding:5px 10px;position:absolute;right:20px;top:-10px}.feature-list{list-style:none;margin-bottom:30px;padding:0}.feature-item{align-items:center;display:flex;margin:10px 0}.feature-icon{color:var(--primary-color);margin-right:10px}.feature-alert{background-color:#6046ca1a;border-radius:8px;margin-bottom:20px;padding:15px}.pricing-grid{display:flex;flex-wrap:wrap;gap:20px;margin-top:30px}.contact-footer{margin-top:40px;text-align:center}.contact-link{color:var(--primary-light);text-decoration:none;transition:color .2s ease}.contact-link:hover{color:var(--primary-color);text-decoration:underline}@media (max-width:768px){.pricing-grid{flex-direction:column}.license-tier{margin:10px 0}}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:.75rem;gap:.25rem;margin-left:10px;padding:3px 8px}.status-badge.success{background-color:#4caf501a;border:1px solid var(--valid-color);color:var(--valid-color)}.status-badge.info{background-color:#6046ca1a;border:1px solid var(--primary-light);color:var(--primary-light)}.status-badge.warning{background-color:#ff98001a;border:1px solid var(--warning-color);color:var(--warning-color)}.status-badge.danger{background-color:#f443361a;border:1px solid var(--error-color);color:var(--error-color)}.progress-wrapper{margin-bottom:1rem}.progress-container{background:linear-gradient(180deg,#ffffff0a,#ffffff05);border:1px solid #ffffff0f;border-radius:999px;height:10px;margin:10px 0;overflow:hidden}.progress-bar{border-radius:999px;height:100%;position:relative;transition:width .3s ease}.progress-bar:after{background:linear-gradient(90deg,#fff3,#0000 30%);content:"";inset:0;mix-blend-mode:screen;position:absolute}.progress-bar.primary{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:0 0 20px #6046ca59}.progress-bar.success{background:linear-gradient(90deg,#85d254,#75c045);box-shadow:0 0 18px #85d25440}.progress-bar.warning{background:linear-gradient(90deg,#fcb329,#f59f0a);box-shadow:0 0 18px #fcb32933}.progress-bar.danger{background:linear-gradient(90deg,#d9534f,#c9302c);box-shadow:0 0 18px #d9534f40}.progress-stats{color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.stat-widget{display:flex;flex-direction:column;padding:16px}.stat-widget-title{color:var(--text-secondary);font-size:.9rem;margin-bottom:5px}.stat-widget-value{color:var(--text-primary);font-size:1.8rem;font-weight:700;margin-bottom:5px}.stat-widget-trend{align-items:center;display:flex;font-size:.85rem}.stat-widget-trend.trend-up{color:var(--valid-color)}.stat-widget-trend.trend-down{color:var(--error-color)}.ui-toggle{align-items:center;display:inline-flex;gap:10px}.ui-toggle-input{opacity:0;pointer-events:none;position:absolute}.ui-toggle-label{background:#ffffff14;border:1px solid #ffffff14;border-radius:999px;cursor:pointer;height:26px;position:relative;transition:var(--transition);width:46px}.ui-toggle-handle{background:linear-gradient(180deg,#fff,#ccc);border-radius:50%;box-shadow:0 4px 10px #0006;height:22px;left:2px;position:absolute;top:2px;transition:var(--transition);width:22px}.ui-toggle-input:checked+.ui-toggle-label{background:linear-gradient(90deg,var(--primary-gradient-start),var(--primary-gradient-end));border-color:#0000;box-shadow:var(--glow-primary)}.ui-toggle-input:checked+.ui-toggle-label .ui-toggle-handle{background:#fff;left:22px}.ui-toggle-text{color:var(--text-secondary);font-size:.9rem}.ui-tabs{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;box-shadow:inset 0 1px 2px #0000001a;gap:2px;padding:4px}.ui-tab,.ui-tabs{display:inline-flex}.ui-tab{align-items:center;background:#0000;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;font-size:.85rem;font-weight:600;height:24px;justify-content:center;letter-spacing:.02em;opacity:.7;padding:0 14px;transition:all .18s ease}.ui-tab:hover{color:var(--text-primary);opacity:1}.ui-tab.active{background:linear-gradient(135deg,var(--primary-gradient-start),var(--primary-gradient-end));box-shadow:inset 0 1px 0 #ffffff26,0 2px 8px #6046ca40;color:#fff;opacity:1}.ui-tab.highlighted{animation:tab-highlight-pulse 1.8s cubic-bezier(.4,0,.6,1) infinite;background:#85d25414}.ui-tab.highlighted.highlight-warning{animation:tab-highlight-pulse-warning 1.8s cubic-bezier(.4,0,.6,1) infinite;background:#fcb32914}.ui-tab.highlighted.highlight-error{animation:tab-highlight-pulse-error 1.8s cubic-bezier(.4,0,.6,1) infinite;background:#d9534f26}.ui-tab.highlighted.highlight-primary{animation:tab-highlight-pulse-primary 1.8s cubic-bezier(.4,0,.6,1) infinite;background:#8d7ae026}.ui-tab.highlighted-static{animation:none!important;background:linear-gradient(135deg,#85d2541f,#85d2540f)!important;box-shadow:0 0 8px #85d25426,inset 0 1px 0 #85d2541a!important;transition:all .6s cubic-bezier(.4,0,.2,1)}.ui-tab.highlighted-static.highlight-warning{background:linear-gradient(135deg,#fcb3291f,#fcb3290f)!important;box-shadow:0 0 8px #fcb32926,inset 0 1px 0 #fcb3291a!important}.ui-tab.highlighted-static.highlight-error{background:linear-gradient(135deg,#d9534f1f,#d9534f0f)!important;box-shadow:0 0 8px #d9534f26,inset 0 1px 0 #d9534f1a!important}.ui-tab.highlighted-static.highlight-primary{background:linear-gradient(135deg,#8d7ae01f,#8d7ae00f)!important;box-shadow:0 0 8px #8d7ae026,inset 0 1px 0 #8d7ae01a!important}@keyframes tab-highlight-pulse{0%,to{background:#85d25426;box-shadow:0 0 0 0 #85d25499,0 0 12px #85d2544d,0 0 20px #85d2541a}50%{background:#85d25440;box-shadow:0 0 0 4px #85d2544d,0 0 18px #85d25480,0 0 28px #85d25433}}@keyframes tab-highlight-pulse-warning{0%,to{background:#fcb32926;box-shadow:0 0 0 0 #fcb32999,0 0 12px #fcb3294d,0 0 20px #fcb3291a}50%{background:#fcb32940;box-shadow:0 0 0 4px #fcb3294d,0 0 18px #fcb32980,0 0 28px #fcb32933}}@keyframes tab-highlight-pulse-error{0%,to{background:#d9534f26;box-shadow:0 0 0 0 #d9534f99,0 0 12px #d9534f4d,0 0 20px #d9534f1a}50%{background:#d9534f40;box-shadow:0 0 0 4px #d9534f4d,0 0 18px #d9534f80,0 0 28px #d9534f33}}@keyframes tab-highlight-pulse-primary{0%,to{background:#8d7ae026;box-shadow:0 0 0 0 #8d7ae099,0 0 12px #8d7ae04d,0 0 20px #8d7ae01a}50%{background:#8d7ae040;box-shadow:0 0 0 4px #8d7ae04d,0 0 18px #8d7ae080,0 0 28px #8d7ae033}}.ui-tag{align-items:center;background:#ffffff0a;border:1px solid #ffffff14;border-radius:999px;color:var(--text-secondary);display:inline-flex;font-size:.75rem;font-weight:600;gap:6px;padding:4px 10px}.ui-tag-primary{background:#6046ca1f;border-color:#6046ca59;color:var(--primary-light)}.ui-tag-success{background:#85d2541f;border-color:#85d25459;color:var(--valid-color)}.ui-tag-warning{background:#fcb3291f;border-color:#fcb32959;color:var(--warning-color)}.ui-tag-danger{background:#d9534f1f;border-color:#d9534f59;color:var(--error-color)}.react-flow{direction:ltr}.react-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.react-flow__pane{cursor:grab;z-index:1}.react-flow__pane.selection{cursor:pointer}.react-flow__pane.dragging{cursor:grabbing}.react-flow__viewport{pointer-events:none;transform-origin:0 0;z-index:2}.react-flow__renderer{z-index:4}.react-flow__selection{z-index:6}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible{outline:none}.react-flow .react-flow__edges{overflow:visible;pointer-events:none}.react-flow__connection-path,.react-flow__edge-path{stroke:#b1b1b7;stroke-width:1;fill:none}.react-flow__edge{cursor:pointer;pointer-events:visibleStroke}.react-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__edge.animated path.react-flow__edge-interaction{stroke-dasharray:none;animation:none}.react-flow__edge.inactive{pointer-events:none}.react-flow__edge.selected,.react-flow__edge:focus,.react-flow__edge:focus-visible{outline:none}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:#555}.react-flow__edge-textwrapper{pointer-events:all}.react-flow__edge-textbg{fill:#fff}.react-flow__edge .react-flow__edge-text{pointer-events:none;-webkit-user-select:none;user-select:none}.react-flow__connection{pointer-events:none}.react-flow__connection .animated{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.react-flow__connectionline{z-index:1001}.react-flow__nodes{pointer-events:none;transform-origin:0 0}.react-flow__node{box-sizing:border-box;cursor:grab;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;user-select:none}.react-flow__node.dragging{cursor:grabbing}.react-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.react-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.react-flow__handle{background:#1a192b;border:1px solid #fff;border-radius:100%;height:6px;min-height:5px;min-width:5px;pointer-events:none;position:absolute;width:6px}.react-flow__handle.connectionindicator{cursor:crosshair;pointer-events:all}.react-flow__handle-bottom{bottom:-4px;left:50%;top:auto;transform:translate(-50%)}.react-flow__handle-top{left:50%;top:-4px;transform:translate(-50%)}.react-flow__handle-left{left:-4px;top:50%;transform:translateY(-50%)}.react-flow__handle-right{right:-4px;top:50%;transform:translateY(-50%)}.react-flow__edgeupdater{cursor:move;pointer-events:all}.react-flow__panel{margin:15px;position:absolute;z-index:5}.react-flow__panel.top{top:0}.react-flow__panel.bottom{bottom:0}.react-flow__panel.left{left:0}.react-flow__panel.right{right:0}.react-flow__panel.center{left:50%;transform:translateX(-50%)}.react-flow__attribution{background:#ffffff80;font-size:10px;margin:0;padding:2px 3px}.react-flow__attribution a{color:#999;text-decoration:none}@keyframes dashdraw{0%{stroke-dashoffset:10}}.react-flow__edgelabel-renderer{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.react-flow__edge.updating .react-flow__edge-path{stroke:#777}.react-flow__edge-text{font-size:10px}.react-flow__node.selectable:focus,.react-flow__node.selectable:focus-visible{outline:none}.react-flow__node-default,.react-flow__node-group,.react-flow__node-input,.react-flow__node-output{background-color:#fff;border:1px solid #1a192b;border-radius:3px;color:#222;font-size:12px;padding:10px;text-align:center;width:150px}.react-flow__node-default.selectable:hover,.react-flow__node-group.selectable:hover,.react-flow__node-input.selectable:hover,.react-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.react-flow__node-default.selectable.selected,.react-flow__node-default.selectable:focus,.react-flow__node-default.selectable:focus-visible,.react-flow__node-group.selectable.selected,.react-flow__node-group.selectable:focus,.react-flow__node-group.selectable:focus-visible,.react-flow__node-input.selectable.selected,.react-flow__node-input.selectable:focus,.react-flow__node-input.selectable:focus-visible,.react-flow__node-output.selectable.selected,.react-flow__node-output.selectable:focus,.react-flow__node-output.selectable:focus-visible{box-shadow:0 0 0 .5px #1a192b}.react-flow__node-group{background-color:#f0f0f040}.react-flow__nodesselection-rect,.react-flow__selection{background:#0059dc14;border:1px dotted #0059dccc}.react-flow__nodesselection-rect:focus,.react-flow__nodesselection-rect:focus-visible,.react-flow__selection:focus,.react-flow__selection:focus-visible{outline:none}.react-flow__controls{box-shadow:0 0 2px 1px #00000014}.react-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:initial;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;user-select:none;width:16px}.react-flow__controls-button:hover{background:#f4f4f4}.react-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.react-flow__controls-button:disabled{pointer-events:none}.react-flow__controls-button:disabled svg{fill-opacity:.4}.react-flow__minimap{background-color:#fff}.react-flow__minimap svg{display:block}.react-flow__resize-control{position:absolute}.react-flow__resize-control.left,.react-flow__resize-control.right{cursor:ew-resize}.react-flow__resize-control.bottom,.react-flow__resize-control.top{cursor:ns-resize}.react-flow__resize-control.bottom.right,.react-flow__resize-control.top.left{cursor:nwse-resize}.react-flow__resize-control.bottom.left,.react-flow__resize-control.top.right{cursor:nesw-resize}.react-flow__resize-control.handle{background-color:#3367d9;border:1px solid #fff;border-radius:1px;height:4px;transform:translate(-50%,-50%);width:4px}.react-flow__resize-control.handle.left{left:0;top:50%}.react-flow__resize-control.handle.right{left:100%;top:50%}.react-flow__resize-control.handle.top{left:50%;top:0}.react-flow__resize-control.handle.bottom{left:50%;top:100%}.react-flow__resize-control.handle.bottom.left,.react-flow__resize-control.handle.top.left{left:0}.react-flow__resize-control.handle.bottom.right,.react-flow__resize-control.handle.top.right{left:100%}.react-flow__resize-control.line{border:0 solid #3367d9}.react-flow__resize-control.line.left,.react-flow__resize-control.line.right{height:100%;top:0;transform:translate(-50%);width:1px}.react-flow__resize-control.line.left{border-left-width:1px;left:0}.react-flow__resize-control.line.right{border-right-width:1px;left:100%}.react-flow__resize-control.line.bottom,.react-flow__resize-control.line.top{height:1px;left:0;transform:translateY(-50%);width:100%}.react-flow__resize-control.line.top{border-top-width:1px;top:0}.react-flow__resize-control.line.bottom{border-bottom-width:1px;top:100%}:root{--rf-node-bg:#ffffff05;--rf-node-border:#ffffff0f;--rf-node-border-active:#6046ca80;--rf-text:var(--text-primary);--rf-edge:#ffffff24}.flow-container{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;height:520px}.lux-node{background:#ffffff05;background:var(--rf-node-bg);border:1px solid #ffffff0f;border:1px solid var(--rf-node-border);border-radius:14px;box-shadow:none;color:var(--text-primary);color:var(--rf-text);min-width:220px;overflow:hidden}.lux-node-header{align-items:center;background:linear-gradient(180deg,#80808014,#0000);border-bottom:1px solid #ffffff0f;display:flex;justify-content:space-between;padding:10px 12px}.lux-node-head{gap:8px}.lux-node-head,.lux-node-icon{align-items:center;display:flex}.lux-node-icon{background:#80808026;border:1px solid #80808059;border-radius:8px;height:28px;justify-content:center;width:28px}.lux-node-title{font-size:.92rem;font-weight:700}.lux-node-sub{color:var(--text-secondary);font-size:.75rem}.lux-node-body{grid-gap:8px;display:grid;gap:8px;padding:10px 12px}.lux-row{align-items:center;display:flex;gap:8px;justify-content:space-between}.lux-k{color:var(--text-secondary);font-size:.8rem}.lux-v{font-weight:600}.lux-v-badges{align-items:center;display:flex;flex-wrap:wrap;gap:4px}.lux-v-badges .template-badge{font-size:.8rem;margin:0;padding:2px 6px}.lux-handle{background:#6046ca26;border:2px solid #6046ca99;height:10px;opacity:0;transition:all .15s ease;width:10px}.lux-handle:hover{background:#6046ca80;box-shadow:0 0 10px #6046ca99;transform:scale(1.2)}.react-flow__node.connecting .lux-handle,.react-flow__node.source .lux-handle,.react-flow__node.target .lux-handle,.react-flow__node:hover .lux-handle{opacity:1}.lux-handle-input{border-radius:2px;transform:rotate(45deg)}.lux-handle-input:hover{transform:rotate(45deg) scale(1.3)}.lux-handle-output{border-radius:50%}.lux-handle-top{top:-5px}.lux-handle-bottom{bottom:-5px}.react-flow__attribution{display:none}.react-flow__edge-path{stroke:#ffffff24;stroke:var(--rf-edge);stroke-width:2}.react-flow__controls{background:#191a24e6;border:1px solid #ffffff0f}.react-flow__edge.selected .react-flow__edge-path,.react-flow__edge:focus .react-flow__edge-path,.react-flow__edge:focus-visible .react-flow__edge-path{stroke:var(--primary-color)!important;stroke-width:2!important}.react-flow__edge marker,svg defs marker{transform:none!important}svg defs marker{overflow:visible!important}svg defs marker path,svg defs marker polygon{stroke-width:1!important;transform:none!important}svg defs marker[markerWidth]{marker-width:15!important;marker-height:15!important}.lux-node.execution-success{border-color:var(--valid-color)}.lux-node.execution-error{border-color:var(--error-color)}.status-running{box-shadow:0 0 0 1px #6046ca80,inset 0 0 24px #6046ca40}.react-flow__node.selected .lux-node,.react-flow__node:hover .lux-node{border-color:#6046ca80;border-color:var(--node-active-color,var(--rf-node-border-active))}.react-flow__node:hover .lux-node{box-shadow:0 0 20px #6046ca1a;box-shadow:0 0 20px var(--node-glow-color,#6046ca1a)}.react-flow__node[data-id*=group],.react-flow__node[data-id*=group] .react-flow__node-default,.react-flow__node[data-id*=group].selected{background:#0000!important;border:none!important;box-shadow:none!important}.react-flow__node[data-id*=group].selected:before{display:none!important}.react-flow__node[data-id*=group]{pointer-events:none;z-index:-1!important}.react-flow__node[data-id*=group]>*{pointer-events:auto}.group-node-resizable{box-sizing:border-box;overflow:hidden;resize:both}.group-node-resizable::-webkit-resizer{background:#8b5cf666;border-radius:0 0 14px 0;pointer-events:auto}.workspaces-container{padding:20px}.workspaces-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.workspaces-grid{grid-gap:16px;display:grid;gap:16px}.workspace-card{background:linear-gradient(180deg,#191a24e6,#171824e6);border:1px solid #ffffff14;border-radius:12px;box-shadow:0 10px 24px #00000059;padding:16px}.invite-form-overlay,.workspace-form-overlay{align-items:center;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0}.invite-form,.workspace-form{background:var(--surface-1);border:1px solid #ffffff14;border-radius:14px;box-shadow:0 12px 32px #00000080;color:var(--text-primary);padding:20px;width:440px}.form-group{margin:12px 0}.form-group input,.form-group textarea{background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;color:var(--text-primary);padding:10px 12px;width:100%}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff73}.form-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:10px}
/*# sourceMappingURL=main.259d3c44.css.map*/