:root{--blue:#0095ff;--ink:#17202a;--muted:#7d8793;--line:#e7ebef;--bg:#f7f9fb;--card:#fff;--green:#31b77b;--orange:#f4a340;--purple:#855cf6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}.sidebar{width:255px;background:#fff;border-right:1px solid var(--line);height:100vh;position:fixed;left:0;top:0;display:flex;flex-direction:column;z-index:10}.brand{height:88px;padding:25px 25px;border-bottom:1px solid #f0f2f4;display:flex;align-items:center;gap:11px}.brand b{display:block;font-size:19px;letter-spacing:1px}.brand small{display:block;color:#a1aab3;font-size:8px;font-weight:700;letter-spacing:1.5px;margin-top:3px}.brand-mark{height:31px;width:31px;border-radius:9px;background:var(--blue);display:grid;place-items:center;color:#fff;box-shadow:0 5px 12px #0095ff30}.profile{display:flex;gap:12px;align-items:center;margin:22px 20px;padding:13px;border:1px solid #edf0f2;border-radius:14px}.profile strong{display:block;font-size:12px}.profile small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.avatar{height:37px;width:37px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:800}.avatar.blue{background:#e4f4ff;color:#0085df}.avatar.sm{height:30px;width:30px;font-size:9px}nav{padding:10px 14px;flex:1}nav a,.sidebar-bottom a{display:flex;align-items:center;gap:14px;color:#7d8793;text-decoration:none;padding:13px 15px;border-radius:11px;font-weight:600;margin:3px 0}nav a i,.sidebar-bottom a i{width:18px;text-align:center}nav a.active,nav a:hover,.sidebar-bottom a:hover{background:#eaf6ff;color:var(--blue)}.sidebar-bottom{padding:13px 14px;border-top:1px solid #f0f2f4}.shell{margin-left:255px;min-height:100vh}.topbar{height:88px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 38px}.topbar h1{font-size:22px;margin:0 0 5px;font-weight:800;letter-spacing:-.4px}.topbar p{color:var(--muted);margin:0;font-size:12px}.top-actions{display:flex;align-items:center;gap:20px}.icon-btn{border:0;background:transparent;color:#8d98a4;font-size:18px;cursor:pointer}.user-chip{display:flex;align-items:center;gap:8px;color:#5f6974;text-decoration:none;font-size:12px;font-weight:600}.user-chip i{font-size:9px;margin-left:2px}.content{padding:30px 38px;max-width:1600px}.mobile-toggle{display:none}.flash{padding:12px 16px;border-radius:11px;background:#e9f9f1;color:#16794e;margin-bottom:22px;font-weight:600}.flash.error{background:#fff0f0;color:#be3d3d}.page-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:26px}.page-head h2{margin:0;font-size:24px}.page-head p{color:var(--muted);margin:7px 0 0}.btn{border:0;border-radius:9px;padding:11px 16px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:8px;font-size:12px}.btn-primary{background:var(--blue);color:#fff;box-shadow:0 5px 12px #0095ff2b}.btn-light{background:#fff;color:#64707b;border:1px solid var(--line)}.btn-danger{background:#fff0f0;color:#c94d4d}.grid{display:grid;gap:20px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:24px}.card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px}.stat{position:relative}.stat .label{color:var(--muted);font-size:12px;font-weight:600}.stat .value{font-size:28px;font-weight:800;margin-top:8px}.stat .hint{color:var(--green);font-size:11px;margin-top:7px}.stat i{position:absolute;right:18px;top:20px;background:#eaf6ff;color:var(--blue);padding:11px;border-radius:10px}.two-col{grid-template-columns:1.4fr 1fr}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.section-title h3{font-size:15px;margin:0}.section-title a{font-size:11px;color:var(--blue);text-decoration:none;font-weight:700}.project-row{display:flex;align-items:center;gap:13px;padding:14px 0;border-top:1px solid #f0f2f4}.project-row:first-of-type{border-top:0;padding-top:0}.project-icon{height:37px;width:37px;border-radius:11px;display:grid;place-items:center;background:#eaf6ff;color:var(--blue)}.project-row main{flex:1}.project-row strong{display:block;font-size:12px}.project-row small{display:block;color:var(--muted);margin-top:5px}.progress{height:6px;background:#edf0f3;border-radius:10px;overflow:hidden;margin-top:9px}.progress span{display:block;height:100%;border-radius:10px;background:var(--blue)}.badge{font-size:10px;font-weight:700;padding:5px 8px;border-radius:20px;display:inline-block}.badge.blue{color:#0085df;background:#eaf6ff}.badge.orange{color:#c87815;background:#fff3df}.badge.green{color:#198959;background:#e8f8f0}.badge.gray{color:#75808a;background:#eef1f3}.task-list{list-style:none;padding:0;margin:0}.task-list li{padding:14px 0;border-top:1px solid #f0f2f4;display:flex;gap:11px;align-items:center}.task-list li:first-child{border-top:0;padding-top:0}.check{height:18px;width:18px;border:1.5px solid #cbd2d8;border-radius:5px}.task-list b{display:block;font-size:12px}.task-list small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse}.table th{text-align:left;color:#9aa3ab;font-size:10px;text-transform:uppercase;letter-spacing:.7px;padding:12px 14px;border-bottom:1px solid var(--line)}.table td{padding:15px 14px;border-bottom:1px solid #f0f2f4;font-size:12px}.table td strong{font-size:12px}.project-link{color:var(--ink);text-decoration:none;font-weight:700}.project-link:hover{color:var(--blue)}.modal-backdrop{position:fixed;inset:0;background:#17202a70;display:none;place-items:center;z-index:20;padding:20px}.modal-backdrop.open{display:grid}.modal{background:#fff;border-radius:17px;width:min(520px,100%);padding:25px;box-shadow:0 20px 50px #17202a35}.modal h3{margin:0 0 20px;font-size:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:11px;color:#66727d;font-weight:700}.field input,.field select,.field textarea{font:inherit;border:1px solid #dfe5e9;border-radius:8px;padding:10px 11px;outline:none;background:#fff}.field textarea{min-height:80px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0095ff18}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.board{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;overflow-x:auto}.column{background:#f1f4f6;border-radius:13px;padding:13px;min-height:350px;min-width:220px}.column-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.column-head strong{font-size:12px}.column-head span{font-size:10px;background:#e3e8ec;border-radius:20px;padding:4px 7px;color:#7d8793}.task-card{background:#fff;border:1px solid #e8ecef;border-radius:11px;padding:14px;margin-bottom:10px;box-shadow:0 2px 4px #17202a08}.task-card h4{font-size:12px;margin:0 0 11px;line-height:1.4}.task-card p{color:var(--muted);font-size:10px;margin:0 0 13px}.task-meta{display:flex;justify-content:space-between;align-items:center;color:#9da6ae;font-size:10px}.gantt{overflow:auto}.gantt-head,.gantt-row{display:grid;grid-template-columns:230px repeat(12, minmax(65px,1fr));min-width:1010px}.gantt-head{color:#9aa3ab;font-size:10px;text-align:center;border-bottom:1px solid var(--line)}.gantt-head div{padding:12px 5px;border-left:1px solid #f1f3f5}.gantt-label{padding:14px 12px!important;text-align:left!important;color:var(--ink);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.gantt-row{min-height:53px;border-bottom:1px solid #f1f3f5;position:relative}.gantt-row>div:not(.gantt-label){border-left:1px solid #f1f3f5}.bar{height:20px;background:var(--blue);border-radius:20px;margin:16px 3px;position:relative;z-index:1;box-shadow:0 3px 6px #0095ff24}.calendar-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:12px}.view-tabs{display:flex;background:#f0f3f5;border-radius:8px;padding:3px}.view-tabs a{padding:8px 12px;border-radius:6px;color:#7d8793;text-decoration:none;font-size:11px;font-weight:700}.view-tabs a.active{background:#fff;color:var(--blue);box-shadow:0 2px 5px #17202a12}.month-grid{display:grid;grid-template-columns:repeat(7,1fr);border:1px solid var(--line);border-radius:13px;overflow:hidden;background:#fff}.dow{padding:12px;color:#9aa3ab;font-size:10px;text-align:center;border-bottom:1px solid var(--line)}.day{min-height:112px;border-right:1px solid #f0f2f4;border-bottom:1px solid #f0f2f4;padding:9px}.day:nth-child(7n){border-right:0}.day-num{font-size:11px;font-weight:700;color:#77828e}.day.muted .day-num{color:#c5cbd0}.day.today{background:#f3faff}.day.today .day-num{color:var(--blue)}.event{display:block;background:#eaf6ff;color:#087ecb;border-left:3px solid var(--blue);font-size:9px;padding:5px 5px;margin-top:7px;border-radius:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.week-grid{display:grid;grid-template-columns:65px repeat(7,1fr);min-width:800px;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.week-grid>div{border-right:1px solid #f0f2f4;border-bottom:1px solid #f0f2f4;min-height:48px;padding:9px;font-size:10px}.week-grid .head{min-height:auto;text-align:center;color:#798590;font-weight:700}.week-grid .time{color:#a4adb5;text-align:right}.day-agenda{display:grid;grid-template-columns:80px 1fr;background:#fff;border:1px solid var(--line);border-radius:13px;overflow:hidden}.agenda-row{display:contents}.agenda-row>div{min-height:52px;padding:14px;border-bottom:1px solid #f0f2f4}.agenda-time{text-align:right;color:#9aa3ab;font-size:11px}.agenda-content{font-size:11px}.empty{padding:42px;text-align:center;color:#9ba5ad}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7fbff,#eef6fb)}.login-card{width:min(420px,calc(100% - 30px));background:#fff;border:1px solid var(--line);border-radius:20px;padding:34px;box-shadow:0 20px 60px #17334a12}.login-card .brand{border:0;padding:0 0 25px;height:auto}.login-card h1{font-size:24px;margin:15px 0 8px}.login-card p{color:var(--muted);font-size:12px;line-height:1.6}.login-card .field{margin-top:17px}.login-card .btn{width:100%;justify-content:center;margin-top:22px}.muted{color:var(--muted)}
@media(max-width:900px){.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0);box-shadow:10px 0 30px #17202a20}.shell{margin-left:0}.mobile-toggle{display:block;border:0;background:transparent;font-size:18px;color:#66727d;margin-right:12px}.topbar{padding:0 20px}.topbar>div:first-of-type{display:flex;align-items:center}.top-actions{gap:10px}.user-chip>span:not(.avatar){display:none}.content{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.page-head{align-items:stretch;flex-direction:column}.calendar-toolbar{align-items:stretch;flex-direction:column}.month-grid{min-width:720px}.calendar-scroll{overflow:auto}.board{grid-template-columns:repeat(4,250px)}}
@media(max-width:480px){.topbar{height:74px}.topbar h1{font-size:18px}.topbar p{font-size:10px}.stats{gap:10px}.card{padding:15px}.stat .value{font-size:23px}.stat i{top:14px;right:14px;font-size:12px;padding:8px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.content{padding-top:18px}.page-head h2{font-size:20px}}