:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:#18223b;background:#f5f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}.muted,.intro{color:#73809a}.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#6980aa}.login-shell{min-height:100vh;display:grid;place-content:center;padding:24px;background:radial-gradient(circle at 20% 10%,#e6edff,transparent 35%),#f5f7fb}.login-mark{font-weight:900;font-size:2.2rem;margin:0 0 24px;color:#273d81}.login-mark span,.brand span{color:#ff725e}.login-card{width:min(100vw - 48px,420px);padding:36px;border:1px solid #e4e9f3;border-radius:24px;background:#fff;box-shadow:0 24px 70px #2c3a6a14}.login-card h1{font-size:1.7rem;letter-spacing:-.04em;margin:8px 0}.login-card .muted{margin:0 0 28px}.login-card label{display:block;font-size:.86rem;font-weight:700;margin:18px 0 8px}.login-card input{width:100%;height:48px;border:1px solid #d8dfeb;border-radius:12px;padding:0 14px;background:#fff}.login-card input:focus{outline:2px solid #8fa8f5;outline-offset:1px}.primary{width:100%;height:48px;border:0;border-radius:12px;background:#3457bb;color:#fff;font-weight:700;margin-top:26px}.alert{padding:12px;border-radius:10px;color:#a52627;background:#fff0f0;font-size:.9rem}.app-shell{min-height:100vh;display:flex}.sidebar{width:232px;flex:none;background:#17264b;color:#fff;padding:28px 18px;display:flex;flex-direction:column}.brand{font-size:1.8rem;font-weight:900;padding:0 14px 32px}.brand small{display:block;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:#a6b4d5}.sidebar nav{display:grid;gap:6px}.sidebar nav a,.nav-pending{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-radius:10px;color:#c5d0eb;text-decoration:none;font-weight:650}.sidebar nav a.active{background:#2e447a;color:#fff}.nav-pending{color:#8495b8}.nav-pending small{font-size:.65rem}.logout-form{margin-top:auto}.logout-form button{background:transparent;color:#bfcbe4;border:0;padding:12px 14px}.content{width:100%;max-width:1350px;padding:44px 48px}.page-header,.card-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.page-header h1{font-size:2.2rem;letter-spacing:-.055em;margin:6px 0}.owner-pill{background:#e8edfb;color:#3652a4;padding:9px 13px;border-radius:99px;font-weight:700;font-size:.75rem}.intro{max-width:680px;line-height:1.6}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:28px 0}.service-card,.metric,.payment-panel{background:#fff;border:1px solid #e4e9f2;border-radius:17px}.service-card{padding:22px;min-height:150px}.service-card h2,.payment-panel h2{margin:0;font-size:1.05rem}.service-card p,.payment-panel p{color:#77849b;font-size:.86rem;line-height:1.5}.muted-card{background:#fafbfe}.status{border-radius:99px;padding:6px 9px;font-size:.68rem;font-weight:800;white-space:nowrap}.status.online{background:#e3f7eb;color:#1d8052}.status.offline{background:#fff0ed;color:#b64034}.status.pending{background:#ecf0f7;color:#7c8aa3}.metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.metric{padding:22px;display:grid;gap:18px}.metric span,.payment-amount span{color:#76839b;font-size:.78rem}.metric strong{font-size:2rem;letter-spacing:-.05em}.payment-panel{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:22px;margin-top:16px;padding:24px}.payment-amount{display:grid;gap:5px;align-content:center}.payment-amount strong{font-size:1.5rem}.payment-amount small{color:#8996ac}@media(max-width:800px){.app-shell{display:block}.sidebar{width:auto;padding:14px 18px;display:block}.brand{padding:0 0 10px}.sidebar nav{display:flex;overflow-x:auto}.sidebar nav a,.nav-pending{white-space:nowrap;padding:9px}.logout-form{position:absolute;right:18px;top:18px}.content{padding:25px 18px}.page-header h1{font-size:1.8rem}.service-grid{grid-template-columns:1fr}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-panel{grid-template-columns:1fr}}@media(max-width:450px){.owner-pill{display:none}.metrics{grid-template-columns:1fr 1fr}.metric{padding:16px}.metric strong{font-size:1.55rem}}