@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap";:root{--ink:#26342d;--muted:#738078;--paper:#f5f2ea;--card:#fffdfa;--sage:#8fad93;--orange:#ed855e;--line:#deddd4;--purple:#7f6db0}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:DM Sans,sans-serif}.login-shell{background:radial-gradient(circle at 20% 10%,#dbe9dc 0,transparent 35%),radial-gradient(circle at 90% 90%,#f7d4bd 0,transparent 36%),var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fffdfaf0;border:1px solid #fff;border-radius:28px;width:min(460px,100%);padding:44px;box-shadow:0 24px 70px #35483c22}.brand-mark{background:var(--ink);color:#fff;border-radius:16px;place-items:center;width:52px;height:52px;margin-bottom:28px;font:700 28px Fraunces;display:grid}.eyebrow{letter-spacing:.16em;color:#6e8975;margin:0 0 8px;font-size:12px;font-weight:700}h1,h2{margin:0;font-family:Fraunces,serif}h1{font-size:clamp(34px,5vw,58px);line-height:1.03}h2{font-size:20px}.muted{color:var(--muted)}form{gap:10px;margin-top:32px;display:grid}label{font-size:13px;font-weight:600}input{border:1px solid var(--line);background:#fff;border-radius:12px;height:50px;padding:0 15px;font-size:18px}button{background:var(--ink);color:#fff;cursor:pointer;border:0;border-radius:12px;height:48px;font:600 15px DM Sans}.error{color:#b54835;margin:2px 0}.secure{color:var(--muted);text-align:center;margin-top:26px;font-size:12px}.dashboard{max-width:1220px;margin:auto;padding:48px 26px}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;padding-bottom:38px;display:flex}header h1{font-size:52px}.actions{gap:9px;display:flex}.ghost{color:var(--ink);border:1px solid var(--line);background:0 0;padding:0 17px}.source-title{align-items:center;gap:10px;margin:42px 0 16px;font-weight:700;display:flex}.source-title small{color:var(--muted);font-weight:400}.dot{border-radius:50%;width:10px;height:10px}.ga{background:var(--orange)}.sc{background:#4b7bd9}.cl{background:var(--purple)}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.metric,.panel{background:var(--card);border:1px solid #e5e1d8;border-radius:18px;padding:21px;box-shadow:0 8px 24px #35483c09}.metric span{color:var(--muted);font-size:13px;display:block}.metric strong{margin-top:10px;font:700 30px Fraunces;display:block}.grid{grid-template-columns:2fr 1fr;gap:14px;margin-top:14px;display:grid}.panel h2{margin-bottom:20px}.chart{min-height:270px}.bars{border-bottom:1px solid var(--line);align-items:flex-end;gap:5px;height:190px;display:flex}.bar-wrap{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.bar{background:linear-gradient(var(--sage),#bed0bf);border-radius:5px 5px 0 0;width:100%;max-width:18px;min-height:4px}.bar-wrap span{height:22px;color:var(--muted);padding-top:7px;font-size:9px}.row{border-bottom:1px solid #ece9e1;justify-content:space-between;padding:10px 0;font-size:14px;display:flex}.table-panel{margin-top:14px}.tr{border-bottom:1px solid #ece9e1;grid-template-columns:1fr 100px 110px 80px;gap:14px;padding:11px 5px;font-size:14px;display:grid}.tr span:not(:first-child){text-align:right}.tr.head{color:var(--muted);font-size:12px;font-weight:600}.clarity{grid-template-columns:repeat(6,1fr)}.muted-box{color:var(--muted)}footer{text-align:center;color:var(--muted);margin:48px 0 10px;font-size:12px}.loading{place-items:center;min-height:100vh;font:600 18px Fraunces;display:grid}@media (max-width:850px){header{flex-direction:column;align-items:flex-start}.metrics,.clarity{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:1fr}.tr{grid-template-columns:1fr 65px 75px 55px}}@media (max-width:480px){.dashboard{padding:28px 15px}.login-card{padding:30px 24px}header h1{font-size:42px}.metric{padding:16px}.metric strong{font-size:24px}.source-title small{display:none}.actions{width:100%}.actions button{flex:1}}