:root{--ink:#172038;--purple:#7528b8;--pink:#ec377e;--muted:#70778b;--line:#e8e5ef;--bg:#f5f4f9}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);margin:0;font:15px/1.55 Arial,Helvetica,sans-serif}a{color:var(--purple);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-1.3px;margin:10px 0 14px;font-size:clamp(29px,3vw,43px);line-height:1.15}h2{letter-spacing:-.4px;font-size:21px}h3{margin:20px 0 10px;font-size:21px}p{color:var(--muted)}small{color:var(--muted);font-size:12px}button,.button{background:var(--purple);color:#fff;cursor:pointer;white-space:nowrap;border:0;border-radius:10px;padding:12px 17px;font:600 14px Arial;display:inline-block}button:hover,.button:hover{background:#5e1e97;text-decoration:none}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #de78b7}.secondary{color:var(--purple);background:#eee5f7}.shell{min-height:100vh;display:flex}aside{background:var(--ink);color:#fff;flex-direction:column;width:245px;padding:36px 25px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;letter-spacing:-1.5px;font-size:32px;font-weight:800}.brand span{color:#e48fcb}.brand small{letter-spacing:2px;color:#bac1d5;margin-top:4px;font-size:9px;display:block}nav{gap:7px;margin-top:55px;display:grid}nav a{color:#e0e1ed;border-radius:9px;padding:12px 14px}nav a:hover{background:#303047;text-decoration:none}.profile{margin-top:auto;padding-top:30px}.profile small{color:#b6bed0;margin:3px 0 15px;display:block}.profile button{background:#34314c}.workspace{width:calc(100% - 245px);margin-left:245px}header{border-bottom:1px solid var(--line);color:var(--muted);background:#fff;justify-content:space-between;padding:20px 42px;font-size:12px;display:flex}.dot{color:#55aa86;margin-left:8px}main{max-width:1320px;margin:auto;padding:42px}.demo{color:#66328c;background:#f0e8f8;padding:9px 42px;font-size:12px}.eyebrow{letter-spacing:2px;color:var(--purple);font-size:10px;font-weight:700}.pagehead,.sectionhead,.row{justify-content:space-between;align-items:center;gap:20px;display:flex}.pagehead{margin-bottom:26px}.pagehead p{margin-bottom:0}.card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:26px;display:block;box-shadow:0 3px 12px #19133303}.stats{grid-template-columns:repeat(3,1fr);gap:20px;margin:28px 0 38px;display:grid}.stats .card span,.stats .card small{display:block}.stats strong{letter-spacing:-1px;font-size:42px;line-height:1.7}.stats .accent{background:var(--purple);color:#fff;border-color:var(--purple)}.accent small{color:#e1cdec}.sectionhead{margin:22px 0 16px}.sectionhead h2{margin:0}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.job{color:var(--ink);transition:transform .15s,border-color .15s}.job:hover{border-color:#c6a2e4;text-decoration:none;transform:translateY(-2px)}.badge{text-transform:uppercase;letter-spacing:.5px;color:var(--purple);background:#f1e9f9;border-radius:6px;padding:4px 8px;font-size:10px;font-weight:700;display:inline-block}.badge.completed{color:#31754d;background:#e8f5ee}.badge.in_progress{color:#95631a;background:#fff0d7}.badge.cancelled{color:#9b5262;background:#f3e8eb}.meta{border-top:1px solid var(--line);color:var(--muted);padding-top:14px;font-size:12px}.assigned{color:var(--purple);margin-top:16px;font-size:12px;font-weight:600}.tip{background:#f0edf6;margin-top:28px}.tip h2{margin-top:12px}.tip p{max-width:800px;margin-bottom:0}.actions{flex-wrap:wrap;align-items:end;gap:12px;margin:18px 0;display:flex}.actions form{margin:0}.notice{border-left:3px solid var(--purple);overflow-wrap:anywhere;background:#f4edf9;border-radius:8px;margin:20px 0;padding:18px}.notice p:last-child{margin-bottom:0}.detailgrid{grid-template-columns:1.3fr 1fr;gap:22px;display:grid}.big{color:var(--ink);font-size:25px}.pre{white-space:pre-wrap}.muted{color:var(--muted)}.member{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:18px;padding:18px 0;display:flex}.member small{display:block}.member button{padding:9px 12px;font-size:12px}.timer{background:#f5f1f9;border-radius:12px;margin-top:25px;padding:20px}.timer>strong{font-size:35px}.entry,.calendar{margin:20px 0}details{margin-top:24px}summary{color:var(--purple);cursor:pointer;font-weight:600}label{color:var(--ink);margin:15px 0;font-size:12px;font-weight:600;display:block}input,textarea,select{width:100%;color:var(--ink);background:#fff;border:1px solid #dcd8e5;border-radius:8px;margin-top:6px;padding:12px;font:15px Arial;display:block}textarea{resize:vertical;min-height:100px}.fields{grid-template-columns:1fr 1fr;gap:0 22px;display:grid}.formcard{max-width:900px}.formcard h2{margin-top:30px}.error{color:#ad2245;margin:12px 0}.notification{color:var(--ink);margin:14px 0}.notification h2{margin:8px 0}.notification p{margin:0}.unread{border-left:4px solid var(--pink)}footer{color:var(--muted);padding:25px 42px;font-size:11px}.login{max-width:650px;padding-top:65px}.login>.card{margin-top:26px}.login h1{font-size:48px}.login .actions button{font-size:12px}@media (min-width:1400px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:1000px){aside{width:205px;padding:28px 18px}.workspace{width:calc(100% - 205px);margin-left:205px}main{padding:28px}.detailgrid,.grid{grid-template-columns:1fr}.stats{gap:10px}.stats .card{padding:18px}.stats strong{font-size:32px}header{padding:18px 28px}header span:last-child{display:none}}@media (max-width:650px){.shell{display:block}aside{width:auto;padding:20px;display:block;position:static}.brand{font-size:28px}.brand small{margin-left:16px;display:inline}nav{gap:0;margin:18px -8px 0;display:flex;overflow-x:auto}nav a{white-space:nowrap;padding:10px;font-size:12px}.profile{align-items:center;gap:12px;padding:15px 0 0;display:flex}.profile small{margin:0;font-size:10px}.profile strong{font-size:12px}.profile form{margin-left:auto}.profile button{padding:8px 12px;font-size:11px}.workspace{width:auto;margin:0}header{display:none}.demo{padding:8px 20px}main{padding:25px 18px}.pagehead{flex-direction:column;align-items:flex-start;gap:14px}.stats{grid-template-columns:1fr 1fr;margin:22px 0}.stats .accent{grid-column:1/-1}.stats .accent strong{line-height:1.3}.stats .card{padding:18px}.card{padding:21px}.fields{grid-template-columns:1fr}.row{align-items:flex-start;gap:12px}.job .row small{text-align:right;font-size:10px}.entry .row{flex-direction:column}.login{padding:40px 20px}.login h1{font-size:38px}footer{padding:20px}.sectionhead a{font-size:12px}.member{gap:10px}.member button{font-size:11px}.calendar .member strong{font-size:12px}}.checkline{flex-wrap:wrap;align-items:flex-start;gap:10px;font-size:14px;display:flex}.checkline input{flex:none;width:20px;height:20px;margin:0}
