:root{color-scheme:dark;--bg:#11161b;--panel:#1a222a;--line:#303d48;--text:#e3eaf0;--muted:#a2b3c0;--blue:#35a8e0;--mint:#8ad7b8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 'Segoe UI',Arial,sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.demo-bar{height:34px;border-bottom:1px solid #2e414f;background:#1a2a35;color:#b3d9ee;padding:7px 30px;font-size:10px;font-weight:700;letter-spacing:1.6px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#35a8e0;margin-right:9px}.demo-detail{font-weight:400;letter-spacing:.3px;margin-left:18px;color:#9ab1c1}.shell{display:flex;min-height:calc(100vh - 34px)}.sidebar{width:232px;flex-shrink:0;border-right:1px solid var(--line);padding:34px 22px;display:flex;flex-direction:column;background:#151b21}.brand{display:flex;align-items:center;gap:12px}.brand img{width:64px;height:62px;object-fit:contain}.brand>span{font-size:16px;letter-spacing:1px}.brand b{font-weight:300;color:var(--blue)}.brand small{display:block;font-size:9px;letter-spacing:.4px;color:var(--muted);margin-top:2px}nav{margin-top:54px;display:grid;gap:9px}.nav-item{background:transparent;border:0;color:var(--muted);text-align:left;border-radius:7px;padding:13px 14px}.nav-item span{display:inline-block;width:25px;font-size:18px}.nav-item.selected{background:#203444;color:#d7eefb;box-shadow:inset 2px 0 var(--blue)}.nav-item:hover{background:#23303b}.sidebar-bottom{margin-top:auto;padding-top:60px}.small-label,.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--blue)}.sidebar-bottom p{margin:9px 0 12px;font-size:13px}.sidebar-bottom small{color:#8093a3;font-size:11px}main{flex:1;padding:42px 38px 0;min-width:0;max-width:1660px}.top{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:34px}h1{font-size:31px;line-height:1.22;font-weight:600;letter-spacing:-.8px;margin:9px 0 10px}.top p{color:var(--muted);font-size:13px;margin:0}.account{display:flex;gap:12px;align-items:center}.avatar{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #3b5366;border-radius:50%;background:#233440;color:#c5e4f5;font-size:13px;flex-shrink:0}.account strong{font-size:12px;font-weight:600;white-space:nowrap}.text-button{display:block;background:none;border:0;padding:3px 0;color:#8eabbf;font-size:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.stats article{padding:18px 22px;background:linear-gradient(120deg,#202a33,#192129);border:1px solid var(--line);border-radius:9px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px}.stats article>span{font-size:12px;color:#c1ced8}.stats strong{grid-row:span 2;font-size:30px;font-weight:400;color:#e1f1fa}.stats small{font-size:10px;color:#8299aa}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 312px;gap:28px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}h2{font-size:21px;font-weight:500;letter-spacing:-.5px;margin:4px 0 0}.secondary{border:1px solid #3b4a57;border-radius:6px;background:#202b34;color:#bacbd8;padding:7px 11px;font-size:11px}.list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.search{display:flex;align-items:center;gap:8px}.search span{font-size:20px;color:var(--muted)}.search input{background:none;border:0;color:var(--text);width:160px;font-size:12px;padding:7px 0}.list-toolbar>span{font-size:10px;color:#83b8a7;text-align:right}#tasks{display:grid;gap:12px}.task-card{border:1px solid var(--line);border-radius:8px;padding:20px;background:#1b242d;position:relative;overflow-wrap:anywhere}.task-card:before{content:'';width:2px;height:28px;position:absolute;left:0;top:23px;background:var(--blue)}.task-card h3{font-size:15px;line-height:1.4;font-weight:600;margin:0 0 9px}.task-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 16px;white-space:pre-wrap}.task-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:10px;color:#a8bdcb}.badge{display:inline-flex;border:1px solid #36515f;border-radius:4px;background:#233846;color:#a8d7ef;padding:3px 8px;font-size:10px}.badge.done{color:var(--mint);border-color:#31594e;background:#203c35}.task-meta .due{margin-left:auto}.complete-button{margin-top:14px;width:100%;border:1px solid #35627a;background:#213d4d;color:#c0e7fa;border-radius:5px;min-height:40px}.assignment{border:1px solid var(--line);border-radius:9px;background:#1b232b;align-self:start}.form-heading{padding:22px 22px 0}.form-heading p{color:var(--muted);font-size:11px;margin:7px 0 20px}form{padding:0 22px}form label{display:block;color:#c0ced8;font-size:11px;font-weight:600;margin-bottom:17px}.optional{float:right;color:#7890a3;font-size:10px;font-weight:400}form input,form textarea,form select{display:block;background:#131c24;color:var(--text);border:1px solid #344550;border-radius:5px;padding:10px 11px;width:100%;margin-top:6px;font-size:12px;min-height:42px}form textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#6f8799}.primary{display:flex;align-items:center;justify-content:space-between;background:#35a8e0;color:#06293c;border:0;border-radius:5px;font-weight:700;font-size:12px;padding:12px 14px;width:100%;min-height:44px}.primary:hover{background:#66bde7}.form-note{color:#7e96a7;font-size:10px;margin:12px 0 20px;line-height:1.7}.capacity-note{display:flex;gap:10px;border-top:1px solid var(--line);padding:18px 22px;font-size:10px;color:#89a1b2}.capacity-note>span{color:var(--blue)}.capacity-note p{margin:0}.capacity-note strong{color:#b4c6d3;font-size:10px;font-weight:500}.employee-note{padding:24px}.employee-note p{color:var(--muted);font-size:13px}.empty{border:1px dashed #3c4f5e;border-radius:8px;padding:45px 20px;text-align:center;color:#a8bdcb}.empty strong{display:block;font-size:17px;color:var(--text);margin-bottom:7px}footer{border-top:1px solid var(--line);font-size:9px;letter-spacing:1.2px;color:#7790a2;margin-top:40px;padding:20px 0}footer span{margin:0 9px}.footer-right{float:right;letter-spacing:.2px}.welcome{max-width:850px;margin:40px auto 80px}.welcome h1{font-size:54px;margin-top:22px}.welcome>p{color:#a2b8c8;font-size:16px;line-height:1.8}.login-options{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:35px 0}.login-card{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#1d2832;color:var(--text);border:1px solid #3a5265;border-radius:10px;padding:26px;text-align:left}.login-card:hover{border-color:var(--blue);background:#233442}.login-card strong{font-size:18px}.login-card>span:not(.avatar){font-size:13px;color:#a9bdcb}.login-card small{color:#66b7e3;margin-top:10px;font-size:11px}.welcome .demo-note{font-size:11px;color:#7893a6}#toast{position:fixed;bottom:24px;right:24px;max-width:calc(100vw - 48px);padding:14px 22px;border:1px solid #4d7e98;background:#254257;color:#e0f3ff;box-shadow:0 6px 30px #0008;border-radius:8px;font-size:13px;z-index:10}#toast.error{border-color:#ac6464;background:#512e35}.event-card{padding:15px 18px}.event-card h3{font-size:13px}.event-card p{margin:0;font-size:11px}.event-card:before{height:20px;top:16px}@media(min-width:1500px){main{padding:50px 55px 0}.workspace{grid-template-columns:minmax(0,1fr) 360px;gap:35px}}@media(max-width:1100px){.sidebar{width:195px;padding:28px 16px}.brand img{width:45px}.brand>span{font-size:13px}main{padding:30px 24px 0}.top{align-items:flex-start;flex-direction:column}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:18px}.stats article{padding:16px}.stats strong{font-size:25px}.stats small{max-width:120px}}@media(max-width:820px){.sidebar{width:172px}.workspace{grid-template-columns:1fr}.assignment{order:-1}.stats{gap:9px}.stats article{display:block;padding:13px}.stats strong{display:block}.stats small{display:block}.form-heading{padding-top:20px}form{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}form label:first-child,form label:nth-child(2),form .primary,form .form-note{grid-column:1/-1}.capacity-note{padding:13px 22px}.brand small{display:none}.welcome h1{font-size:40px}.login-options{grid-template-columns:1fr}}@media(max-width:600px){.demo-bar{padding:7px 16px;font-size:9px}.demo-detail{margin-left:8px;font-size:8px}.shell{display:block}.sidebar{width:100%;padding:12px 17px;border-right:0;border-bottom:1px solid var(--line)}.brand img{width:40px;height:34px}.brand>span{font-size:15px}.brand small{display:inline;font-size:8px;margin-left:12px}.sidebar-bottom{display:none}nav{margin:15px 0 0;display:flex;gap:5px}.nav-item{flex:1;padding:10px 7px;text-align:center;font-size:10px;min-height:42px}.nav-item span{width:18px;font-size:14px}.nav-item.selected{box-shadow:inset 0 -2px var(--blue)}main{padding:25px 17px 0}.top{gap:18px;margin-bottom:24px}h1{font-size:27px}.top p{font-size:12px}.account .avatar{width:34px;height:34px;font-size:11px}.stats{gap:7px;margin-bottom:25px}.stats article{padding:12px 10px}.stats article>span{font-size:10px}.stats strong{font-size:26px;margin-top:3px}.stats small{font-size:8px}.workspace{gap:27px}.assignment{border-radius:8px}.list-toolbar{gap:3px}.list-toolbar>span{font-size:9px}.task-card{padding:18px}.task-card h3{font-size:14px}.task-meta{font-size:9px}.task-meta .due{margin-left:0}.footer-right{display:none}footer{margin-top:28px;font-size:8px}.welcome{margin:22px auto 40px}.welcome h1{font-size:42px}.welcome>p{font-size:13px}.login-options{gap:13px;margin:28px 0}.login-card{padding:22px}.search input{width:145px}.employee-note{display:none}}
@media(max-width:600px){form{grid-template-columns:1fr}form label{grid-column:1/-1}}