:root{--ink:#1e2938;--muted:#728096;--line:#e8ecf1;--surface:#fff;--page:#f7f8fa;--navy:#18314c;--blue:#315fd4;--blue-pale:#eaf0ff;--red:#dc5361;--orange:#e8863a;--yellow:#c68d16;--green:#278b6e;--radius:14px}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font:14px "DM Sans",sans-serif}.app-shell{display:grid;grid-template-columns:255px 1fr;min-height:100vh}.sidebar{position:fixed;display:flex;flex-direction:column;width:255px;height:100vh;padding:26px 14px 16px;background:#fff;border-right:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;margin:0 13px 32px;color:var(--navy);font:800 24px Manrope;text-decoration:none}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;color:#fff;font-size:18px;background:linear-gradient(145deg,#466ee0,#2748a5)}button{font:inherit;cursor:pointer;border:0}.new-task,.primary{border-radius:9px;background:#315fd4;color:#fff;font-weight:700;box-shadow:0 5px 10px #315fd42b}.new-task{width:100%;padding:12px 13px;text-align:left}.new-task span{font-size:20px;vertical-align:-1px;margin-right:7px}.nav-list{display:grid;gap:5px;margin-top:25px}.nav-item{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:8px;color:#68758a;text-decoration:none;font-weight:600}.nav-item span{font-size:18px;width:17px;text-align:center}.nav-item.active{color:#2751bb;background:#edf2ff}.nav-item b{margin-left:auto;min-width:20px;text-align:center;padding:1px 6px;border-radius:10px;background:#e6ebf2;color:#637085;font-size:11px}.nav-item.active b{background:#d5e0ff;color:#315fd4}.sidebar-footer{margin-top:auto}.footer-link{width:100%;padding:10px 12px;text-align:left;background:transparent;color:#68758a;font-weight:600}.user-chip{display:flex;align-items:center;gap:9px;margin:10px 3px 0;padding:14px 4px 0;border-top:1px solid var(--line)}.user-chip strong,.user-chip small{display:block}.user-chip strong{font-size:12px}.user-chip small{color:var(--muted);font-size:11px;margin-top:2px}.user-chip button{margin-left:auto;background:none;color:#778398}.avatar{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#c8d7ff;color:#294888;font-size:10px;font-weight:800}.avatar-lg{width:31px;height:31px;background:#f6d3c6;color:#914937}.topbar{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;height:69px;padding:0 35px;background:#fff;border-bottom:1px solid var(--line)}.search{display:flex;align-items:center;gap:8px;color:#99a5b5}.search input{width:330px;border:0;outline:0;font:inherit}.top-actions{display:flex;gap:17px}.top-actions button,.menu-button{position:relative;background:transparent;color:#647288;font-size:19px}.bell i{position:absolute;right:0;top:0;width:6px;height:6px;border-radius:50%;background:var(--red)}.menu-button{display:none}.content{max-width:1480px;margin:auto;padding:33px 42px 60px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:28px}.page-heading h1{margin:0;color:#1b2d43;font:800 27px Manrope;letter-spacing:-.8px}.page-heading p{margin:7px 0 0;color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:31px}.stat{min-height:112px;padding:18px 19px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.stat .stat-top{display:flex;justify-content:space-between;color:#778398;font-size:12px;font-weight:700}.stat strong{display:block;margin-top:13px;font:800 28px Manrope}.stat small{color:#8691a3}.stat-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;font-size:15px}.stat.red .stat-icon{color:#c84453;background:#ffebed}.stat.orange .stat-icon{color:#bd6924;background:#fff0e5}.stat.blue .stat-icon{color:#365dc5;background:#e9efff}.stat.green .stat-icon{color:#287b63;background:#e6f6ef}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:23px}.panel{border:1px solid var(--line);border-radius:var(--radius);background:#fff}.panel-head{display:flex;align-items:center;justify-content:space-between;padding:20px 21px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font:700 15px Manrope}.panel-head a{color:#315fd4;text-decoration:none;font-size:12px;font-weight:700}.filter-row{display:flex;align-items:center;justify-content:space-between;padding:14px 21px}.filters{display:flex;gap:8px}.filter{padding:7px 10px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#66758a;font-size:12px}.filter.active{border-color:#cbd8ff;background:#f0f4ff;color:#315fd4}.table-wrap{overflow:auto}.task-table{width:100%;border-collapse:collapse;text-align:left}.task-table th{padding:10px 21px;color:#8b96a7;background:#fbfcfd;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.05em}.task-table td{padding:14px 21px;border-bottom:1px solid #eff1f4;vertical-align:middle}.task-table tr:last-child td{border-bottom:0}.task-title{display:flex;align-items:center;gap:9px;font-weight:700;color:#27364a}.task-title button{padding:0;background:transparent;color:inherit;text-align:left;font:inherit}.status-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}.status-dot.critical{background:#d83e52;box-shadow:0 0 0 4px #ffebed}.status-dot.overdue{background:#df6b3c}.status-dot.soon{background:#da9d25}.status-dot.normal{background:#3d977b}.assignee{display:flex;align-items:center;gap:7px;color:#536277;font-size:12px}.deadline{font-size:12px;color:#56657a}.deadline strong{display:block;color:#bd4856;font-size:11px;margin-top:3px}.badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:10px;font-weight:800}.badge.urgent{background:#ffeaec;color:#c94354}.badge.high{background:#fff0e5;color:#bf6a27}.badge.medium{background:#fff8dc;color:#a67a14}.badge.low{background:#e8f6f0;color:#267860}.summary{padding:4px 20px 14px}.summary h3{margin:16px 0 4px;font:700 14px Manrope}.summary p{margin:0 0 17px;color:var(--muted);font-size:12px}.focus-item{display:flex;gap:9px;padding:12px 0;border-bottom:1px solid #eff1f4}.focus-item:last-child{border-bottom:0}.focus-icon{display:grid;place-items:center;width:27px;height:27px;border-radius:7px;background:#fff0e7;color:#d47a2d}.focus-item strong,.focus-item small{display:block}.focus-item strong{font-size:12px}.focus-item small{margin-top:3px;color:var(--muted);font-size:11px}.notice{margin-top:21px;padding:16px;border-radius:11px;background:#edf3ff}.notice strong{display:block;color:#3153a6;font-size:12px}.notice p{margin:5px 0 0;color:#5770a6;font-size:11px;line-height:1.45}.view-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.tabs{display:flex;gap:3px;padding:4px;border-radius:9px;background:#eaeef3}.tabs button{padding:7px 12px;border-radius:6px;background:transparent;color:#6d7a8e;font-size:12px;font-weight:700}.tabs button.active{background:#fff;color:#2c57c5;box-shadow:0 1px 3px #263f6920}.calendar{padding:12px}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.calendar-weekday{padding:12px;color:#7c8999;background:#fbfcfe;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;font-weight:800}.calendar-day{min-height:122px;padding:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.calendar-day.muted{background:#fafbfc;color:#a6afbc}.day-number{font-weight:700;font-size:12px}.calendar-card{overflow:hidden;margin-top:6px;padding:5px 6px;border-left:3px solid;border-radius:3px;background:#f3f6fc;color:#36465b;font-size:10px;font-weight:700;white-space:nowrap;text-overflow:ellipsis}.calendar-card.urgent{border-color:#d84a5d;background:#fff0f1}.calendar-card.high{border-color:#e6833e;background:#fff4ed}.calendar-card.medium{border-color:#d5a026;background:#fffae7}.calendar-card.low{border-color:#36a179;background:#ecfaf4}dialog{width:min(620px,calc(100% - 30px));padding:0;border:0;border-radius:16px;box-shadow:0 20px 70px #10213c45}dialog::backdrop{background:#1e2a3c77}form{padding:26px}.dialog-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.dialog-heading h2{margin:4px 0 0;font:800 22px Manrope}.eyebrow{margin:0;color:#315fd4;font-size:10px;font-weight:800;letter-spacing:.1em}.close{background:transparent;color:#657184;font-size:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{display:grid;gap:6px;color:#59677a;font-size:12px;font-weight:700}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:10px;border:1px solid #dce2ea;border-radius:7px;outline-color:#315fd4;background:#fff;color:#233247;font:14px "DM Sans"}.full{grid-column:1/-1}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:23px}.dialog-actions button{padding:10px 15px;border-radius:8px;font-weight:700}.ghost{background:#f1f3f6;color:#546174}.primary{padding:10px 16px}#toast{position:fixed;right:22px;bottom:22px;z-index:9;transform:translateY(90px);padding:12px 16px;border-radius:9px;background:#1f354e;color:#fff;font-size:13px;box-shadow:0 8px 22px #172b4740;opacity:0;transition:.25s}#toast.visible{transform:translateY(0);opacity:1}.empty{padding:50px 20px;color:var(--muted);text-align:center}.muted{color:var(--muted)}
@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{padding:0 18px}.menu-button{display:block}.content{padding:25px 20px}.workspace{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.search input{width:180px}.top-actions{display:none}.page-heading{display:block}.page-heading .primary{margin-top:16px}.stats{gap:10px}.stat{padding:14px}.task-table th:nth-child(3),.task-table td:nth-child(3),.task-table th:nth-child(6),.task-table td:nth-child(6){display:none}.calendar-day{min-height:85px}.form-grid{grid-template-columns:1fr}}