:root{--nav:#121e30;--blue:#2864dc;--line:#d9e0e9;--ink:#17243a}*{box-sizing:border-box}body{margin:0;background:#f2f5f9;color:var(--ink);font:14px Inter,system-ui,sans-serif}.app{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 32px)}aside{background:var(--nav);color:#fff;padding:26px 18px;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px}.brand small,.brand b{display:block}.brand small{color:#93a1b5;margin-top:4px}.logo{display:grid;place-items:center;width:42px;height:42px;background:#2962ff;color:white;border-radius:4px;font-weight:800}.user{margin:20px 0;padding:12px 4px;border-block:1px solid #2d394b;color:#aeb9c8;font-size:12px}nav{display:grid;gap:5px}button{border:0;border-radius:4px;background:var(--blue);color:white;padding:11px 14px;font-weight:650;cursor:pointer}nav button{background:transparent;text-align:left;color:#aeb9c8}nav button.active,nav button:hover{background:#26344a;color:white}.logout{margin-top:auto;color:#aeb9c8;text-decoration:none;padding:12px}main{padding:30px 34px}header,.panel-title,.project-head{display:flex;align-items:center;justify-content:space-between}header{margin-bottom:24px}header small{color:#718096;letter-spacing:.12em}h1,h2,p{margin:0}h1{font-size:28px}.view{display:none}.view.active{display:block}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.stats article,.project,.panel-title,.all-tasks{background:white;border:1px solid var(--line);border-radius:4px}.stats article{padding:19px}.stats span{display:block;color:#68768b;font-size:11px;font-weight:750}.stats b{display:block;font-size:30px;margin-top:8px}.project{margin-bottom:14px;overflow:hidden}.project-head{padding:15px 18px;background:#f7f9fc}.project-head i{width:9px;height:32px;border-radius:3px}.project-head h2{flex:1;margin-left:12px;font-size:17px}.task-row{display:grid;grid-template-columns:minmax(180px,1fr) 145px 145px 65px 18px 75px 75px;gap:8px;padding:10px 15px;border-top:1px solid var(--line)}input{width:100%;border:1px solid #ccd5e1;border-radius:4px;padding:8px;background:#fff}.danger{background:#b4232c}.panel-title{padding:18px;margin-bottom:0}.panel-title p{color:#718096;margin-top:4px}.gantt-grid{display:grid;grid-template-columns:32% 68%;background:white;border:1px solid var(--line);overflow:auto}.gantt-labels,.gantt-chart{min-width:0}.gantt-labels>*{display:flex;align-items:center;height:42px;padding:0 14px;border-bottom:1px solid var(--line)}.gantt-labels>b,.weeks{height:40px;background:#dce4ee}.gantt-labels strong{height:36px;background:#cbd5e1}.gantt-labels span{padding-left:28px}.gantt-chart{position:relative;background-image:linear-gradient(to right,transparent calc(100% - 1px),#bdc7d4 calc(100% - 1px));background-size:12.5% 100%}.weeks{display:grid;grid-template-columns:repeat(8,1fr)}.weeks b{display:grid;place-items:center;border-right:1px solid #9ca9b8;font-size:10px}.project-line{height:36px;border-bottom:1px solid var(--line);background:#e1e7ef}.project-line:after{content:"";display:block;width:100%;height:7px;position:relative;top:14px;background:var(--color);opacity:.75}.gantt-line{height:42px;position:relative;border-bottom:1px solid var(--line)}.gantt-line>i{position:absolute;top:9px;height:24px;border-radius:4px;overflow:hidden}.gantt-line em{position:absolute;height:100%;background:#ffffff55}.gantt-line small{position:absolute;right:5px;top:5px;color:white;font-style:normal;font-weight:700}.all-tasks>div{display:grid;grid-template-columns:10px 1fr 220px 70px;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--line)}.all-tasks i{height:34px;border-radius:3px}.all-tasks small,.all-tasks b{display:block}.all-tasks small{color:#718096;margin-top:3px}footer{height:32px;display:flex;align-items:center;justify-content:center;gap:24px;border-top:1px solid var(--line);background:#f8fafc;font-size:11px}.login,.setup{min-height:100vh;display:grid;place-items:center}.login-card,.setup-card{width:min(430px,calc(100% - 30px));background:white;border:1px solid var(--line);border-radius:4px;padding:30px;box-shadow:0 14px 40px #17243a18}.login-card .logo,.setup-card .logo{margin-bottom:18px}.login-card p,.setup-card p{color:#718096;margin:7px 0 20px}.login-card form,.setup-card form{display:grid;gap:13px}.login-card label,.setup-card label{display:grid;gap:6px;font-weight:650}.setup-card h2{font-size:16px;margin-top:10px}.alert{background:#fee2e2;color:#991b1b;padding:10px;border-radius:4px;margin-bottom:14px}dialog{border:1px solid var(--line);border-radius:4px;padding:24px;width:min(430px,90vw)}dialog::backdrop{background:#0f172a88}dialog form{display:grid;gap:13px}dialog label{display:grid;gap:6px}dialog form>div{display:flex;justify-content:flex-end;gap:8px}
@media(max-width:800px){.app{grid-template-columns:1fr}aside{padding:12px;position:static}nav{grid-template-columns:repeat(3,1fr);margin-top:12px}.logout{position:absolute;right:12px;top:12px}.user{display:none}main{padding:18px 12px}.stats{grid-template-columns:repeat(2,1fr)}.task-row{min-width:850px}.project{overflow:auto}.gantt-grid{min-width:950px}.view{overflow:auto}}
@media print{@page{size:A4 landscape;margin:9mm}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}.app{display:block;min-height:0}aside,header,#overview,#tasks,.panel-title button,dialog{display:none!important}main{padding:0}.view{display:none!important}#gantt{display:block!important}.panel-title{border:0;padding:0 0 6mm}.gantt-grid{grid-template-columns:31% 69%;overflow:visible}.gantt-labels>*,.gantt-line{height:29px}.gantt-labels>b,.weeks{height:28px}.gantt-labels strong,.project-line{height:26px}.gantt-labels span{font-size:8px}.gantt-line>i{top:5px;height:19px}.weeks b{font-size:7px}.gantt-line small{font-size:6px;top:4px}footer{margin-top:5mm;height:22px;font-size:7px}}