:root{font-family:Inter,Arial,Helvetica,sans-serif;color:#182943;background:#f6f8fc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}#app{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;width:252px;flex:none;background:#102340;color:#fff;display:flex;flex-direction:column;padding:26px 16px}.brand{display:flex;align-items:center;gap:12px;padding:4px 12px 39px}.brand strong{font-size:20px;letter-spacing:-.7px}.brand small{display:block;color:#a6b9d3;margin-top:3px}.mark{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;background:#fff;color:#12448e;font-size:27px;font-weight:850}nav{display:flex;flex-direction:column;gap:6px}nav button{border:0;background:transparent;color:#bfcfe1;text-align:left;padding:13px 15px;border-radius:10px}nav button:hover,nav button.active{background:#253f65;color:white}.sidebarfoot{margin-top:auto;padding:12px}.live{font-size:11px;color:#b6c6db;margin-bottom:16px}.live span{display:inline-block;background:#24ca95;border-radius:50%;height:7px;width:7px;margin-right:5px}.authbtn{background:#fff;color:#132e53;border:0;padding:12px;border-radius:10px;width:100%;font-weight:650}main{min-width:0;flex:1;padding:43px clamp(20px,4vw,64px)}header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}.eyebrow{font-size:11px;letter-spacing:2px;color:#517eac;font-weight:750}h1{font-size:32px;letter-spacing:-1.2px;margin:8px 0 6px}h2{font-size:19px;letter-spacing:-.4px;margin:0}header p,.muted{color:#71839c}header p{margin:0;font-size:13px}.headright{display:flex;gap:12px;align-items:center}.pill{padding:9px 13px;border:1px solid #dae3f0;border-radius:99px;background:#fff;font-size:12px;color:#577092}.primary{background:#2459bf;color:white;border:none;padding:11px 16px;border-radius:10px;font-weight:650}.secondary{background:white;color:#244778;border:1px solid #dce5ef;padding:10px 13px;border-radius:10px}.danger{color:#b82f4b}.hidden{display:none!important}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.metric,.panel{background:white;border:1px solid #e8edf5;border-radius:16px;box-shadow:0 8px 32px #15284e08}.metric{padding:24px}.metric .cap{color:#7487a2;font-size:12px}.metric .num{font-size:35px;font-weight:760;letter-spacing:-1px;margin:12px 0 5px}.metric .detail{font-size:12px;color:#90a0b4}.panel{padding:24px;margin-bottom:20px}.sectionheading{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:12px}.split{display:grid;grid-template-columns:1.25fr 1fr;gap:20px}.progress{height:9px;border-radius:20px;background:#edf1f7;overflow:hidden}.progress>div{height:100%;background:#2f66c9;border-radius:20px}.barrow{display:grid;grid-template-columns:170px 1fr 40px;align-items:center;gap:14px;margin:15px 0;font-size:12px}.barrow span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tablewrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th{text-align:left;text-transform:uppercase;letter-spacing:.7px;font-size:10px;color:#8191aa;font-weight:800;background:#f8fafc;padding:15px 12px;white-space:nowrap}td{border-bottom:1px solid #edf1f5;padding:13px 12px;vertical-align:middle}tr:last-child td{border:0}.link{color:#245ac0;font-weight:650;cursor:pointer}.filters{display:flex;flex-wrap:wrap;gap:11px;margin-bottom:17px}.filters input,.filters select{border:1px solid #dce5ef;background:white;border-radius:9px;padding:11px;min-width:150px}.filters input{min-width:260px;flex:1}.tag{display:inline-block;border-radius:7px;padding:6px 9px;font-weight:650;white-space:nowrap;background:#ecf0f6;color:#52657e;font-size:11px}.tag.done{background:#e4f6ed;color:#158357}.tag.work{background:#e5efff;color:#285ebc}.tag.block{background:#ffe9ed;color:#b82f4b}.tag.high{background:#fff2e2;color:#ab6d1b}.columns{display:grid;grid-template-columns:repeat(5,minmax(190px,1fr));gap:12px;overflow-x:auto}.kanban{background:#f0f3f8;border-radius:12px;padding:13px;min-height:260px}.kanban h3{font-size:12px;color:#465d7c;display:flex;justify-content:space-between}.taskcard{padding:15px;background:white;border-radius:10px;box-shadow:0 2px 8px #17365e09;margin:10px 0;cursor:pointer;border:1px solid #e7ebf3}.taskcard strong{font-size:12px}.taskcard small{display:block;margin-top:9px;color:#8191a7}.timeline{overflow:auto}.timegrid{display:grid;grid-template-columns:270px repeat(7,minmax(95px,1fr));min-width:940px}.timegrid>div{padding:13px;border-bottom:1px solid #edf0f5;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timehead{background:#f4f7fb;font-weight:800;color:#6b7e9e}.timemark{display:inline-block;background:#3474d8;border-radius:5px;color:white;padding:5px 8px;min-width:90%;text-align:center}.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:700;color:#566984}.field.full{grid-column:1/-1}.field input,.field select,.field textarea{min-width:0;border:1px solid #dce4f0;border-radius:9px;padding:10px 12px;color:#21334e;font-weight:400;background:#fff}.field textarea{min-height:90px;resize:vertical}dialog{border:0;border-radius:18px;padding:0;width:min(720px,95vw);max-height:90vh;box-shadow:0 25px 110px #10234055}dialog::backdrop{background:#0c244a8c}#modalForm{padding:27px}.modalheader{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.close{background:none;border:0;font-size:28px;color:#8194ad}footer{display:flex;justify-content:flex-end;gap:10px;margin-top:21px;padding-top:18px;border-top:1px solid #ebeff5}.empty{text-align:center;color:#8796aa;padding:42px}.small{font-size:12px}.toast{padding:12px 16px;background:#e8f5ee;color:#147948;border-radius:10px;margin-bottom:20px}.toast.err{background:#fff0f1;color:#af3150}.actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.mini{border:1px solid #dae3f0;border-radius:7px;padding:7px 9px;background:#fff;color:#2254a5;font-size:11px}.list{display:flex;flex-direction:column;gap:10px}.listitem{padding:12px;border-bottom:1px solid #edf1f5;font-size:12px}.subheading{font-size:13px;font-weight:750;margin:20px 0 10px}#notice:empty{display:none}@media(max-width:1000px){.metrics{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}.sidebar{width:198px}main{padding:24px}}@media(max-width:640px){#app{display:block}.sidebar{position:static;width:100%;height:auto;padding:14px}.brand{padding:0 3px 12px}nav{flex-direction:row;overflow:auto}nav button{flex:none}.sidebarfoot{display:none}main{padding:22px 13px}header{align-items:flex-start;flex-direction:column}h1{font-size:27px}.metrics{gap:9px}.metric{padding:15px}.metric .num{font-size:26px}.formgrid{grid-template-columns:1fr}.field.full{grid-column:auto}}