:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg-body:#050816;--bg-shell:#070c1a;--bg-card:#0b1020;--bg-elevated:#131932;--bg-subtle:#0f172a8c;--border-subtle:#ffffff0f;--text:#e5e7eb;--text-primary:#e5e7eb;--text-muted:#9ca3af;--accent:#a78bfa;--accent-soft:#a78bfa1f;--danger:#f97373;--danger-soft:#f871711f;--success:#4ade80;--radius-lg:16px;--radius-md:10px;--radius-pill:999px;--shadow-soft:0 18px 45px #000000e6}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app-body{min-height:100vh;color:var(--text-primary);background:radial-gradient(circle at top,#111827 0,#020617 42%,#000 100%)}.app-root{flex-direction:column;min-height:100vh;display:flex}.app-content{flex:1}.app-shell{max-width:1120px;margin:0 auto;padding:4px 16px 40px}.app-header{z-index:20;background:linear-gradient(135deg,#020617,#0b1120);border-bottom:1px solid #94a3b840;position:sticky;top:0;box-shadow:0 4px 20px #00000080}.app-header-content{justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:22px 24px;display:flex}.header-left{align-items:center;display:flex}.brand{color:inherit;align-items:center;gap:12px;text-decoration:none;display:flex}.brand-mark{background-image:url(../media/favicon-32x32.48d0cc2b.png);border-radius:12px;width:32px;height:32px}.brand-title{letter-spacing:.03em;font-weight:600}.brand-subtitle{color:var(--text-muted);font-size:.78rem}.header-right{align-items:center;gap:12px;display:flex}.app-nav{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0f172ae6;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;margin-bottom:20px;padding:6px;display:flex}.app-nav-left{gap:12px;display:flex}.app-nav-right{flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:12px;display:flex}.nav-link{border-radius:var(--radius-pill);color:var(--text-muted);padding:6px 14px;font-size:.88rem;text-decoration:none;transition:all .15s ease-out}.nav-link:hover{color:var(--text-primary);background:#1e40af99}.nav-link-active{color:#f9fafb;background:linear-gradient(135deg,#7c3aed,#a78bfa)}.app-main{margin-top:8px}.card{background:var(--bg-card);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);box-shadow:var(--shadow-soft);margin:10px 0;padding:18px 20px 20px}.card-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.card-title{margin:0;font-size:1.1rem}.card-subtitle{color:var(--text-muted);margin:4px 0 0;font-size:.85rem}.pill{border-radius:var(--radius-pill);padding:4px 10px;font-size:.78rem}.pill-muted{color:var(--text-muted);background:#94a3b826}.pill-error{background:var(--danger-soft);color:var(--danger)}.pill-success{color:var(--success);background:#22c55e1f;padding:5px 14px}.alert{border-radius:10px;margin-bottom:10px;padding:8px 10px;font-size:.8rem}.alert-error{background:var(--danger-soft);color:var(--danger);border:1px solid #f8717199}.alert-success{color:var(--success);background:#22c55e1f;border:1px solid #22c55e99}.muted{color:var(--text-muted);font-size:.85rem}.btn-primary{border-radius:var(--radius-pill);cursor:pointer;color:#f9fafb;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#a78bfa);border:none;margin-right:10px;padding:8px 16px;font-size:.82rem;font-weight:500;text-decoration:none;transition:transform .1s ease-out,box-shadow .1s ease-out,filter .1s ease-out;box-shadow:0 14px 32px #7c3aed80}.btn-primary:disabled{opacity:.6;cursor:default;box-shadow:none}.btn-primary:not(:disabled):hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 18px 40px #7c3aeda6}.btn-primary:not(:disabled):active{transform:translateY(0);box-shadow:0 8px 22px #7c3aed99}.btn-secondary{border-radius:var(--radius-pill);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:#020617;margin-right:10px;padding:7px 14px;font-size:.8rem;font-weight:500;text-decoration:none;transition:all .12s ease-out}.btn-secondary:hover{color:var(--text-primary);border-color:var(--accent);background:#0f172ae6}.btn-block{width:100%;margin-top:6px}.nav-actions{position:relative}.nav-actions-trigger{color:var(--text-primary);cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:999px;padding:6px 12px;font-size:.9rem}.nav-actions-menu{z-index:20;background:#111827;border-radius:10px;min-width:180px;padding:6px;position:absolute;top:110%;right:0;box-shadow:0 10px 30px #00000073}.nav-actions-item{text-align:left;width:100%;color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px 10px;font-size:.9rem}.nav-actions-item:hover{background:#ffffff0d}.nav-actions-item{text-decoration:none;display:block}.nav-actions-danger{color:#f97373}.user-menu{position:relative}.user-menu-trigger{border-radius:var(--radius-pill);cursor:pointer;background:#0b1020;border:1px solid #fff3;align-items:center;gap:10px;min-height:38px;padding:6px 12px;display:inline-flex}.user-avatar{color:#e5e7eb;background:radial-gradient(circle at 20% 0,#a78bfa,#7c3aed);border:1px solid #94a3b899;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;font-size:.78rem;font-weight:600;display:inline-flex;box-shadow:0 10px 25px #0f172ae6}.user-meta{flex-direction:column;align-items:flex-start;gap:2px;line-height:1;display:flex}.user-label{color:var(--text-muted);font-size:.75rem}.user-email{color:var(--text-primary);font-size:.82rem}.user-caret{color:var(--text-muted);margin-left:2px;font-size:.8rem}.user-menu-dropdown{min-width:160px}.register-card{width:100%;max-width:686px;margin:0 auto}.form-grid{flex-direction:column;gap:14px;margin-top:4px;display:flex}.field{flex-direction:column;gap:4px;display:flex}.field-label{color:var(--text-primary);font-size:.82rem;font-weight:500}.field-input{border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text-primary);border-radius:10px;outline:none;padding:8px 10px;font-size:.86rem;transition:border-color .12s ease-out,box-shadow .12s ease-out,background .12s ease-out}.field-input::placeholder{color:var(--text-muted)}.field-input:focus{border-color:var(--accent);background:#020617;box-shadow:0 0 0 1px #a78bfa99,0 0 18px #a78bfa59}.field-helper{color:var(--text-muted);margin:0;font-size:.78rem}.field-checkbox-row{color:var(--text-primary);align-items:center;gap:8px;margin-top:4px;font-size:.82rem;display:flex}.field-checkbox{border:1px solid var(--border-subtle);background:var(--bg-elevated);cursor:pointer;appearance:none;border-radius:4px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex;position:relative}.field-checkbox:checked{border-color:var(--accent);background:radial-gradient(circle at 0 0,#a78bfa,#7c3aed);box-shadow:0 0 12px #a78bfacc}.field-checkbox:checked:after{content:"";background:#f9fafb;border-radius:3px;width:8px;height:8px}.field-checkbox-label{cursor:pointer}.oauth-divider{align-items:center;gap:8px;margin:18px 0 10px;display:flex}.oauth-divider-line{background:#94a3b840;flex:1;height:1px}.oauth-divider-label{text-transform:uppercase;letter-spacing:.12em;color:var(--text-muted);font-size:.7rem}.oauth-buttons{grid-template-columns:1fr 1fr;gap:10px;display:grid}.btn-oauth{justify-content:center;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.btn-oauth:before,.btn-oauth:before{content:"";background:#94a3b873;border-radius:4px;width:16px;height:16px}.btn-oauth-google:before{background:radial-gradient(circle at 20% 0,#f97316,#22c55e,#3b82f6)}.btn-oauth-microsoft:before{background:linear-gradient(135deg,#ef4444,#22c55e,#eab308,#3b82f6)}.register-footer{color:var(--text-muted);text-align:center;margin-top:18px;font-size:.8rem}.register-footer-link{color:var(--accent);text-decoration:none}.register-footer-link:hover{text-decoration:underline}.auth-main{margin-top:32px;margin-bottom:40px}.app-shell-auth{max-width:720px}.dashboard-grid{grid-template-columns:repeat(4,1fr);gap:16px;margin-top:16px;display:grid}@media (max-width:1200px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.dashboard-grid{grid-template-columns:1fr}}.stat-card{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:#0f172a8c;flex-direction:column;gap:8px;padding:16px 18px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.78rem}.stat-value{font-size:1.5rem;font-weight:600}.stat-note{color:var(--text-muted);font-size:.75rem}.search-form{flex-wrap:wrap;gap:10px;margin-bottom:20px;display:flex}.search-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);min-width:200px;color:var(--text-primary);background:#0f172a99;flex:1;padding:10px 14px;font-size:.9rem}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent);outline:none}.table-container{margin:0 -20px;padding:0 20px;overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.875rem}.data-table th,.data-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:12px 14px}.data-table th{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;font-size:.78rem;font-weight:600}.data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.data-table th.sortable:hover{color:var(--text-primary)}.data-table tbody tr:hover{background:#ffffff05}.data-table .empty-row{text-align:center;color:var(--text-muted);padding:40px 14px}.user-email{font-weight:500}.timezone-cell{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.8rem;overflow:hidden}.badge{border-radius:var(--radius-pill);margin-left:6px;padding:3px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.badge-success{color:var(--success);background:#4ade8026}.badge-warning{color:#fbbf24;background:#fbbf2426}.badge-subtle{color:var(--text-muted);background:#ffffff0f}.badge-danger{color:var(--danger);background:#f9737326}.workspace-toggle-pills{flex-wrap:wrap;gap:6px;display:flex}.workspace-toggle-pill{border-radius:var(--radius-pill);padding:2px 8px;font-size:.7rem;font-weight:500;display:inline-flex}.workspace-toggle-pill--on{color:#22c55e;background:#4ade8024;border:1px solid #4ade8040}.workspace-toggle-pill--off{color:#8b5cf6;background:#8b5cf624;border:1px solid #8b5cf640}.status-select{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-primary);cursor:pointer;background:#0f172a99;padding:10px 14px;font-size:.9rem}.status-select:focus{border-color:var(--accent);outline:none}.user-cell{flex-direction:column;gap:2px;display:flex}.user-name{color:var(--text-muted);font-size:.75rem}.amount-cell{font-variant-numeric:tabular-nums;font-weight:600}.failure-reason{color:var(--danger);cursor:help;margin-left:6px}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;margin-top:20px;display:flex}.page-info{color:var(--text-muted);padding:0 12px;font-size:.875rem}.card-title-link{color:inherit;text-decoration:none;transition:color .15s}.card-title-link:hover{color:var(--accent)}.checkbox-label{color:var(--text-muted);cursor:pointer;white-space:nowrap;align-items:center;gap:6px;font-size:.875rem;display:flex}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.reason-cell{text-overflow:ellipsis;white-space:nowrap;max-width:250px;overflow:hidden}.btn-danger-small{border-radius:var(--radius-md);border:1px solid var(--danger);background:var(--danger-soft);color:var(--danger);cursor:pointer;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s}.btn-danger-small:hover{background:var(--danger);color:#fff}.btn-secondary-small{border-radius:var(--radius-md);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;background:0 0;padding:4px 10px;font-size:.75rem;font-weight:500;transition:all .15s}.btn-secondary-small:hover{color:var(--text-primary);background:#ffffff0d}.modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:100%;max-width:1200px;max-height:90vh;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.modal-title{margin:0;font-size:1.1rem;font-weight:600}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--text-primary)}.modal-body{flex:1;padding:20px;overflow-y:auto}.wide-col{min-width:180px}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:10px;padding:16px 20px;display:flex}.form-group{margin-bottom:16px}.form-label{color:var(--text-primary);margin-bottom:6px;font-size:.875rem;font-weight:500;display:block}.form-input{border-radius:var(--radius-md);border:1px solid var(--border-subtle);width:100%;color:var(--text-primary);background:#0f172a99;padding:10px 14px;font-size:.9rem}.form-input:focus{border-color:var(--accent);outline:none}.form-hint{color:var(--text-muted);margin-top:4px;font-size:.75rem;display:block}.user-search-results{flex-direction:column;gap:4px;max-height:200px;margin-top:10px;display:flex;overflow-y:auto}.user-search-item{border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;background:#ffffff08;flex-direction:column;align-items:flex-start;gap:2px;width:100%;padding:10px 12px;transition:all .15s;display:flex}.user-search-item:hover{border-color:var(--accent);background:#ffffff0f}.selected-user{border-radius:var(--radius-md);background:#a78bfa1a;border:1px solid #a78bfa4d;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:16px;padding:12px;display:flex}.selected-user-label{color:var(--text-muted);width:100%;font-size:.75rem}.role-badge{border-radius:var(--radius-pill);background:var(--accent-soft);color:var(--accent);border:1px solid #a78bfa66;padding:4px 10px;font-size:.75rem;font-weight:500;display:inline-flex}.admin-badge{border-radius:var(--radius-pill);color:#f9fafb;letter-spacing:.05em;text-transform:uppercase;background:linear-gradient(135deg,#7c3aed,#a78bfa);padding:4px 10px;font-size:.7rem;font-weight:600}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#020617}::-webkit-scrollbar-thumb{background:#374151e6;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#4b5563e6}@media (max-width:900px){.app-shell{padding:18px 16px 32px}.app-header{position:static}.app-header-content{flex-wrap:wrap;gap:12px 4px;padding:12px 16px 14px}.header-right{justify-content:space-between;gap:16px;width:100%}.header-left{min-width:0;overflow:hidden}.brand{min-width:0}.brand-mark{flex-shrink:0}.brand-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.brand-subtitle{white-space:normal;line-height:1.3}.app-nav{flex-direction:column;align-items:stretch}.app-nav-left{flex-wrap:wrap}.app-nav-right{justify-content:space-between;width:100%}.card-header{flex-direction:column;align-items:flex-start}}@media (max-width:600px){.app-shell{padding:16px 16px 28px}.brand-subtitle{font-size:.7rem}.app-nav-left{flex-direction:column;align-items:stretch}.nav-link{white-space:nowrap;text-align:center}.app-nav-right{flex-direction:column;align-items:stretch}.oauth-buttons{grid-template-columns:1fr}}.profile-card-stack{flex-direction:column;gap:16px;display:flex}.profile-danger-card{border-color:#f8717180}.profile-danger-body{flex-direction:column;gap:8px;display:flex}.profile-danger-text{color:var(--text-muted);font-size:.85rem}.profile-signin-methods{margin-top:1rem}.signin-method-list{grid-template-columns:max-content;justify-content:flex-start;row-gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.signin-method-row+.signin-method-row{margin-top:.3rem}.signin-pill{border-radius:999px;flex:none;justify-content:space-between;align-items:center;gap:1rem;width:100%;min-width:400px;max-width:520px;display:flex}.signin-pill-main{flex-direction:column;flex:auto;gap:.15rem;min-width:0;display:flex}.signin-pill-unlink{margin-left:auto}.signin-pill-title{align-items:left;gap:.5rem;font-weight:600;display:flex}.signin-pill-sub{color:#9ca3af;font-size:.8rem}.signin-pill-icon{border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;font-size:.8rem;display:inline-flex}.signin-pill-icon-email{color:#e5e7eb;background:#94a3b840}.signin-pill-unlink.btn-sm{border-radius:999px;padding-block:.25rem;padding-inline:.75rem;font-size:.8rem}.modal-backdrop{z-index:50;background:#0f172abf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-panel{background:#020617;border:1px solid #94a3b84d;border-radius:1rem;width:100%;max-width:480px;padding:1.5rem 1.75rem 1.25rem;box-shadow:0 24px 60px #0009}.modal-subtitle{color:#9ca3af;margin-top:.25rem;font-size:.85rem}.loading-overlay{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#020617eb;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:fixed;inset:0}.loading-spinner{border:3px solid #a78bfa33;border-top-color:#a78bfa;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}.loading-text{color:var(--text-muted);letter-spacing:.02em;font-size:.9rem}@keyframes spin{to{transform:rotate(360deg)}}