:root{--dark:#122d35;--dark2:#183b42;--ink:#1d3439;--muted:#728486;--teal:#146e68;--teal2:#e7f4f0;--bg:#f5f7f6;--line:#e2e9e6;--white:#fff;--gold:#c59f64;--red:#a84b4b;--shadow:0 12px 36px #1736320d}
*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink)}body{margin:0;background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #8bc9bf;outline-offset:2px}button:disabled{opacity:.55;cursor:not-allowed}a{color:var(--teal)}.hidden{display:none!important}.loading-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;color:var(--dark)}.loading-page h1{margin:4px 0 0}.loading-page p{color:var(--muted)}.loading-mark{display:grid;place-items:center;border-radius:17px;height:66px;width:66px;background:var(--teal);color:white;font-size:24px;font-weight:800;letter-spacing:-2px}.layout{min-height:100vh;display:grid;grid-template-columns:248px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;background:var(--dark);color:#c4d6d6;padding:26px 16px}.brand{display:flex;gap:11px;align-items:center;color:white;padding:3px 10px 34px}.brandmark{border-radius:12px;background:#2c746c;width:42px;height:42px;display:grid;place-items:center;font-size:17px;font-weight:800}.brandtext b{font-size:22px;letter-spacing:-1px}.brandtext small{display:block;font-size:10px;letter-spacing:2px;color:#9bb9bb;margin-top:2px;font-weight:700}.sectionlabel{font-size:10px;letter-spacing:2px;color:#72979f;padding:0 13px 12px;font-weight:800}.nav{display:grid;gap:5px}.nav button{background:transparent;color:#b9d0ce;display:flex;align-items:center;gap:12px;text-align:left;border-radius:11px;padding:13px 15px;font-weight:650;font-size:13px}.nav button:hover,.nav button.active{background:#ffffff1c;color:#fff}.nav .ic{font-size:18px;width:22px;text-align:center}.sidebar-foot{margin-top:auto;padding:20px 9px 0;border-top:1px solid #ffffff22;font-size:12px;overflow-wrap:anywhere}.sidebar-foot b{display:block;color:white;margin-bottom:5px}.sidebar-foot small{color:#96b1b6}.main{padding:0 clamp(18px,3vw,46px) 50px;min-width:0;width:100%;max-width:1700px;margin:0 auto}.topbar{border-bottom:1px solid var(--line);height:84px;display:flex;align-items:center;justify-content:space-between;gap:15px}.crumb{font-size:12px;color:var(--muted);font-weight:750}.crumb strong{color:#2c4a4c}.topright{display:flex;align-items:center;gap:15px}.topright .email{font-size:12px;color:var(--muted)}.screen{padding-top:32px}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:26px}.eyebrow{font-size:10px;color:var(--teal);font-weight:850;letter-spacing:1.9px;text-transform:uppercase;margin-bottom:8px}.heading h1{font-size:30px;letter-spacing:-1px;line-height:1.16;margin:0 0 8px}.sub{font-size:13px;color:var(--muted);line-height:1.6;margin:0}.btnrow{display:flex;gap:9px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:white;border:1px solid var(--line);border-radius:10px;padding:11px 16px;color:var(--ink);font-size:12px;font-weight:750;white-space:nowrap}.btn.primary{background:var(--teal);border-color:var(--teal);color:white}.btn.primary:hover{background:#0c5b55}.btn.ghost{background:transparent}.btn.danger{color:#b44844;border-color:#edd5d1}.text-button{color:var(--teal);background:none;border:0;font-size:12px;font-weight:800;padding:6px}.note{padding:13px 15px;background:#eaf3ef;border:1px solid #d6e8e0;color:#33635b;border-radius:11px;font-size:12px;line-height:1.5;margin-bottom:22px}.note.warn{background:#fff8ed;border-color:#f0dfc0;color:#886333}.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:var(--shadow)}.statlabel{color:var(--muted);font-size:12px;font-weight:700}.statval{font-size:30px;font-weight:850;letter-spacing:-1px;margin:12px 0 8px}.statsmall{font-size:11px;color:#8a9a9b}.cols{display:grid;grid-template-columns:1.65fr 1fr;gap:18px;margin-top:19px;align-items:start}.panel{min-width:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:21px;box-shadow:var(--shadow)}.panel + .panel{margin-top:18px}.panelhead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}.panelhead h2{font-size:15px;margin:0;letter-spacing:-.3px}.panelhead small{display:block;color:var(--muted);margin-top:5px;font-size:11px}.item{padding:14px 0;display:flex;gap:12px;align-items:flex-start;border-top:1px solid #f0f2f1}.item:first-child{border-top:0;padding-top:2px}.itemcontent{flex:1;min-width:0}.item b{font-size:13px;display:block}.item small{display:block;color:var(--muted);font-size:11px;line-height:1.5;margin-top:4px;overflow-wrap:anywhere}.dot{width:10px;height:10px;margin-top:4px;flex-shrink:0;border-radius:50%;background:#6aa49b}.dot.client{background:#b0a0ce}.dot.personal{background:#d0ac75}.pill{display:inline-block;border-radius:99px;background:#e8f3ee;color:#287b6b;font-size:10px;padding:5px 9px;font-weight:750}.pill.high{background:#fff0e8;color:#a65437}.pill.low{background:#eef2f6;color:#6f8495}.pill.completed{background:#ecf4e9;color:#477d4d}.pill.progress{background:#fff7df;color:#987328}.empty{color:#8c9a9a;text-align:center;padding:32px 10px;font-size:13px}.calendar-shell{background:#fff;border-radius:15px;border:1px solid var(--line);padding:20px;box-shadow:var(--shadow)}.calheading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px;flex-wrap:wrap}.calheading h2{font-size:18px;margin:0}.cal-controls{display:flex;gap:7px;align-items:center}.iconbtn{height:36px;min-width:36px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px}.weekday{font-size:10px;font-weight:850;text-align:center;color:var(--muted);padding:8px 0;text-transform:uppercase}.day{min-height:100px;text-align:left;background:#fafcfa;border:1px solid #edf1ed;border-radius:10px;padding:10px 8px;min-width:0;color:var(--ink);overflow:hidden}.day.other{opacity:.36}.day.selected{border:2px solid #247e74;background:#f1faf6;padding:9px 7px}.daynum{font-size:12px;font-weight:800}.caldot{font-size:10px;background:#e7f3ef;color:#24685e;margin-top:5px;padding:4px 5px;border-radius:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.caldot.client{background:#f0edfa;color:#68568b}.caldot.personal{background:#fff0d9;color:#82643d}.cal-events{margin-top:18px}.cal-events .item:last-child{padding-bottom:0}.chatbox{background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);display:flex;flex-direction:column;height:min(650px,72vh);min-height:450px}.chathead{border-bottom:1px solid var(--line);padding:20px 22px}.chathead b{display:block;font-size:15px}.chathead small{display:block;color:var(--muted);margin-top:4px}.chatlog{padding:22px;flex:1;overflow:auto;display:flex;flex-direction:column;gap:12px}.bubble{max-width:75%;align-self:flex-start;background:#f0f4f3;border-radius:13px 13px 13px 3px;padding:11px 14px;font-size:13px;line-height:1.6;overflow-wrap:anywhere;white-space:pre-wrap}.bubble.mine{background:#e0f1eb;align-self:flex-end;border-radius:13px 13px 3px 13px}.bubble small{display:block;margin-top:5px;font-size:10px;color:#73908a}.chat-compose{padding:14px;border-top:1px solid var(--line);display:flex;gap:9px;align-items:end}.chat-compose textarea{flex:1;min-height:48px;max-height:135px;resize:vertical}.board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.column{background:#eef3f1;border-radius:12px;padding:14px;min-height:250px}.column h2{font-size:13px;margin:3px 0 13px}.taskcard{padding:14px;background:#fff;border-radius:10px;margin-bottom:11px;border:1px solid #e7eeeb}.taskcard b{display:block;font-size:13px;line-height:1.45;margin:10px 0 5px}.taskcard small{display:block;color:var(--muted);font-size:11px;margin-bottom:10px}.taskactions{display:flex;gap:6px;flex-wrap:wrap}.taskactions button{font-size:11px;padding:7px 8px}.tblwrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:13px;box-shadow:var(--shadow)}table{border-collapse:collapse;width:100%;min-width:610px}th,td{padding:15px 17px;text-align:left;border-bottom:1px solid #edf1ee;font-size:12px;overflow-wrap:anywhere}th{color:#839390;font-size:11px;font-weight:800;background:#fbfcfb}tr:last-child td{border-bottom:0}td b{font-weight:750}.search{min-width:230px;max-width:320px;width:100%}.teamcard{background:white;border:1px solid var(--line);padding:15px 18px;border-radius:11px;margin-bottom:11px;display:flex;align-items:center;justify-content:space-between;gap:12px}.teamcard b{font-size:13px}.teamcard small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.modalwrap{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#0e2c35a8;padding:15px;overflow:auto}.modal{background:#fff;border-radius:16px;width:min(560px,100%);max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 25px 90px #07141b55;padding:26px}.modalhead{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:21px}.modalhead h2{margin:0 0 6px;font-size:22px}.modalhead p{margin:0;color:var(--muted);font-size:12px}.field{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:750;margin-bottom:16px}.field input,.field select,.field textarea,textarea,input,select{padding:11px 12px;border:1px solid #dce7e2;border-radius:9px;background:#fff;color:var(--ink);width:100%;outline:none}.field textarea{min-height:78px;resize:vertical}.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.modalfoot{display:flex;gap:8px;justify-content:flex-end;margin-top:17px;flex-wrap:wrap}.authscreen{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.03fr) minmax(360px,.97fr)}.authleft{background:var(--dark);padding:clamp(24px,7vw,90px);color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:100vh}.authleft h1{font-size:clamp(34px,4.8vw,58px);line-height:1.12;max-width:580px;letter-spacing:-2px}.authleft p{color:#c2d8d6;max-width:470px;font-size:15px;line-height:1.8}.authleft .brand{padding:0}.authvisual{border:1px solid #ffffff33;border-radius:17px;padding:23px;background:#ffffff0e;max-width:460px}.authvisual b{display:block;margin-bottom:12px}.authvisual div{padding:12px 10px;border-top:1px solid #ffffff1c;color:#d4e5e2;font-size:12px}.authright{display:flex;align-items:center;justify-content:center;padding:32px}.authcard{background:#fff;border-radius:17px;padding:35px;width:min(470px,100%);box-shadow:var(--shadow);border:1px solid var(--line)}.authcard h2{font-size:26px;letter-spacing:-.5px;margin:0 0 7px}.authcard p{font-size:13px;color:var(--muted);line-height:1.65;margin:0 0 23px}.auth-switch{border-top:1px solid var(--line);margin-top:20px;padding-top:18px;font-size:12px;text-align:center}.toast{z-index:50;position:fixed;bottom:23px;right:23px;max-width:min(460px,90vw);background:#1a514d;color:white;border-radius:11px;padding:13px 17px;box-shadow:0 14px 34px #0003;font-size:12px;opacity:0;transform:translateY(8px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast.error{background:#9b483f}.smallinfo{font-size:11px;color:var(--muted);line-height:1.6}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.spacer{flex:1}.mobilebar{display:none}.live-status{color:#287b66;font-size:11px;font-weight:800}.live-status:before{content:'● ';color:#2ea375}
@media(max-width:1020px){.cols{grid-template-columns:1fr}.sidebar{padding-inline:10px}.layout{grid-template-columns:205px minmax(0,1fr)}.calendar .day{min-height:88px}}
@media(max-width:760px){.layout{display:block}.sidebar{position:sticky;z-index:20;top:0;height:auto;padding:10px 13px;display:block}.brand{padding:3px 4px 11px}.brandmark{height:32px;width:32px;font-size:13px}.brandtext b{font-size:17px}.brandtext small{font-size:8px}.sectionlabel,.sidebar-foot{display:none}.nav{display:flex;overflow:auto;gap:4px;padding:0 0 2px}.nav button{font-size:11px;white-space:nowrap;padding:10px 12px}.nav .ic{font-size:15px;width:auto}.main{padding:0 14px 35px}.topbar{height:62px}.topright .email{display:none}.heading{flex-direction:column}.heading h1{font-size:26px}.screen{padding-top:23px}.grid3{gap:8px}.stat{padding:14px}.statval{font-size:24px}.statlabel{font-size:10px}.statsmall{font-size:10px}.calendar-shell{padding:11px}.calendar{gap:3px}.weekday{font-size:9px}.day{min-height:76px!important;padding:6px 3px;border-radius:7px}.day.selected{padding:5px 2px}.daynum{font-size:11px}.caldot{font-size:8px;margin-top:5px;padding:3px}.board{grid-template-columns:1fr}.authscreen{display:block}.authleft{min-height:auto;padding:27px}.authleft h1{font-size:32px}.authleft p{font-size:12px}.authvisual{display:none}.authright{padding:20px}.authcard{padding:25px}.two{grid-template-columns:1fr}.chatbox{height:65vh}.bubble{max-width:88%}.topbar .btn{padding:9px}}