@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{--wa-accent:#25d366;--wa-accent-hover:#1da851;--wa-accent-glow:#25d3661f;--wa-accent-subtle:#25d3660f;--wa-bg:#080b12;--wa-bg-elevated:#0f141e;--wa-bg-card:#ffffff08;--wa-bg-card-hover:#ffffff0d;--wa-bg-glass:#0f141e99;--wa-bg-glass-hover:#0f141ecc;--wa-bg-glass-strong:#1a2030d9;--wa-text-primary:#e8edf5;--wa-text-secondary:#94a3b8;--wa-text-tertiary:#7a7f85;--wa-text-muted:#64748b;--wa-border-subtle:#ffffff0a;--wa-border-default:#94a3b814;--wa-border-strong:#94a3b81f;--wa-font-sans:"Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--wa-font-mono:"Geist Mono", ui-monospace, "SF Mono", "Cascadia Code", monospace;--wa-space-xs:4px;--wa-space-sm:8px;--wa-space-md:16px;--wa-space-lg:24px;--wa-space-xl:32px;--wa-space-2xl:48px;--wa-space-3xl:64px;--wa-radius-sm:6px;--wa-radius-md:10px;--wa-radius-lg:14px;--wa-radius-full:999px;--wa-shadow-sm:0 1px 2px #0000004d;--wa-shadow-md:0 4px 20px -8px #25d36633;--wa-shadow-lg:0 14px 36px -14px #25d36659;--wa-shadow-glow:0 0 20px #25d36614;--wa-blur:blur(16px);--wa-blur-sm:blur(8px);--wa-ease:cubic-bezier(.25, .1, .25, 1);--wa-duration:.25s;--wa-ls-display:-.03em;--wa-ls-spaced:.05em;--wa-ls-wide:.2em}*,:before,:after{box-sizing:border-box}body{font-family:var(--wa-font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--wa-bg);color:var(--wa-text-primary);min-height:100vh;margin:0;line-height:1.6}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(at 20%,#25d36608 0%,#0000 50%),radial-gradient(at 80% 20%,#25d36605 0%,#0000 50%),radial-gradient(at 50% 80%,#25d36604 0%,#0000 50%);position:fixed;inset:0}#root{z-index:1;position:relative}h1{color:var(--wa-text-primary);letter-spacing:var(--wa-ls-display);margin:0;font-size:1.75rem;font-weight:700}h2{color:var(--wa-text-secondary);text-transform:uppercase;letter-spacing:var(--wa-ls-spaced);margin:0;font-size:.8125rem;font-weight:600}h3{color:var(--wa-text-primary);margin:0;font-size:1rem;font-weight:600}a{color:var(--wa-accent);text-decoration:none}a:hover{text-decoration:underline}.text-spaced{letter-spacing:var(--wa-ls-spaced);word-spacing:.08em;text-transform:uppercase}button{border-radius:var(--wa-radius-md);border:1px solid var(--wa-border-strong);background:var(--wa-bg-glass);color:var(--wa-text-primary);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);padding:.6em 1.2em;font-family:inherit;font-size:1em;font-weight:500}button:hover{background:var(--wa-bg-glass-hover);border-color:var(--wa-accent);box-shadow:var(--wa-shadow-glow)}input,select,textarea{background:var(--wa-bg-glass);color:var(--wa-text-primary);border:1px solid var(--wa-border-default);border-radius:var(--wa-radius-md);transition:all var(--wa-duration) var(--wa-ease);padding:.75rem 1rem;font-family:inherit;font-size:.9375rem}input:focus,select:focus,textarea:focus{border-color:var(--wa-accent);box-shadow:0 0 0 3px var(--wa-accent-glow);background:var(--wa-bg-glass-strong);outline:none}input:hover,select:hover,textarea:hover{border-color:#25d3664d}select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2364748B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px;width:100%;padding:.75rem 2.5rem .75rem 1rem;font-size:.9375rem}select:hover{border-color:var(--wa-accent)}.card{background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur-sm);border:1px solid var(--wa-border-subtle);border-radius:var(--wa-radius-lg);padding:var(--wa-space-lg);box-shadow:var(--wa-shadow-sm);transition:all var(--wa-duration) var(--wa-ease)}.card:hover{box-shadow:var(--wa-shadow-md);border-color:var(--wa-border-default)}.btn-glass{background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur-sm);border:1px solid var(--wa-border-default);color:var(--wa-text-primary);border-radius:var(--wa-radius-md);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);padding:.75rem 1.5rem;font-size:.9375rem;font-weight:600}.btn-glass:hover{background:var(--wa-bg-glass-hover);border-color:var(--wa-accent);box-shadow:var(--wa-shadow-glow)}.btn-glass.primary{color:#fff;background:linear-gradient(135deg,#25d366,#128c7e);border-color:#0000}.btn-glass.primary:hover{box-shadow:0 0 20px #25d3664d}.btn-glass.danger{color:#ef4444;border-color:#ef44444d}.btn-glass.danger:hover{background:#ef44441a;border-color:#ef4444}.stat-card{background:var(--wa-bg-card);-webkit-backdrop-filter:var(--wa-blur-sm);border:1px solid var(--wa-border-subtle);border-radius:var(--wa-radius-lg);padding:var(--wa-space-lg);transition:all var(--wa-duration) var(--wa-ease)}.stat-card:hover{border-color:var(--wa-border-default);box-shadow:var(--wa-shadow-md)}.stat-card .stat-label{color:var(--wa-text-muted);text-transform:uppercase;letter-spacing:var(--wa-ls-spaced);font-size:.8125rem;font-weight:600}.stat-card .stat-value{color:var(--wa-text-primary);margin-top:var(--wa-space-xs);font-size:1.75rem;font-weight:700}.badge{padding:var(--wa-space-xs) var(--wa-space-sm);border-radius:var(--wa-radius-full);text-transform:uppercase;letter-spacing:.03em;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:#22c55e;background:#22c55e1a;border:1px solid #22c55e33}.badge-warning{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.badge-error{color:#ef4444;background:#ef44441a;border:1px solid #ef444433}.badge-info{color:#3b82f6;background:#3b82f61a;border:1px solid #3b82f633}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#94a3b833;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b84d}:root{--bg-app:var(--wa-bg);--bg-light:var(--wa-bg-elevated);--bg-white:var(--wa-bg-glass-strong);--bg-card:var(--wa-bg-card);--bg-glass:var(--wa-bg-glass);--bg-glass-hover:var(--wa-bg-glass-hover);--text-primary:var(--wa-text-primary);--text-secondary:var(--wa-text-secondary);--text-muted:var(--wa-text-muted);--border:var(--wa-border-strong);--border-light:var(--wa-border-subtle);--primary:var(--wa-accent);--primary-hover:var(--wa-accent-hover);--primary-glow:var(--wa-accent-glow);--error:#ef4444;--success:#22c55e;--warning:#f59e0b;--info:#3b82f6;--radius-sm:var(--wa-radius-sm);--radius:var(--wa-radius-md);--radius-lg:var(--wa-radius-lg);--shadow-sm:var(--wa-shadow-sm);--shadow-md:var(--wa-shadow-md);--shadow-lg:var(--wa-shadow-lg);--shadow-glow:var(--wa-shadow-glow);--blur:var(--wa-blur);--blur-sm:var(--wa-blur-sm)}.workspace-switcher{padding:var(--wa-space-sm) var(--wa-space-sm) 0;margin-bottom:2px;position:relative}.workspace-trigger{align-items:center;gap:var(--wa-space-sm);width:100%;padding:10px var(--wa-space-sm);border-radius:var(--wa-radius-sm);background:var(--wa-accent-subtle);border:1px solid var(--wa-border-default);color:var(--wa-text-primary);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);text-align:left;white-space:nowrap;font-size:.9rem;font-weight:600;display:flex;overflow:hidden}.workspace-trigger:hover{background:var(--wa-accent-glow);border-color:var(--wa-accent)}.workspace-trigger-icon{color:var(--wa-accent);flex-shrink:0}.workspace-indicator{color:var(--wa-accent);justify-content:center;align-items:center;display:flex}.workspace-trigger-text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex;overflow:hidden}.workspace-trigger-name{text-overflow:ellipsis;color:var(--wa-text-primary);font-size:.875rem;font-weight:600;line-height:1.3;overflow:hidden}.workspace-trigger-slug,.workspace-loading-text{color:var(--wa-text-muted);text-overflow:ellipsis;font-size:.675rem;font-weight:500;overflow:hidden}.workspace-chevron{transition:transform var(--wa-duration) var(--wa-ease);color:var(--wa-text-muted);flex-shrink:0}.workspace-chevron.open{transform:rotate(180deg)}.workspace-dropdown{top:calc(100% + 4px);left:var(--wa-space-sm);right:var(--wa-space-sm);background:var(--wa-bg-glass-strong);-webkit-backdrop-filter:var(--wa-blur);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-sm);box-shadow:var(--wa-shadow-lg);z-index:100;position:absolute;overflow:hidden}.workspace-dropdown-header{padding:var(--wa-space-sm);border-bottom:1px solid var(--wa-border-default);justify-content:space-between;align-items:center;display:flex}.workspace-dropdown-title{text-transform:uppercase;letter-spacing:.05em;color:var(--wa-text-muted);font-size:.7rem;font-weight:700}.workspace-refresh-btn{color:var(--wa-text-muted);cursor:pointer;background:0 0;border:none;align-items:center;padding:2px;display:flex}.workspace-refresh-btn:hover{color:var(--wa-accent)}.workspace-dropdown-loading,.workspace-dropdown-error,.workspace-dropdown-empty{align-items:center;gap:var(--wa-space-sm);padding:var(--wa-space-md);color:var(--wa-text-muted);flex-direction:column;font-size:.8rem;display:flex}.workspace-dropdown-error button{border:1px solid var(--wa-border-default);border-radius:var(--wa-radius-sm);color:var(--wa-accent);cursor:pointer;background:0 0;padding:4px 12px;font-size:.75rem}.workspace-dropdown-list{max-height:220px;padding:4px;overflow-y:auto}.workspace-dropdown-item{align-items:center;gap:var(--wa-space-sm);width:100%;padding:8px var(--wa-space-sm);border-radius:var(--wa-radius-sm);color:var(--wa-text-primary);cursor:pointer;text-align:left;transition:background var(--wa-duration) var(--wa-ease);background:0 0;border:none;display:flex}.workspace-dropdown-item:hover,.workspace-dropdown-item.active{background:var(--wa-accent-subtle)}.workspace-item-icon{color:var(--wa-text-muted);flex-shrink:0}.workspace-dropdown-item.active .workspace-item-icon{color:var(--wa-accent)}.workspace-item-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.workspace-item-name{text-overflow:ellipsis;white-space:nowrap;font-size:.825rem;font-weight:500;overflow:hidden}.workspace-item-slug{color:var(--wa-text-muted);text-overflow:ellipsis;white-space:nowrap;font-size:.675rem;overflow:hidden}.workspace-item-check{color:var(--wa-accent);flex-shrink:0}.workspace-dropdown-footer{border-top:1px solid var(--wa-border-default);padding:4px}.workspace-create-btn{align-items:center;gap:var(--wa-space-sm);width:100%;padding:8px var(--wa-space-sm);border-radius:var(--wa-radius-sm);color:var(--wa-accent);cursor:pointer;transition:background var(--wa-duration) var(--wa-ease);background:0 0;border:none;font-size:.825rem;font-weight:600;display:flex}.workspace-create-btn:hover{background:var(--wa-accent-subtle)}.workspace-create-btn:disabled{opacity:.5;cursor:not-allowed}.workspace-create-form{flex-direction:column;gap:4px;padding:4px;display:flex}.workspace-create-input{width:100%;padding:6px var(--wa-space-sm);border:1px solid var(--wa-border-default);border-radius:var(--wa-radius-sm);background:var(--wa-bg-card);color:var(--wa-text-primary);font-size:.825rem}.workspace-create-input:focus{border-color:var(--wa-accent);outline:none}.workspace-create-error{color:#ef4444;padding:0 4px;font-size:.7rem}.workspace-switcher.collapsed .workspace-trigger{justify-content:center;padding:10px 0}.create-project-error{border-radius:var(--wa-radius-sm);padding:var(--wa-space-sm) var(--wa-space-md);color:#ef4444;margin-bottom:var(--wa-space-md);background:#ef444414;border:1px solid #ef444440;font-size:.85rem}.create-project-field{margin-bottom:var(--wa-space-md)}.create-project-field label{color:var(--wa-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.create-project-required{color:#ef4444}.create-project-optional{color:var(--wa-text-muted);font-size:.8rem;font-weight:400}.create-project-input,.create-project-textarea{background:var(--wa-bg);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-sm);width:100%;color:var(--wa-text-primary);font-size:.9375rem;font-family:var(--wa-font-sans);transition:border-color var(--wa-duration) var(--wa-ease);box-sizing:border-box;outline:none;padding:.625rem .875rem}.create-project-input:focus,.create-project-textarea:focus{border-color:var(--wa-accent);box-shadow:0 0 0 2px var(--wa-accent-glow)}.create-project-input:disabled,.create-project-textarea:disabled{opacity:.5;cursor:not-allowed}.create-project-input::placeholder,.create-project-textarea::placeholder{color:var(--wa-text-muted)}.create-project-textarea{resize:vertical;min-height:60px;line-height:1.5}.btn-primary{align-items:center;gap:var(--wa-space-sm);padding:var(--wa-space-sm) var(--wa-space-lg);background:var(--wa-accent);color:#000;border-radius:var(--wa-radius-sm);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);border:none;font-size:.9375rem;font-weight:600;display:inline-flex}.btn-primary:hover:not(:disabled){background:var(--wa-accent-hover)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.ps-selector{position:relative}.ps-trigger{background:var(--wa-bg-glass);border:1px solid var(--wa-border-default);border-radius:var(--wa-radius-md);color:var(--wa-text-primary);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);white-space:nowrap;align-items:center;gap:8px;max-width:240px;padding:6px 12px;font-size:.875rem;font-weight:500;display:flex}.ps-trigger:hover{border-color:var(--wa-accent);background:var(--wa-bg-glass-hover)}.ps-trigger-icon{color:var(--wa-accent);flex-shrink:0}.ps-trigger-name{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.ps-chevron{color:var(--wa-text-muted);transition:transform var(--wa-duration) var(--wa-ease);flex-shrink:0}.ps-chevron.open{transform:rotate(180deg)}.ps-dropdown{background:var(--wa-bg-glass-strong);min-width:260px;-webkit-backdrop-filter:var(--wa-blur);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-md);box-shadow:var(--wa-shadow-lg);z-index:200;animation:.15s psFadeIn;position:absolute;top:calc(100% + 6px);left:0;overflow:hidden}@keyframes psFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ps-dropdown-header{border-bottom:1px solid var(--wa-border-subtle);justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.ps-dropdown-title{text-transform:uppercase;letter-spacing:var(--wa-ls-spaced);color:var(--wa-text-muted);font-size:.75rem;font-weight:600}.ps-refresh-btn{color:var(--wa-text-muted);cursor:pointer;border-radius:var(--wa-radius-sm);background:0 0;border:none;padding:4px;display:flex}.ps-refresh-btn:hover{color:var(--wa-text-primary);background:var(--wa-accent-subtle)}.ps-spin-icon{transition:transform .3s}.ps-refresh-btn:hover .ps-spin-icon{transform:rotate(180deg)}.ps-dropdown-loading,.ps-dropdown-empty{color:var(--wa-text-muted);justify-content:center;align-items:center;gap:8px;padding:24px 16px;font-size:.875rem;display:flex}.ps-dropdown-list{max-height:260px;padding:4px;overflow-y:auto}.ps-dropdown-item{border-radius:var(--wa-radius-sm);width:100%;color:var(--wa-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:8px;padding:8px 10px;font-size:.875rem;transition:all .1s;display:flex}.ps-dropdown-item:hover{background:var(--wa-accent-subtle);color:var(--wa-text-primary)}.ps-dropdown-item.active{color:var(--wa-accent);background:var(--wa-accent-glow)}.ps-item-icon{color:var(--wa-text-muted);flex-shrink:0}.ps-dropdown-item.active .ps-item-icon{color:var(--wa-accent)}.ps-item-name{text-overflow:ellipsis;flex:1;overflow:hidden}.ps-item-check{color:var(--wa-accent);flex-shrink:0}.ps-dropdown-footer{border-top:1px solid var(--wa-border-subtle);padding:6px}.ps-create-btn{background:var(--wa-accent-subtle);border:1px dashed var(--wa-border-strong);border-radius:var(--wa-radius-sm);width:100%;color:var(--wa-accent);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);justify-content:center;align-items:center;gap:6px;padding:8px;font-size:.8125rem;font-weight:600;display:flex}.ps-create-btn:hover{background:var(--wa-accent-glow);border-color:var(--wa-accent)}.um-menu{position:relative}.um-trigger{background:var(--wa-bg-glass);border:1px solid var(--wa-border-default);border-radius:var(--wa-radius-md);color:var(--wa-text-primary);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);align-items:center;gap:8px;padding:4px 10px 4px 4px;display:flex}.um-trigger:hover{border-color:var(--wa-accent);background:var(--wa-bg-glass-hover)}.um-avatar{border-radius:var(--wa-radius-full);background:linear-gradient(135deg, var(--wa-accent), #128c7e);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.75rem;font-weight:700;display:flex}.um-info{flex-direction:column;min-width:0;display:flex}.um-name{text-overflow:ellipsis;white-space:nowrap;max-width:120px;font-size:.8125rem;font-weight:600;overflow:hidden}.um-chevron{color:var(--wa-text-muted);transition:transform var(--wa-duration) var(--wa-ease);flex-shrink:0}.um-chevron.open{transform:rotate(180deg)}.um-dropdown{background:var(--wa-bg-glass-strong);min-width:240px;-webkit-backdrop-filter:var(--wa-blur);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-md);box-shadow:var(--wa-shadow-lg);z-index:200;animation:.15s umFadeIn;position:absolute;top:calc(100% + 6px);right:0;overflow:hidden}@keyframes umFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.um-dropdown-header{border-bottom:1px solid var(--wa-border-subtle);align-items:center;gap:10px;padding:14px;display:flex}.um-dropdown-avatar{border-radius:var(--wa-radius-full);background:linear-gradient(135deg, var(--wa-accent), #128c7e);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.875rem;font-weight:700;display:flex}.um-dropdown-details{flex-direction:column;gap:2px;min-width:0;display:flex}.um-dropdown-name{color:var(--wa-text-primary);font-size:.875rem;font-weight:600}.um-dropdown-email{color:var(--wa-text-muted);font-size:.75rem}.um-dropdown-role{text-transform:uppercase;letter-spacing:var(--wa-ls-spaced);color:var(--wa-accent);align-items:center;gap:4px;margin-top:2px;font-size:.6875rem;font-weight:600;display:inline-flex}.um-dropdown-items{padding:4px}.um-dropdown-item{border-radius:var(--wa-radius-sm);width:100%;color:var(--wa-text-secondary);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:9px 12px;font-size:.875rem;transition:all .1s;display:flex}.um-dropdown-item:hover{background:var(--wa-accent-subtle);color:var(--wa-text-primary)}.um-dropdown-item svg{flex-shrink:0}.um-dropdown-footer{border-top:1px solid var(--wa-border-subtle);padding:4px}.um-dropdown-logout:hover{color:#ef4444;background:#ef444414}.layout{background:var(--wa-bg);min-height:100vh;display:flex}.layout-right{flex-direction:column;flex:1;min-width:0;display:flex}.top-header{padding:var(--wa-space-sm) var(--wa-space-xl);background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur);border-bottom:1px solid var(--wa-border-subtle);justify-content:space-between;align-items:center;gap:var(--wa-space-md);z-index:50;min-height:56px;display:flex;position:sticky;top:0}.top-header-right{align-items:center;gap:var(--wa-space-sm);display:flex}.sidebar{background:var(--wa-bg-glass);width:260px;min-width:260px;-webkit-backdrop-filter:var(--wa-blur);border-right:1px solid var(--wa-border-strong);z-index:100;flex-direction:column;height:100vh;transition:width .25s,min-width .25s;display:flex;position:sticky;top:0;overflow:visible}.sidebar.collapsed{width:68px;min-width:68px}.sidebar-nav,.sidebar-footer{overflow:hidden}.sidebar-header{border-bottom:1px solid var(--wa-border-subtle);justify-content:center;align-items:center;min-height:72px;padding:20px 16px;display:flex;overflow:hidden}.sidebar-logo{border-radius:0;flex-shrink:0;width:180px;max-width:100%;height:auto;transition:transform .25s}.sidebar.collapsed .sidebar-logo{width:40px;transform:scale(1.05)}.collapse-toggle{background:var(--wa-bg-glass-strong);border:1.5px solid var(--wa-border-strong);border-radius:var(--wa-radius-full);cursor:pointer;width:26px;height:26px;color:var(--wa-text-secondary);z-index:101;transition:all var(--wa-duration) var(--wa-ease);box-shadow:var(--wa-shadow-sm);justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:64px;right:-13px}.collapse-toggle:hover{border-color:var(--wa-accent);color:var(--wa-accent);box-shadow:var(--wa-shadow-glow);background:var(--wa-bg-glass)}.sidebar-nav{padding:var(--wa-space-sm);flex-direction:column;flex:1;gap:2px;display:flex;overflow:hidden auto}.nav-item{align-items:center;gap:var(--wa-space-sm);padding:10px var(--wa-space-sm);border-radius:var(--wa-radius-sm);color:var(--wa-text-secondary);white-space:nowrap;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex;position:relative;overflow:hidden}.nav-item:before{content:"";background:var(--wa-accent);border-radius:0 var(--wa-radius-sm) var(--wa-radius-sm) 0;width:3px;height:0;transition:height var(--wa-duration) var(--wa-ease);position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-item:hover{background:var(--wa-accent-subtle);color:var(--wa-text-primary)}.nav-item.active{background:var(--wa-accent-glow);color:var(--wa-accent)}.nav-item.active:before{height:60%}.nav-item svg{flex-shrink:0;width:20px;height:20px;transition:transform .2s}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px 0}.sidebar.collapsed .nav-item svg{margin:0}.nav-item span{text-overflow:ellipsis;transition:opacity .15s;overflow:hidden}.sidebar-footer{padding:var(--wa-space-sm);border-top:1px solid var(--wa-border-subtle);flex-direction:column;gap:2px;display:flex;overflow:hidden}.sidebar.collapsed .sidebar-footer{align-items:center}.theme-toggle-btn,.logout-btn{align-items:center;gap:var(--wa-space-sm);padding:10px var(--wa-space-sm);border-radius:var(--wa-radius-sm);color:var(--wa-text-secondary);cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;width:100%;font-size:.9rem;font-weight:500;transition:all .15s;display:flex;overflow:hidden}.sidebar.collapsed .theme-toggle-btn,.sidebar.collapsed .logout-btn{justify-content:center;gap:0;width:auto;padding:10px 0}.theme-toggle-btn:hover,.logout-btn:hover{background:var(--wa-accent-subtle);color:var(--wa-text-primary)}.logout-btn:hover{color:#ef4444}.theme-toggle-btn svg,.logout-btn svg{flex-shrink:0}.main-content{padding:var(--wa-space-xl);flex:1;width:100%;max-width:1400px;margin-left:0;transition:padding .25s}.main-content.collapsed{padding:var(--wa-space-xl) var(--wa-space-2xl)}.mobile-header{display:none}@media (width<=767px){.mobile-header{padding:var(--wa-space-sm) var(--wa-space-md);background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur);border-bottom:1px solid var(--wa-border-subtle);z-index:99;justify-content:space-between;align-items:center;min-height:60px;display:flex;position:sticky;top:0}.sidebar{display:none}.sidebar.mobile{z-index:100;width:280px;transition:left var(--wa-duration) var(--wa-ease);box-shadow:var(--wa-shadow-lg);display:flex;position:fixed;top:0;left:-280px}.sidebar.mobile.open{left:0}.main-content.mobile{padding:var(--wa-space-md)}}.mobile-brand{justify-content:center;align-items:center;display:flex}.mobile-brand .sidebar-logo{width:150px;height:auto}.mobile-menu-btn{color:var(--wa-text-primary);cursor:pointer;border-radius:var(--wa-radius-sm);background:0 0;border:none;padding:4px}.mobile-menu-btn:hover{background:var(--wa-bg-glass)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:99;background:#00000080;animation:.2s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin{animation:1s linear infinite spin}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:1000;background:#0009;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-lg);box-shadow:var(--wa-shadow-lg);width:90%;max-width:480px;animation:.3s slideUp;overflow:hidden}.modal-header{padding:var(--wa-space-lg) var(--wa-space-lg) var(--wa-space-md);border-bottom:1px solid var(--wa-border-subtle);justify-content:space-between;align-items:center;display:flex}.modal-header h2{color:var(--wa-text-primary);text-transform:none;letter-spacing:normal;font-size:1.25rem;font-weight:700}.modal-body{padding:var(--wa-space-lg)}.modal-body label{color:var(--wa-text-secondary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.modal-footer{justify-content:flex-end;gap:var(--wa-space-sm);padding:var(--wa-space-md) var(--wa-space-lg) var(--wa-space-lg);display:flex}.btn-icon{background:var(--wa-bg-glass);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-sm);cursor:pointer;width:36px;height:36px;color:var(--wa-text-secondary);transition:all var(--wa-duration) var(--wa-ease);flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.btn-secondary{padding:var(--wa-space-sm) var(--wa-space-lg);background:var(--wa-bg-glass);color:var(--wa-text-secondary);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-sm);cursor:pointer;transition:all var(--wa-duration) var(--wa-ease);font-size:.9375rem;font-weight:600}.btn-secondary:hover{background:var(--wa-bg-glass-hover);border-color:var(--wa-accent);color:var(--wa-text-primary)}code{background:var(--wa-accent-subtle);border-radius:var(--wa-radius-sm);font-family:var(--wa-font-mono);color:#e2e8f0;border:1px solid var(--wa-border-subtle);padding:.125rem .375rem;font-size:.875em}.toast-container{z-index:9999;flex-direction:column;gap:.5rem;display:flex;position:fixed;top:1rem;right:1rem}.toast{background:var(--wa-bg-glass);-webkit-backdrop-filter:var(--wa-blur);border:1px solid var(--wa-border-strong);border-radius:var(--wa-radius-sm);box-shadow:var(--wa-shadow-md);color:var(--wa-text-primary);min-width:280px;padding:.875rem 1.25rem;font-size:.9rem;animation:.3s slideUp}.toast.error{background:#ef44440d;border-color:#ef44444d}.toast.success{background:#22c55e0d;border-color:#22c55e4d}.page-header{margin-bottom:var(--wa-space-xl)}.page-header__top{justify-content:space-between;align-items:center;gap:var(--wa-space-md);flex-wrap:wrap;display:flex}.page-header__actions{gap:var(--wa-space-sm);align-items:center;display:flex}[dir=rtl] .modal-footer{flex-direction:row-reverse}[dir=rtl] select{background-position:.75rem;padding:.75rem 1rem .75rem 2.5rem}[dir=rtl] .page-header__top{flex-direction:row-reverse}[dir=rtl] .toast-container{left:1rem;right:auto}.toast-container{z-index:9999;flex-direction:column;gap:.75rem;max-width:400px;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}.toast{background:#fff;border-left:4px solid;border-radius:12px;align-items:flex-start;gap:.75rem;padding:1rem 1.25rem;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 40px #0000001f,0 4px 12px #00000014}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-color:#22c55e}.toast-success .toast-icon{color:#22c55e}.toast-error{border-color:#ef4444}.toast-error .toast-icon{color:#ef4444}.toast-warning{border-color:#f59e0b}.toast-warning .toast-icon{color:#f59e0b}.toast-info{border-color:#3b82f6}.toast-info .toast-icon{color:#3b82f6}.toast-icon{flex-shrink:0;margin-top:2px}.toast-content{flex:1;min-width:0}.toast-title{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.4}.toast-message{color:#64748b;margin-top:.25rem;font-size:.8125rem;line-height:1.5}.toast-close{color:#94a3b8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s;display:flex}.toast-close:hover{color:#475569;background:#f1f5f9}