:root{--ink:#17211b;--muted:#647069;--cream:#f4f2ea;--paper:#fffef9;--line:#dddcd3;--green:#236247;--lime:#c6f36c;--orange:#ff8e62}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;border:0;border-radius:10px;padding:12px 18px;background:var(--ink);color:white;font-weight:700}.login-page{min-height:100vh;display:grid;place-content:center;background:radial-gradient(circle at 20% 10%,#d9efb4,transparent 35%),radial-gradient(circle at 90% 80%,#ffd8c9,transparent 30%),var(--cream)}.login-card{width:min(420px,calc(100vw - 32px));background:var(--paper);padding:42px;border:1px solid var(--line);border-radius:24px}.brand{display:grid;place-items:center;width:46px;height:46px;background:var(--ink);color:var(--lime);font-size:24px;font-weight:900;border-radius:10px;margin-bottom:25px}.brand.small{display:inline-grid;width:30px;height:30px;font-size:16px;margin:0 10px 0 0}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.16em;color:var(--green);margin:0 0 8px}h1{font-size:clamp(34px,5vw,62px);letter-spacing:-.045em;line-height:1;margin:0 0 18px}h2{font-size:22px;margin:0 0 12px}.muted{color:var(--muted);line-height:1.6}.login-card h1{font-size:36px}.login-card form{display:grid;gap:12px;margin-top:28px}.login-card label{font-size:13px;font-weight:700}input{border:1px solid var(--line);background:white;border-radius:10px;padding:13px 14px;outline:none}input:focus{border-color:var(--green);box-shadow:0 0 0 3px #23624718}.error{color:#b24235}.success{color:var(--green);font-weight:700}.dashboard{max-width:1320px;margin:auto;padding:0 30px 60px}header{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}header>div{display:flex;align-items:center}.status{margin-left:24px;font-size:12px;color:var(--green)}.ghost{background:transparent;color:var(--muted)}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;padding:68px 0 48px}.hero p{max-width:620px}.split{height:210px;display:flex;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #26352b12}.split div{background:var(--lime);display:flex;flex-direction:column;justify-content:flex-end;padding:28px;min-width:20%;transition:width .4s}.split div+div{background:var(--orange);flex:1}.split strong{font-size:42px}.split span{font-size:12px;font-weight:800;text-transform:uppercase;margin-top:5px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);background:var(--paper);border:1px solid var(--line);border-radius:16px;margin-bottom:20px}.metrics article{padding:25px;border-right:1px solid var(--line)}.metrics article:last-child{border:0}.metrics span,.metrics small{display:block;color:var(--muted);font-size:12px}.metrics strong{display:block;font-size:35px;margin:12px 0 5px}.grid{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;margin-bottom:20px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:27px;margin-bottom:20px}.table{margin-top:22px}.tr{display:grid;grid-template-columns:1fr 60px 75px;gap:12px;padding:13px 0;border-top:1px solid var(--line);font-size:13px}.tr span{text-align:right}.th{border:0;color:var(--muted);font-size:11px}.empty{color:var(--muted);font-size:13px}.settings{display:grid;grid-template-columns:260px 1fr;gap:14px;margin-top:24px}.settings label{display:grid;gap:4px}.settings small{display:block;color:var(--muted)}.actions{grid-column:1/-1;display:flex;justify-content:flex-end;align-items:center;gap:16px}.link{border-left:5px solid var(--green)}.link h2{font-family:monospace;overflow-wrap:anywhere}.daily{height:230px;display:flex;gap:12px;align-items:flex-end;border-bottom:1px solid var(--line);margin-top:20px}.bar-group{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end}.bars{height:calc(100% - 25px);display:flex;gap:3px;align-items:flex-end}.bars i{display:block;flex:1;border-radius:4px 4px 0 0}.bars .a{background:var(--lime)}.bars .b{background:var(--orange)}.bar-group>span{text-align:center;font-size:9px;color:var(--muted);padding-top:8px}code{background:#edf0e8;padding:2px 5px;border-radius:4px}@media(max-width:850px){.hero,.grid{grid-template-columns:1fr}.hero{gap:25px}.metrics{grid-template-columns:1fr 1fr}.settings{grid-template-columns:1fr}.status{display:none}}@media(max-width:520px){.dashboard{padding:0 15px 35px}.panel{padding:21px}.metrics article{padding:18px 15px}.metrics strong{font-size:28px}.split{height:150px}.split div{padding:18px 14px}}