:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07070b;--bg2:#0c0b12;--surface:#111019;--surface2:#171521;--surface3:#1d1a29;--text:#f8f7ff;--muted:#a6a1b7;--muted2:#767185;--line:#ffffff17;--primary:#8b5cf6;--primary2:#c084fc;--accent:#e879f9;--success:#4ade80;--warning:#fbbf24;--danger:#fb7185;--shadow:0 25px 80px #0000006b;--radius:22px;--radius-sm:14px;--container:1240px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}html.light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f7f7fb;--bg2:#fff;--surface:#fff;--surface2:#f5f3fa;--surface3:#ece9f4;--text:#17151f;--muted:#686272;--muted2:#8e8998;--line:#1e192d1a;--shadow:0 25px 70px #2f264b1f}body{background:radial-gradient(circle at 70% -10%,#8b5cf629,transparent 34%),var(--bg);color:var(--text);min-height:100vh;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.container{width:min(var(--container),calc(100% - 48px));margin-inline:auto}.page-shell{min-height:100vh;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:82px;display:flex}.brand,.workspace-brand{align-items:center;gap:12px;font-weight:800;display:flex}.brand-mark{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:12px;place-items:center;width:38px;height:38px;font-weight:900;display:grid;box-shadow:0 8px 28px #8b5cf659}.nav-links{color:var(--muted);gap:30px;font-size:14px;display:flex}.nav-links a.active,.nav-links a:hover{color:var(--text)}.header-actions{align-items:center;gap:10px;display:flex}.theme-toggle,.header-icon{border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:13px;width:42px;height:42px}.button{border:0;border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;font-weight:750;transition:transform .2s,box-shadow .2s,opacity .2s;display:inline-flex}.button:hover{transform:translateY(-2px)}.button-primary{background:linear-gradient(135deg,var(--primary),#a855f7);color:#fff;box-shadow:0 12px 30px #8b5cf647}.button-secondary{background:var(--surface2);border:1px solid var(--line);color:var(--text)}.button-ghost{border:1px solid var(--line);color:var(--text);background:0 0}.button-small{padding:8px 12px;font-size:12px}.eyebrow{letter-spacing:.18em;color:var(--primary2);font-size:11px;font-weight:800}.gradient-text{background:linear-gradient(90deg,#c084fc,#f0abfc);color:#0000;-webkit-background-clip:text;background-clip:text}.hero{grid-template-columns:.9fr 1.1fr;align-items:center;gap:55px;padding:85px 0 70px;display:grid}.hero-copy h1{letter-spacing:-.045em;margin:18px 0 22px;font-size:clamp(42px,5vw,72px);line-height:1.02}.hero-lead{color:var(--muted);font-size:17px;line-height:1.8}.hero-actions{gap:12px;margin:30px 0;display:flex}.hero-trust{grid-template-columns:repeat(2,1fr);gap:15px;margin-top:38px;display:grid}.hero-trust span{color:var(--muted);align-items:center;gap:10px;font-size:12px;display:flex}.hero-trust i{background:var(--surface2);width:32px;height:32px;color:var(--primary2);border-radius:10px;place-items:center;font-style:normal;display:grid}.hero-dashboard{filter:drop-shadow(0 40px 70px #00000059)}.dashboard-preview{border:1px solid var(--line);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#111019d9;border-radius:28px;grid-template-columns:145px 1fr;min-height:520px;display:grid;overflow:hidden}.preview-sidebar{border-right:1px solid var(--line);padding:20px 13px}.preview-logo{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;margin:0 auto 24px;font-weight:900;display:grid}.preview-nav{color:#8e899b;border-radius:10px;align-items:center;gap:8px;height:38px;margin:4px 0;padding:0 10px;font-size:10px;display:flex}.preview-nav.active{color:#ddd3ff;background:#8b5cf626}.preview-main{padding:25px}.preview-head{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.preview-head h3{margin:0 0 5px;font-size:15px}.preview-head p,.preview-date{color:#817b8d;font-size:9px}.preview-date{text-align:right}.preview-grid-top{grid-template-columns:1.1fr 1.15fr .8fr;gap:12px;display:grid}.preview-card{background:#12111a;border:1px solid #ffffff12;border-radius:15px;min-height:170px;padding:15px}.preview-card h4{margin:0 0 14px;font-size:10px}.schedule-row{color:#777284;gap:8px;margin:11px 0;font-size:8px;line-height:1.6;display:flex}.schedule-row i{background:#8b5cf6;border-radius:4px;width:3px}.schedule-row b{color:#d8d3e1}.schedule button{color:#b794ff;background:0 0;border:0;margin-top:4px;padding:0;font-size:8px}.card-title{justify-content:space-between;display:flex}.card-title em{color:#6ee7b7;font-size:8px;font-style:normal}.line-chart{background:linear-gradient(#0000 49%,#ffffff0d 50%,#0000 51%);height:85px;margin:10px 0;position:relative}.line-chart:before{content:"";background:linear-gradient(90deg,#0000,#9f7aea,#0000);height:2px;position:absolute;top:50%;left:0;right:0;transform:rotate(-7deg)}.line-chart span{background:#b68cff;border-radius:50%;width:6px;height:6px;position:absolute;bottom:15px}.line-chart span:first-child{bottom:28px;left:4%}.line-chart span:nth-child(2){bottom:37px;left:20%}.line-chart span:nth-child(3){bottom:25px;left:35%}.line-chart span:nth-child(4){bottom:51px;left:50%}.line-chart span:nth-child(5){bottom:42px;left:65%}.line-chart span:nth-child(6){bottom:61px;left:80%}.line-chart span:nth-child(7){bottom:67px;left:94%}.chart-labels{color:#666172;justify-content:space-between;font-size:7px;display:flex}.graph p{color:#777284;font-size:7px}.donut{background:conic-gradient(#9b6cff 72%,#292532 0);border-radius:50%;place-items:center;width:76px;height:76px;margin:15px auto 12px;display:grid;position:relative}.donut:after{content:"";background:#12111a;border-radius:50%;position:absolute;inset:8px}.donut strong{z-index:1;font-size:13px}.goal{text-align:center}.goal b,.goal small,.goal a{font-size:8px;display:block}.goal small{color:#777284;margin-top:4px}.goal a{color:#b794ff;margin-top:12px}.preview-grid-bottom{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.mini{min-height:90px}.mini h4{margin-bottom:10px}.mini b,.mini span{font-size:8px;display:block}.mini span{color:#777284;margin-top:5px}.hours{color:#d8d3e1;margin-top:8px;font-size:18px!important}.features{padding:80px 0}.section-heading{text-align:center;margin-bottom:38px}.section-heading>span{color:var(--primary2);letter-spacing:.12em;font-size:11px;font-weight:800}.section-heading h2{letter-spacing:-.035em;margin:10px 0;font-size:42px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.feature-grid article{background:var(--surface);border:1px solid var(--line);border-radius:20px;min-height:190px;padding:28px}.feature-icon{color:#c084fc;background:#8b5cf621;border-radius:13px;place-items:center;width:42px;height:42px;margin-bottom:20px;display:grid}.feature-grid h3{margin:0 0 8px;font-size:16px}.feature-grid p,.about p{color:var(--muted);font-size:14px;line-height:1.7}.about{text-align:center;padding:90px 0}.about>span{color:var(--primary2);letter-spacing:.2em;font-size:11px;font-weight:800}.about h2{letter-spacing:-.04em;margin:15px 0;font-size:48px;line-height:1.08}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;padding:25px 0 35px;font-size:12px;display:flex}.workspace{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.workspace-sidebar{border-right:1px solid var(--line);background:#0a090ee6;flex-direction:column;height:100vh;padding:20px 15px;display:flex;position:sticky;top:0}.workspace-brand{padding:8px 9px 25px}.workspace-brand .brand-mark{flex:0 0 38px}.workspace-brand strong{font-size:14px;display:block}.workspace-brand small{color:var(--muted);margin-top:3px;font-size:10px;display:block}.workspace-role{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:12px;margin:0 8px 17px;padding:9px 11px;font-size:10px}.role-dot{background:#4ade80;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block;box-shadow:0 0 12px #4ade80}.workspace-sidebar nav{flex-direction:column;gap:3px;display:flex}.workspace-nav{color:var(--muted);text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:11px;height:42px;padding:0 12px;font-size:13px;display:flex}.workspace-nav span{text-align:center;width:20px;font-size:16px}.workspace-nav b{font-weight:650}.workspace-nav:hover,.workspace-nav.active{color:var(--text);background:#8b5cf621}.workspace-nav.active{box-shadow:inset 2px 0 0 var(--primary)}.workspace-side-bottom{margin-top:auto}.logout-button{border:1px solid var(--line);width:100%;color:var(--muted);background:0 0;border-radius:12px;height:40px;font-size:11px}.logout-button:hover{color:#fff;background:#fb718514;border-color:#fb718559}.workspace-main{min-width:0}.workspace-header{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);z-index:5;background:#07070bb8;justify-content:space-between;align-items:center;height:82px;padding:0 34px;display:flex;position:sticky;top:0}.header-title h1{letter-spacing:-.02em;margin:3px 0 0;font-size:20px}.workspace-header-actions{align-items:center;gap:9px;display:flex}.profile-chip{align-items:center;gap:9px;margin-left:5px;display:flex}.profile-chip strong,.profile-chip small{display:block}.profile-chip strong{font-size:11px}.profile-chip small{color:var(--muted);font-size:9px}.profile-avatar{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-weight:800;display:grid}.mobile-menu{color:var(--text);background:0 0;border:0;font-size:20px;display:none}.workspace-content{max-width:1500px;padding:34px}.workspace-heading{justify-content:space-between;align-items:end;margin-bottom:25px;display:flex}.workspace-heading h2{letter-spacing:-.04em;margin:7px 0;font-size:32px}.workspace-heading p{color:var(--muted);margin:0;font-size:13px}.metric-grid{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.metric-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:19px;position:relative;overflow:hidden}.metric-card:after{content:"";background:#8b5cf621;border-radius:50%;width:90px;height:90px;position:absolute;top:-45px;right:-45px}.metric-icon{color:#c084fc;background:#8b5cf621;border-radius:10px;place-items:center;width:34px;height:34px;margin-bottom:13px;display:grid}.metric-card span,.metric-card small{color:var(--muted);font-size:11px;display:block}.metric-card strong{margin:5px 0;font-size:26px;display:block}.workspace-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.wide-left{grid-template-columns:1.2fr .8fr}.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;min-width:0;padding:21px}.surface-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.surface-head h3{margin:0;font-size:15px}.quick-actions{grid-template-columns:1fr 1fr;gap:9px;display:grid}.quick-actions button{background:var(--surface2);border:1px solid var(--line);text-align:left;color:var(--text);border-radius:14px;padding:14px}.quick-actions span{color:#c084fc;font-size:17px}.quick-actions b,.quick-actions small{display:block}.quick-actions b{margin:8px 0 3px;font-size:11px}.quick-actions small{color:var(--muted);font-size:9px}.timeline-row{border-bottom:1px solid var(--line);grid-template-columns:50px 1fr;gap:12px;padding:13px 0;display:grid}.timeline-row:last-child{border-bottom:0}.timeline-row>span{color:#c084fc;font-size:11px}.timeline-row b,.timeline-row small{display:block}.timeline-row b{font-size:11px}.timeline-row small{color:var(--muted);margin-top:4px;font-size:9px}.progress-list>div{margin-bottom:15px}.progress-list>div:last-child{margin-bottom:0}.progress-list b,.progress-list span{font-size:10px}.progress-list>div>div:first-child{justify-content:space-between;margin-bottom:7px;display:flex}.progress-track{background:var(--surface3);border-radius:99px;height:6px;overflow:hidden}.progress-track i{background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:99px;height:100%;display:block}.announcement-list article{border-bottom:1px solid var(--line);padding:12px 0}.announcement-list b,.announcement-list small,.announcement-list time{display:block}.announcement-list b{font-size:11px}.announcement-list small{color:var(--muted);margin:4px 0;font-size:10px}.announcement-list time{color:var(--muted2);font-size:9px}.course-grid,.video-grid,.progress-dashboard,.report-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.course-card,.video-card,.progress-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.course-art{color:#d8c8ff;background:radial-gradient(circle at 25% 20%,#c084fc80,#0000 30%),linear-gradient(135deg,#161125,#28203b);place-items:center;height:100px;font-size:32px;font-weight:900;display:grid}.course-card>span,.course-card h3,.course-card p,.course-card small,.course-card .text-link{margin-left:17px;margin-right:17px}.course-card>span{color:#c084fc;text-transform:uppercase;letter-spacing:.12em;margin-top:16px;font-size:9px;display:block}.course-card h3{margin-top:7px;margin-bottom:7px;font-size:15px}.course-card p{color:var(--muted);min-height:35px;font-size:11px;line-height:1.6}.course-card small{color:var(--muted2);font-size:9px;display:block}.text-link,.text-button{color:#b794ff;cursor:pointer;background:0 0;border:0;padding:15px 0;font-size:10px}.course-card .text-link{display:block}.assignment-list article,.exam-list article,.goal-list article,.evaluation-list article,.message-list article{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:15px 0;display:flex}.assignment-list article:last-child,.exam-list article:last-child,.goal-list article:last-child,.evaluation-list article:last-child,.message-list article:last-child{border-bottom:0}.assignment-icon,.exam-icon,.goal-icon{color:#c084fc;background:#8b5cf621;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.assignment-main,.exam-list article>div:nth-child(2),.goal-list article>div:nth-child(2){flex:1}.assignment-main b,.assignment-main span,.assignment-main small,.exam-list article b,.exam-list article span,.exam-list article small,.goal-list article b,.goal-list article span,.goal-list article small{display:block}.assignment-main b,.exam-list article b,.goal-list article b{font-size:12px}.assignment-main span,.exam-list article span,.goal-list article span{color:var(--muted);margin-top:4px;font-size:10px}.assignment-main small,.exam-list article small,.goal-list article small{color:var(--muted2);margin-top:4px;font-size:9px}.status-badge{color:#c4b5fd;white-space:nowrap;background:#8b5cf61a;border-radius:99px;padding:6px 9px;font-size:9px}.status-badge.submitted,.status-badge.completed,.status-badge.active{color:#86efac;background:#4ade801a}.status-badge.late{color:#fda4af;background:#fb71851a}.score{color:#c4b5fd;font-size:20px}.evaluation-list article>div{flex:1}.evaluation-list p{color:var(--muted);margin:8px 0 0;font-size:10px;line-height:1.6}.evaluation-list article>strong{color:#c084fc;font-size:22px}.evaluation-list article>strong small{color:var(--muted);font-size:9px}.video-card{overflow:hidden}.video-cover{background:radial-gradient(circle at 50% 45%,#c084fc73,#0000 28%),linear-gradient(135deg,#14101f,#2a1d3b);place-items:center;height:130px;display:grid;position:relative}.video-cover span{color:#fff;background:#ffffff1a;border-radius:50%;place-items:center;width:48px;height:48px;font-size:18px;display:grid}.video-cover small{background:#0000004d;border-radius:7px;padding:5px 7px;font-size:8px;position:absolute;bottom:10px;left:12px}.video-card>div:last-child{padding:15px}.video-card h3{margin:0 0 5px;font-size:13px}.video-card p{color:var(--muted);min-height:30px;font-size:10px;line-height:1.5}.video-card small{color:var(--muted2);font-size:9px}.progress-card{padding:20px}.progress-card span,.progress-card small,.progress-card em{display:block}.progress-card span{color:var(--muted);font-size:11px}.progress-card strong{margin:8px 0;font-size:30px;display:block}.progress-card small,.progress-card em{color:var(--muted2);font-size:9px}.progress-card .progress-track{margin:14px 0 8px}.progress-card em{font-style:normal}.report-grid{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.report-bars>div{margin-bottom:16px}.report-bars>div>span{color:var(--muted);font-size:10px}.report-bars b{float:right;font-size:10px}.report-bars .progress-track{clear:both;margin-top:8px}.message-list article{align-items:flex-start}.message-list article.unread{background:#8b5cf60f;border-radius:12px;margin:0 -10px;padding-inline:10px}.message-avatar{color:#d8b4fe;background:#8b5cf629;border-radius:11px;flex:none;place-items:center;width:36px;height:36px;display:grid}.message-list article>div:nth-child(2){flex:1}.message-list b{font-size:11px}.message-list p{color:var(--muted);margin:5px 0;font-size:10px;line-height:1.6}.message-list small{color:var(--muted2);font-size:9px}.settings-form{gap:15px;max-width:600px;display:grid}.settings-form label:not(.switch-row){color:var(--muted);gap:7px;font-size:10px;display:grid}.settings-form select,.modern-form input,.modern-form select,.modern-form textarea,.settings-form select{background:var(--surface2);border:1px solid var(--line);width:100%;color:var(--text);border-radius:11px;outline:0;padding:11px 12px}.switch-row{background:var(--surface2);border:1px solid var(--line);border-radius:12px;justify-content:space-between;align-items:center;padding:13px;display:flex}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:11px}.switch-row small{color:var(--muted);font-size:9px}.switch-row input{accent-color:var(--primary);width:18px;height:18px}.workspace-empty{text-align:center;align-content:center;place-items:center;min-height:190px;padding:25px;display:grid}.empty-icon{color:#c084fc;background:#8b5cf61a;border-radius:15px;place-items:center;width:48px;height:48px;margin-bottom:12px;font-size:20px;display:grid}.workspace-empty h3{margin:0 0 6px;font-size:14px}.workspace-empty p{color:var(--muted);max-width:380px;margin:0;font-size:11px;line-height:1.6}@keyframes pulse{to{opacity:.2;transform:translateY(-5px)}}.loading-line{background:var(--surface3);border-radius:10px;width:90%;height:8px;margin:12px 0;display:block}.loading-line.short{width:60%}.error-state{text-align:center;padding:100px 20px}.error-state b,.error-state span{display:block}.error-state span{color:var(--muted);margin:8px 0 15px;font-size:11px}.modal-layer{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000b8;position:absolute;inset:0}.modal-card{background:var(--surface);border:1px solid var(--line);width:min(560px,100%);max-height:90vh;box-shadow:var(--shadow);border-radius:24px;padding:28px;position:relative;overflow:auto}.modal-close{background:var(--surface2);border:1px solid var(--line);width:34px;height:34px;color:var(--muted);border-radius:10px;font-size:20px;position:absolute;top:16px;right:16px}.modal-card h2{margin:8px 0;font-size:25px}.modern-form{gap:14px;margin-top:20px;display:grid}.modern-form label{color:var(--muted);gap:7px;font-size:10px;display:grid}.modal-actions{justify-content:flex-end;align-items:center;gap:8px;margin-top:5px;display:flex}.modal-actions span{color:#fda4af;margin-right:auto;font-size:10px}.light .workspace-sidebar{background:#fff}.light .workspace-header{background:#fffc}@media (width<=1100px){.hero{grid-template-columns:1fr}.hero-copy{text-align:center}.hero-actions,.hero-trust{justify-content:center}.feature-grid,.metric-grid,.course-grid,.video-grid,.progress-dashboard{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.nav-links{display:none}.hero{padding-top:50px}.dashboard-preview{transform:none}.workspace{grid-template-columns:1fr}.workspace-sidebar{z-index:30;width:250px;height:100vh;transition:all .25s;position:fixed;left:-270px}.workspace-sidebar.open{left:0}.mobile-menu{display:block}.workspace-header{padding:0 18px}.workspace-header-actions .header-icon:first-child,.profile-chip>div:last-child{display:none}.workspace-content{padding:22px 16px}.workspace-grid,.wide-left,.course-grid,.video-grid,.progress-dashboard{grid-template-columns:1fr}.report-grid{grid-template-columns:repeat(2,1fr)}.workspace-heading{align-items:flex-start;gap:15px}.workspace-heading h2{font-size:26px}.hero-trust{grid-template-columns:1fr 1fr}.preview-grid-top{grid-template-columns:1fr}.preview-grid-bottom{display:none}}@media (width<=560px){.container{width:min(100% - 28px,var(--container))}.site-header{height:68px}.header-actions .theme-toggle{display:none}.hero h1{font-size:42px}.hero-lead{font-size:14px}.hero-lead br{display:none}.hero-actions{flex-direction:column}.hero-trust,.dashboard-preview{grid-template-columns:1fr}.preview-sidebar{display:none}.preview-main{padding:15px}.feature-grid{grid-template-columns:1fr}.section-heading h2,.about h2{font-size:34px}.site-footer{flex-direction:column;gap:8px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-card{padding:14px}.metric-card strong{font-size:22px}.metric-card small{font-size:9px}.report-grid{grid-template-columns:1fr 1fr}.workspace-header{height:70px}.workspace-header .eyebrow{font-size:8px}.workspace-header h1{font-size:16px}.workspace-heading{flex-direction:column}.surface-card{padding:16px}.quick-actions{grid-template-columns:1fr}.modal-card{padding:22px}.modal-actions{flex-wrap:wrap}.modal-actions span{width:100%}}.login-overlay[hidden]{display:none}.login-overlay{z-index:50;place-items:center;padding:24px;display:grid;position:fixed;inset:0;overflow:auto}.login-backdrop{-webkit-backdrop-filter:blur(18px)saturate(125%);backdrop-filter:blur(18px)saturate(125%);background:#02020ac7;position:absolute;inset:0}.login-overlay:before,.login-overlay:after{content:"";filter:blur(90px);opacity:.34;pointer-events:none;border-radius:50%;width:420px;height:420px;position:absolute}.login-overlay:before{background:#6d28d9;top:-150px;left:-100px}.login-overlay:after{background:#a855f7;bottom:-160px;right:-120px}.login-panel{z-index:1;background:linear-gradient(135deg,#100e1ff5,#080813f7);border:1px solid #b17bff80;border-radius:30px;grid-template-columns:360px minmax(440px,1fr);width:min(980px,100%);min-height:620px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff09,0 35px 120px #000000b8,0 0 70px #7d37ff2e}.login-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 18% 18%,#8b5cf624,#0000 30%),radial-gradient(circle at 88% 88%,#c04cff1a,#0000 30%);position:absolute;inset:0}.login-side{background:linear-gradient(#14112aa3,#07081252);border-right:1px solid #ffffff14;padding:46px 38px;position:relative;overflow:hidden}.login-side:before{content:"";filter:blur(12px);background:radial-gradient(circle,#7c3aed66,#0000 65%);border-radius:50%;width:330px;height:330px;position:absolute;top:-95px;left:-40px}.login-orbit{border:1px solid #a855f773;border-radius:50%;place-items:center;width:170px;height:170px;margin:10px auto 30px;display:grid;position:relative;box-shadow:0 0 55px #7c3aed40,inset 0 0 35px #7c3aed24}.login-orbit:before,.login-orbit:after{content:"";border:1px solid #c084fc61;border-radius:50%;position:absolute;transform:rotate(-25deg)}.login-orbit:before{width:210px;height:62px}.login-orbit:after{opacity:.45;width:240px;height:80px;transform:rotate(28deg)}.login-mark{color:#9b5cff;text-shadow:0 0 18px #9b5cffd9,0 0 50px #8b5cf673;font-size:82px;font-weight:900;line-height:1;transform:skew(-8deg)}.login-side h3{letter-spacing:-.04em;margin:0;font-size:24px}.login-side h3 span{color:#9b5cff}.login-side>p{color:#a4a1b5;margin:9px 0 30px;font-size:13px;line-height:1.6}.login-benefits{gap:18px;display:grid}.login-benefit{grid-template-columns:42px 1fr;align-items:center;gap:12px;display:grid}.login-benefit-icon{color:#a875ff;background:#5b21b62e;border:1px solid #8b5cf640;border-radius:13px;place-items:center;width:42px;height:42px;font-size:18px;display:grid;box-shadow:inset 0 0 20px #8b5cf614}.login-benefit b{color:#eee;font-size:13px;display:block}.login-benefit span{color:#77758b;margin-top:3px;font-size:11px;line-height:1.35;display:block}.login-quote{color:#8f8b9e;background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;margin-top:28px;padding:15px 17px;font-size:11px;font-style:italic;line-height:1.55}.login-form-side{padding:60px 58px 45px;position:relative}.login-close{color:#aaa;cursor:pointer;background:#ffffff09;border:1px solid #ffffff1a;border-radius:13px;width:42px;height:42px;font-size:23px;transition:all .2s;position:absolute;top:24px;right:24px}.login-close:hover{color:#fff;background:#8b5cf61f;border-color:#a855f78c;transform:rotate(4deg)}.login-brand{display:none}.login-panel .eyebrow{color:#b77aff;letter-spacing:.06em;background:#8b5cf614;border:1px solid #a855f733;border-radius:999px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;font-weight:800;display:inline-flex}.login-panel .eyebrow:before{content:"✦"}.login-panel h2{letter-spacing:-.055em;color:#f7f5ff;margin:18px 0 9px;font-size:42px;line-height:1.05}.login-copy{color:#a4a1b5;margin:0 0 34px;font-size:14px;line-height:1.6}.login-panel form{gap:18px;display:grid}.login-panel label{color:#aaa7b7;gap:9px;font-size:12px;font-weight:700;display:grid}.login-panel input{color:#fff;width:100%;height:62px;font:inherit;box-sizing:border-box;background:#05050db8;border:1px solid #ffffff1c;border-radius:17px;outline:none;padding:0 18px;font-size:14px;transition:all .2s}.login-panel input::placeholder{color:#5f5c6c}.login-panel input:focus{background:#0c0a17eb;border-color:#9856ff;box-shadow:0 0 0 4px #8b5cf61f,0 0 28px #8b5cf621}.login-options{color:#9996a7;justify-content:space-between;align-items:center;margin-top:1px;font-size:12px;display:flex}.login-remember{align-items:center;color:#9996a7!important;grid-template-columns:none!important;gap:9px!important;font-weight:500!important;display:flex!important}.login-remember input{accent-color:#8b5cf6;width:18px;height:18px;margin:0}.login-forgot{color:#aa70ff;text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-submit{width:100%;height:62px;margin-top:4px;font-size:15px;font-weight:800;transition:all .2s;box-shadow:0 12px 32px #7c3aed4d,0 0 28px #a855f72e;border:0!important;border-radius:17px!important}.login-submit:hover{transform:translateY(-2px);box-shadow:0 17px 38px #7c3aed66,0 0 35px #a855f740}.login-divider{color:#5f5c6b;align-items:center;gap:12px;margin:28px 0 12px;font-size:12px;display:flex}.login-divider:before,.login-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.login-help{text-align:center;color:#777483;margin:0;font-size:11px;line-height:1.6}.login-note{text-align:center;color:#b77aff;margin:4px 0 0;font-size:10px;line-height:1.5}.login-security,.login-footer{display:none}@media (width<=820px){.login-overlay{padding:12px}.login-panel{width:min(560px,100%);min-height:0;display:block}.login-side{display:none}.login-form-side{padding:52px 32px 34px}.login-panel h2{font-size:35px}}@media (width<=480px){.login-form-side{padding:50px 22px 28px}.login-close{top:15px;right:15px}.login-panel h2{font-size:30px}.login-copy{margin-bottom:26px}.login-panel input,.login-submit{height:56px}.login-options{font-size:11px}}.nav-section{margin-bottom:14px}.nav-section>span{color:var(--muted2);letter-spacing:.12em;text-transform:uppercase;padding:0 11px 6px;font-size:9px;font-weight:800;display:block}.nav-section .workspace-nav{height:38px}.workspace-sidebar i{text-align:center;width:20px;font-style:normal}.calendar-toolbar-modern{align-items:center;gap:10px;margin:-5px 0 18px;display:flex}.calendar-toolbar-modern>button:not(.button){border:1px solid var(--line);background:var(--surface);width:38px;height:38px;color:var(--text);border-radius:12px;font-size:22px}.calendar-toolbar-modern strong{text-align:center;text-transform:capitalize;min-width:150px}.calendar-layout-modern{grid-template-columns:minmax(0,1.55fr) minmax(300px,.75fr);gap:16px;display:grid}.calendar-panel-head,.day-panel-head{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:18px;display:flex}.calendar-panel-head h3,.day-panel-head h3{margin:0;font-size:16px}.calendar-panel-head p,.day-panel-head p{color:var(--muted);margin:5px 0 0;font-size:10px}.calendar-legend{color:var(--muted);gap:10px;font-size:10px;display:flex}.calendar-legend span{align-items:center;gap:5px;display:flex}.dot{border-radius:50%;width:7px;height:7px;display:inline-block}.open-dot{background:var(--primary)}.weekday-row,.month-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.weekday-row{margin-bottom:6px}.weekday-row span{color:var(--muted2);text-align:center;padding:7px;font-size:9px;font-weight:700}.calendar-cell{border:1px solid var(--line);background:var(--surface2);min-height:82px;color:var(--text);text-align:left;border-radius:13px;padding:9px;transition:all .16s;position:relative}.calendar-cell:hover{border-color:#8b5cf666;transform:translateY(-1px)}.calendar-cell.selected{border-color:var(--primary);box-shadow:0 0 0 1px #8b5cf62e,0 10px 25px #0000001f}.calendar-cell.empty{pointer-events:none;background:0 0;border-color:#0000}.calendar-cell>span{font-size:11px;font-weight:750}.calendar-cell i{background:linear-gradient(90deg,var(--primary),var(--accent));opacity:.85;border-radius:99px;height:4px;margin-top:8px;display:block}.calendar-event-row{border-bottom:1px solid var(--line);padding:13px 0}.calendar-event-row:last-child{border-bottom:0}.calendar-event-row b,.calendar-event-row span,.calendar-event-row small{display:block}.calendar-event-row b{font-size:12px}.calendar-event-row span{color:var(--primary2);margin-top:5px;font-size:10px}.calendar-event-row small{color:var(--muted);margin-top:4px;font-size:10px}.settings-summary{flex-direction:column;gap:5px;display:flex}.settings-summary b{font-size:15px}.settings-summary span{color:var(--muted);font-size:11px}.error-state{background:#fb71850f;border:1px solid #fb718540;border-radius:18px;flex-direction:column;gap:8px;padding:30px;display:flex}.error-state b{font-size:14px}.error-state span{color:var(--muted);font-size:11px}.data-list{flex-direction:column;display:flex}.data-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:15px 0;display:flex}.data-row:last-child{border-bottom:0}.data-row>div{min-width:0}.data-row b,.data-row span,.data-row small{display:block}.data-row b{font-size:12px}.data-row span{color:var(--muted);margin-top:4px;font-size:10px}.data-row small{color:var(--muted2);margin-top:5px;font-size:9px}.status-badge{white-space:nowrap;color:var(--success);background:#4ade801a;border-radius:999px;padding:6px 9px;font-size:9px}.workspace-loading{justify-content:center;gap:6px;padding:70px;display:flex}.workspace-loading span{background:var(--primary);border-radius:50%;width:7px;height:7px;animation:1s infinite alternate mkPulse}.workspace-loading span:nth-child(2){animation-delay:.15s}.workspace-loading span:nth-child(3){animation-delay:.3s}@keyframes mkPulse{0%{opacity:.25;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media (width<=1000px){.calendar-layout-modern{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=820px){.workspace{grid-template-columns:1fr}.workspace-sidebar{z-index:20;width:250px;transition:left .2s;position:fixed;top:0;left:-270px}.workspace-sidebar.open{left:0}.mobile-menu{display:block}.workspace-header{padding:0 18px}.workspace-content{padding:20px}.workspace-header-actions .profile-chip>div:last-child{display:none}.workspace-heading{align-items:flex-start;gap:12px}.workspace-heading h2{font-size:26px}.month-grid{gap:4px}.calendar-cell{min-height:62px;padding:7px}.calendar-cell i{height:3px;margin-top:6px}}@media (width<=560px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:14px}.metric-card strong{font-size:21px}.workspace-grid,.wide-left{grid-template-columns:1fr}.calendar-toolbar-modern{flex-wrap:wrap}.calendar-toolbar-modern strong{flex:1}.weekday-row,.month-grid{gap:3px}.calendar-cell{min-height:52px;padding:6px}.calendar-cell>span{font-size:10px}.calendar-cell i{height:2px}.calendar-panel-head{display:block}.calendar-legend{margin-top:10px}.day-panel{min-width:0}.data-row{align-items:flex-start}.status-badge{display:none}}