:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--background:#f4f7fb;--panel:#fff;--line:#e6ebf2;--line-strong:#d6deea;--text:#16243a;--muted:#72809a;--sidebar:#0f1b2d;--sidebar-soft:#17263d;--sidebar-muted:#93a1bc;--blue:#396cff;--blue-deep:#2853d6;--blue-soft:#edf3ff;--green:#1ea86c;--green-soft:#e8f8ef;--red:#d24e57;--red-soft:#fdebed;--yellow:#efb93f;--yellow-soft:#fff6df;--shadow:0 16px 42px #12203d14;--shadow-strong:0 24px 70px #12203d26;--radius:18px;background:var(--background);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--background);min-height:100%}body{background:var(--background);min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:wait;opacity:.62}button:focus-visible,input:focus-visible,a:focus-visible,summary:focus-visible,[tabindex="-1"]:focus-visible{outline-offset:3px;outline:3px solid #396cff47}h1,h2,h3,p{margin-top:0}.skip-link{z-index:100;box-shadow:var(--shadow);color:var(--blue-deep);background:#fff;border-radius:10px;padding:10px 14px;font-size:.875rem;font-weight:800;transition:transform .16s;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.product-brand{align-items:center;gap:13px;display:flex}.brand-mark{color:#fff;letter-spacing:.06em;background:linear-gradient(135deg,#5b87ff,#214bd4);border-radius:15px;flex:none;place-items:center;width:50px;height:50px;font-size:.9rem;font-weight:900;display:grid;box-shadow:0 10px 28px #396cff3d}.brand-copy{gap:4px;min-width:0;display:grid}.brand-copy strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:1rem;line-height:1.2;overflow:hidden}.brand-copy>span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;line-height:1.3;overflow:hidden}.product-brand-inverse .brand-copy strong{color:#fff}.product-brand-inverse .brand-copy>span{color:var(--sidebar-muted)}.auth-page,.route-pending{place-items:center;min-height:100vh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.auth-page{background:radial-gradient(circle at 10% 20%, #396cff29, transparent 28rem), radial-gradient(circle at 90% 90%, #1ea86c1a, transparent 24rem), var(--background)}.auth-page:before,.auth-page:after{content:"";pointer-events:none;border:1px solid #396cff21;border-radius:64px;width:260px;height:260px;position:fixed;transform:rotate(18deg)}.auth-page:before{top:-96px;right:8%}.auth-page:after{border-color:#1ea86c1f;bottom:-120px;left:5%;transform:rotate(-14deg)}.auth-panel{z-index:1;width:min(100%,470px);box-shadow:var(--shadow-strong);background:#fffffff7;border:1px solid #d6deeae6;border-radius:24px;padding:clamp(28px,5vw,42px);position:relative}.auth-panel .product-brand{margin-bottom:34px}.auth-panel h1{letter-spacing:-.035em;margin-bottom:10px;font-size:clamp(1.8rem,5vw,2.25rem);line-height:1.12}.intro,.guidance{color:var(--muted);line-height:1.55}.intro{margin-bottom:0}.auth-form{gap:18px;margin-top:28px;display:grid}.field{gap:8px;display:grid}.field label{color:#344058;font-size:.82rem;font-weight:800}.field input{border:1px solid var(--line-strong);width:100%;min-height:48px;color:var(--text);background:#fff;border-radius:12px;padding:11px 13px;transition:border-color .16s,box-shadow .16s}.field input:hover{border-color:#bec9da}.field input:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 4px #396cff1f}.field-error{color:#a92f37;margin:-2px 0 0;font-size:.82rem;line-height:1.45}.primary-button,.secondary-button,.danger-button,.quiet-button{border-radius:13px;min-height:44px;padding:11px 17px;font-size:.88rem;font-weight:850;transition:filter .16s,transform .16s,box-shadow .16s}.primary-button{border:1px solid var(--blue);background:var(--blue);color:#fff;box-shadow:0 10px 22px #396cff2e}.secondary-button{background:var(--blue-soft);color:var(--blue-deep);border:1px solid #c6d6ff}.danger-button{background:var(--red-soft);color:#b33b45;border:1px solid #f1c3c7}.quiet-button{color:#43506a;background:#f1f4f9;border:0}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.danger-button:hover:not(:disabled),.quiet-button:hover:not(:disabled){filter:brightness(.985);transform:translateY(-1px)}.auth-form .primary-button{width:100%;margin-top:2px}.message{border-radius:13px;margin:22px 0 0;padding:12px 14px;font-size:.88rem;line-height:1.5}.message-error{color:#8d2025;background:#fff4f4;border:1px solid #f0c6c8}.message-success{color:#17613a;background:#effbf4;border:1px solid #bee2ce}.guidance{margin:22px 0 0;font-size:.82rem}.route-pending{color:var(--muted);font-weight:700}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:30;background:var(--sidebar);color:#fff;scrollbar-color:#344764 transparent;scrollbar-width:thin;flex-direction:column;gap:18px;width:304px;padding:22px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto}.sidebar-brand-row{align-items:center;gap:8px;padding:6px 8px 10px;display:flex}.brand-link{min-width:0}.sidebar-close{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;flex:none;width:38px;height:38px;font-size:1.5rem;line-height:1;display:none}.workspace-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:16px;gap:5px;padding:14px;display:grid}.workspace-label{color:var(--sidebar-muted);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:800}.workspace-card strong{font-size:.9rem}.workspace-card small{color:var(--sidebar-muted);font-size:.72rem;line-height:1.35}.side-nav{gap:11px;display:grid}.nav-group{background:#ffffff06;border:1px solid #ffffff12;border-radius:16px;overflow:hidden}.nav-group-active{background:#5b87ff0b;border-color:#5b87ff47}.nav-group-title{color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;padding:13px 38px 13px 14px;font-size:.86rem;font-weight:850;list-style:none;display:flex;position:relative}.nav-group-title::-webkit-details-marker{display:none}.nav-group-title:after{border-right:2px solid var(--sidebar-muted);border-bottom:2px solid var(--sidebar-muted);content:"";width:8px;height:8px;transition:transform .16s;position:absolute;top:50%;right:15px;transform:translateY(-65%)rotate(45deg)}.nav-group:not([open]) .nav-group-title:after{transform:translateY(-50%)rotate(-45deg)}.nav-group-index{color:#6f83a5;letter-spacing:.05em;font-size:.62rem}.nav-submenu{gap:3px;margin:0;padding:0 9px 9px;list-style:none;display:grid}.nav-subitem{color:#dbe5f8;border-radius:11px;align-items:center;gap:10px;min-height:38px;padding:8px 11px;font-size:.8rem;line-height:1.3;transition:background .16s,color .16s,transform .16s;display:flex}.nav-subitem:hover{color:#fff;background:#ffffff0f;transform:translate(1px)}.nav-subitem.active{color:#fff;background:#ffffff1a;font-weight:750}.nav-item-dot{background:#61728e;border-radius:50%;flex:none;width:5px;height:5px}.nav-subitem.active .nav-item-dot{background:#76a0ff;box-shadow:0 0 0 4px #5b87ff26}.sidebar-footer{margin-top:auto;padding-top:2px}.user-chip{background:#ffffff0f;border:1px solid #ffffff0f;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;padding:11px;transition:background .16s,transform .16s;display:grid}.user-chip:hover{background:#ffffff1a;transform:translateY(-1px)}.avatar,.topbar-avatar,.profile-avatar{color:var(--sidebar);background:#fff;place-items:center;font-weight:900;display:grid}.avatar{border-radius:13px;width:42px;height:42px;font-size:.82rem}.user-chip-copy{gap:3px;min-width:0;display:grid}.user-chip-copy strong,.user-chip-copy>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.user-chip-copy strong{color:#fff;font-size:.79rem}.user-chip-copy>span{color:var(--sidebar-muted);font-size:.68rem}.user-chip-arrow{color:var(--sidebar-muted);font-size:1rem}.app-main{width:calc(100% - 304px);min-width:0;margin-left:304px;padding:26px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.topbar-heading{align-items:flex-start;gap:14px;min-width:0;display:flex}.breadcrumbs{color:var(--muted);margin-bottom:7px;font-size:.76rem;font-weight:650}.breadcrumbs span{color:#aab5c6;margin:0 5px}.topbar h1{letter-spacing:-.035em;margin:0 0 6px;font-size:clamp(1.75rem,2.5vw,1.95rem);line-height:1.1}.page-subtitle{max-width:760px;color:var(--muted);margin:0;font-size:.9rem;line-height:1.5}.topbar-user{border:1px solid var(--line);background:#ffffffbf;border-radius:15px;flex:none;align-items:center;gap:10px;padding:8px 12px 8px 8px;transition:border-color .16s,box-shadow .16s;display:flex}.topbar-user:hover{border-color:#cfd9e7;box-shadow:0 8px 24px #12203d0f}.topbar-avatar{background:var(--blue-soft);width:36px;height:36px;color:var(--blue-deep);border-radius:11px;font-size:.76rem}.topbar-user>span:last-child{gap:2px;display:grid}.topbar-user small{color:var(--muted);font-size:.64rem}.topbar-user strong{text-overflow:ellipsis;white-space:nowrap;max-width:180px;font-size:.77rem;overflow:hidden}.menu-button{border:1px solid var(--line-strong);background:#fff;border-radius:13px;flex:none;width:44px;height:44px;padding:11px;display:none}.menu-button span{background:var(--text);border-radius:999px;width:100%;height:2px;display:block}.menu-button span+span{margin-top:5px}.sidebar-backdrop{display:none}.content-container{min-width:0}.content-container:focus{outline:none}.workspace-page,.content-page{min-height:0;margin:0;padding:0;display:block}.surface-panel,.workspace-state{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow)}.eyebrow{color:var(--blue-deep);letter-spacing:.09em;text-transform:uppercase;margin-bottom:8px;font-size:.68rem;font-weight:900;display:block}.panel-header{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:18px;display:flex}.panel-header h2{letter-spacing:-.025em;margin-bottom:5px;font-size:1.3rem}.panel-header p{color:var(--muted);margin:0;font-size:.84rem;line-height:1.5}.status-badge{color:#607088;background:#f1f4f9;border-radius:999px;align-items:center;width:max-content;padding:7px 10px;font-size:.68rem;font-weight:850;line-height:1;display:inline-flex}.status-badge-success{background:var(--green-soft);color:#16764d}.status-badge-info{background:var(--blue-soft);color:var(--blue-deep)}.workspace-panel,.profile-layout{gap:20px;display:grid}.workspace-overview-grid{grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:20px;display:grid}.welcome-card{background:radial-gradient(circle at 92% 15%,#396cff1f,#0000 12rem),linear-gradient(145deg,#fff,#f8faff);min-height:250px;padding:clamp(24px,3vw,34px);position:relative;overflow:hidden}.welcome-card:after{content:"";border:22px solid #396cff0f;border-radius:58px;width:210px;height:210px;position:absolute;bottom:-68px;right:-34px;transform:rotate(20deg)}.welcome-card h2{letter-spacing:-.04em;max-width:540px;margin-bottom:12px;font-size:clamp(1.55rem,3vw,2.2rem);line-height:1.1}.welcome-card p{z-index:1;max-width:610px;color:var(--muted);margin-bottom:26px;font-size:.94rem;line-height:1.6;position:relative}.welcome-lines{z-index:1;gap:8px;max-width:360px;display:grid;position:relative}.welcome-lines span{background:#e8eef9;border-radius:999px;height:8px}.welcome-lines span:first-child{width:100%}.welcome-lines span:nth-child(2){width:76%}.welcome-lines span:nth-child(3){background:#d9e5ff;width:48%}.workspace-state{min-height:250px;box-shadow:none;align-items:flex-start;gap:16px;padding:clamp(24px,3vw,30px);display:flex}.state-available{background:linear-gradient(160deg,#fff,#f4fbf7);border-color:#d3efdf}.state-empty{background:linear-gradient(160deg,#fff,#f7f9fc);border-color:#e0e5ee}.state-icon{background:var(--green-soft);width:42px;height:42px;color:var(--green);border-radius:13px;flex:none;place-items:center;font-size:1rem;font-weight:900;display:grid}.state-empty .state-icon{background:var(--yellow-soft);color:#946900}.workspace-state h2{letter-spacing:-.025em;margin-bottom:9px;font-size:1.28rem;line-height:1.25}.workspace-state p{color:var(--muted);margin:0;font-size:.86rem;line-height:1.55}.session-panel{padding:clamp(22px,3vw,28px)}.logout-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.logout-card{border:1px solid var(--line);background:#fbfcff;border-radius:16px;flex-direction:column;align-items:flex-start;min-height:190px;padding:20px;display:flex;position:relative;overflow:hidden}.logout-card h3{margin:4px 0 7px;font-size:1rem}.logout-card p{max-width:430px;color:var(--muted);margin-bottom:18px;font-size:.82rem;line-height:1.5}.logout-card button{width:100%;margin-top:auto}.card-index{color:#a1aec1;letter-spacing:.08em;font-size:.65rem;font-weight:900}.confirm-panel{background:#fff7f7;border:1px solid #f0c6c8;border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:16px;padding:18px;display:flex}.confirm-panel h3{margin-bottom:5px;font-size:1rem}.confirm-panel p{color:#7b5054;max-width:620px;margin:0;font-size:.8rem;line-height:1.5}.button-row{flex-wrap:wrap;flex:none;gap:9px;display:flex}.placeholder-layout{gap:20px;display:grid}.placeholder-card{min-height:220px;padding:clamp(24px,4vw,36px);position:relative;overflow:hidden}.placeholder-card .status-badge{margin-bottom:18px}.placeholder-card h2{letter-spacing:-.035em;max-width:720px;margin-bottom:10px;font-size:clamp(1.55rem,3vw,2.1rem)}.placeholder-card p{max-width:660px;color:var(--muted);margin:0;font-size:.92rem;line-height:1.6}.placeholder-mark{opacity:.75;gap:10px;width:170px;display:grid;position:absolute;top:30px;right:34px;transform:rotate(-4deg)}.placeholder-mark span{background:var(--blue-soft);border:1px solid #d8e4fb;border-radius:12px;height:34px}.placeholder-mark span:nth-child(2){width:78%;margin-left:auto}.placeholder-mark span:nth-child(3){width:56%}.data-preview{padding:22px;overflow:hidden}.compact-panel-header{margin-bottom:16px}.preview-toolbar{border:1px solid var(--line);background:#fbfcff;border-bottom:0;border-radius:15px 15px 0 0;grid-template-columns:1fr 1fr auto;gap:12px;padding:14px;display:grid}.preview-toolbar span{border:1px solid var(--line);background:#fff;border-radius:11px;min-height:40px;display:block}.preview-toolbar .preview-action{background:var(--blue-soft);border-color:#c6d6ff;width:108px}.table-preview{border:1px solid var(--line);background:#fff;border-radius:0 0 15px 15px;overflow:hidden}.table-preview-head{border-bottom:1px solid var(--line);color:#64748b;letter-spacing:.04em;text-transform:uppercase;grid-template-columns:minmax(260px,1fr) 180px 180px;gap:16px;padding:13px 16px;font-size:.68rem;font-weight:850;display:grid}.table-preview-empty{text-align:center;align-content:center;place-items:center;min-height:180px;padding:24px;display:grid}.empty-state-icon{color:#8090a8;letter-spacing:.08em;background:#f1f4f9;border-radius:15px;place-items:center;width:48px;height:48px;font-size:1rem;font-weight:900;display:grid}.table-preview-empty strong{margin-top:12px;font-size:.9rem}.table-preview-empty p{color:var(--muted);margin:5px 0 0;font-size:.78rem}.profile-card{align-items:flex-start;gap:22px;padding:clamp(24px,4vw,34px);display:flex}.profile-avatar{background:var(--blue-soft);width:76px;height:76px;color:var(--blue-deep);border-radius:22px;flex:none;font-size:1.25rem}.profile-copy{min-width:0}.profile-copy h2{letter-spacing:-.03em;margin:13px 0 6px;font-size:1.55rem}.profile-copy>p{color:var(--muted);margin-bottom:20px;font-size:.86rem}.profile-details{grid-template-columns:repeat(2,minmax(180px,1fr));gap:12px;margin:0;display:grid}.profile-details div{border:1px solid var(--line);background:#fbfcff;border-radius:14px;padding:13px 15px}.profile-details dt{color:var(--muted);text-transform:uppercase;margin-bottom:5px;font-size:.68rem;font-weight:800}.profile-details dd{margin:0;font-size:.88rem;font-weight:800}@media (max-width:1280px){.workspace-overview-grid{grid-template-columns:1fr}.workspace-state{min-height:auto}.confirm-panel{flex-direction:column;align-items:flex-start}}@media (max-width:980px){.sidebar{visibility:hidden;width:min(88vw,304px);transition:transform .22s,visibility 0s linear .22s;transform:translate(-105%);box-shadow:24px 0 70px #08101d47}.sidebar-is-open .sidebar{visibility:visible;transition:transform .22s,visibility linear;transform:translate(0)}.sidebar-close{display:block}.sidebar-is-open .sidebar-backdrop{z-index:20;background:#0f1b2d7a;border:0;width:100%;display:block;position:fixed;inset:0}.app-main{width:100%;margin-left:0;padding:22px}.menu-button{display:block}}@media (max-width:700px){.topbar{flex-direction:column;align-items:stretch}.topbar-user{width:max-content;margin-left:58px}.logout-grid,.profile-details{grid-template-columns:1fr}.placeholder-mark{opacity:.45;right:-45px}.preview-toolbar{grid-template-columns:1fr}.preview-toolbar .preview-action{width:100%}.table-preview-head{grid-template-columns:1fr}.table-preview-head span:not(:first-child){display:none}}@media (max-width:520px){.auth-page{padding:18px 12px}.auth-panel{border-radius:20px;padding:24px 20px}.auth-panel .product-brand{margin-bottom:28px}.brand-mark{width:46px;height:46px}.app-main{padding:17px 14px 24px}.topbar{margin-bottom:19px}.topbar-heading{gap:11px}.topbar-user{margin-left:55px}.topbar-user small{display:none}.welcome-card,.workspace-state,.session-panel,.placeholder-card,.data-preview,.profile-card{border-radius:16px}.panel-header,.profile-card{flex-direction:column}.panel-header .status-badge{margin-top:-5px}.button-row,.button-row button{width:100%}.confirm-panel{padding:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}