@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=PT+Serif:wght@700&display=swap";:root{color:#17352e;font-synthesis:none;background:#f3f1e9;font-family:Manrope,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,.max-link{color:#fff;cursor:pointer;text-align:center;background:#df5f3e;border:0;border-radius:14px;padding:14px 20px;font:700 15px inherit;text-decoration:none}.quiet{color:#17352e;background:#e5e8e2}.eyebrow{letter-spacing:.16em;color:#b34f35;font-size:12px;font-weight:800}.auth-page{background:radial-gradient(circle at 15% 10%,#d7e8de,#0000 35%),#f3f1e9;grid-template-columns:1.1fr .9fr;align-items:center;gap:5vw;min-height:100vh;padding:7vw;display:grid}.auth-brand h2,.page h1,.login-card h1{margin:.25em 0;font-family:PT Serif,serif;font-size:clamp(34px,5vw,68px);line-height:1.02}.auth-brand p{max-width:560px;font-size:18px}.login-card{background:#fff;border-radius:28px;max-width:460px;padding:36px;box-shadow:0 24px 80px #17352e1a}.login-card h1{font-size:40px}.login-card button,.login-card .max-link{width:100%;margin-top:18px;display:block}.qr{border-radius:16px;width:min(280px,100%);margin:22px auto;display:block}.short-code{background:#f3f1e9;border-radius:14px;justify-content:space-between;align-items:center;margin-top:16px;padding:14px 18px;display:flex}.short-code strong{letter-spacing:.12em;font-size:22px}.center{place-items:center;min-height:100vh;display:grid}.app-layout{grid-template-columns:260px 1fr;min-height:100vh;display:grid}.app-layout aside{color:#fff;background:#173f35;flex-direction:column;gap:24px;padding:28px 20px;display:flex}.brand{font-size:22px;font-weight:800}.brand span{color:#f2a15f}.branch-picker{font-size:12px}.branch-picker select{border-radius:10px;width:100%;margin-top:8px;padding:11px;display:block}.app-layout nav{flex-direction:column;gap:5px;display:flex}.app-layout nav a{color:#d8e5df;border-radius:10px;padding:11px 13px;text-decoration:none}.app-layout nav a.active{color:#fff;background:#ffffff18}.app-layout main>header{background:#fff;border-bottom:1px solid #dfe3dd;justify-content:space-between;align-items:center;height:78px;padding:0 34px;display:flex}.app-layout main>header div{flex-direction:column;display:flex}.role-badge{background:#e4efe9;border-radius:20px;padding:8px 12px;font-size:12px}.page{max-width:1100px;padding:44px}.page h1{font-size:48px}.empty{background:#fff;border:1px dashed #b9c5bd;border-radius:20px;margin-top:30px;padding:40px}.empty strong{font-size:22px}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;display:grid}.metric-grid article,.recent{background:#fff;border:1px solid #e0e5df;border-radius:18px;padding:24px}.metric-grid article{flex-direction:column;gap:8px;display:flex}.metric-grid article span{color:#66756e;font-size:14px}.metric-grid article strong{font-family:PT Serif,serif;font-size:38px}.recent{margin-top:22px}.recent h2{margin-top:0}.recent ul{margin:0;padding:0;list-style:none}.recent li{border-top:1px solid #e5e8e2;justify-content:space-between;padding:12px 0;display:flex}.recent time{color:#66756e}@media (width<=760px){.auth-page{grid-template-columns:1fr;padding:24px}.auth-brand h2{font-size:42px}.login-card{padding:25px}.app-layout{grid-template-columns:1fr}.app-layout aside{z-index:2;padding:16px;position:sticky;top:0}.app-layout nav{flex-direction:row;overflow-x:auto}.app-layout nav a{white-space:nowrap}.branch-picker{display:none}.app-layout main>header{padding:0 18px}.page{padding:26px 18px}.page h1{font-size:38px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
