:root{--rose:#7a1848;--rose2:#b62f70;--ink:#211a23;--muted:#746b75;--line:#eadfe5;--paper:#fff;--bg:#f8f3f6;--ok:#1d7a58;--warn:#b26a12}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.shell{display:grid;grid-template-columns:250px 1fr;min-height:100vh}#sidebar{position:sticky;top:0;height:100vh;padding:22px 14px;background:#2b1020;color:#fff;display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;padding:5px 8px 24px}.brand-logo{width:48px;height:48px;flex:0 0 48px;border-radius:13px;object-fit:contain;background:#fff;padding:3px;box-shadow:0 2px 10px #0002}.brand-logo-login{width:58px;height:58px;flex-basis:58px}.brand strong,.brand small,.profile strong,.profile small{display:block}.brand small,.profile small{opacity:.65;margin-top:3px}.nav{display:block;width:100%;border:0;color:#ead9e2;background:transparent;text-align:left;padding:11px 13px;border-radius:12px;margin:2px 0;font-weight:700}.nav:hover,.nav.active{background:#fff;color:var(--rose)}.profile{margin-top:auto;padding:18px 9px 0;border-top:1px solid #ffffff20}.profile a{display:block;color:#fff;text-decoration:none;margin-top:13px;padding:9px;border:1px solid #ffffff30;border-radius:10px;text-align:center}main{min-width:0}header{height:84px;padding:0 30px;display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);background:#fff}header h1,header p,h2,h3{margin:0}header h1{font-size:22px}header p{color:var(--muted);font-size:13px;margin-top:4px}.today{margin-left:auto;color:var(--muted)}.icon-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px}.content{padding:28px;max-width:1500px;margin:auto}.page-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:22px}.panel{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 12px 40px #4f18300b}.panel-head,.toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.eyebrow{display:block;color:var(--rose2);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900;margin-bottom:6px}.required-note,.muted,.empty{color:var(--muted)}.fields{display:grid;gap:16px}.fields.two{grid-template-columns:repeat(2,minmax(0,1fr))}.form{display:grid;gap:18px}.form label{display:grid;gap:7px;color:#4d414b;font-size:13px;font-weight:800}input,select,textarea{width:100%;border:1px solid #d9cad2;background:#fff;border-radius:12px;padding:12px 13px;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--rose2);box-shadow:0 0 0 3px #b62f701c}textarea{min-height:92px}.services{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.service{padding:14px;border:1px solid var(--line);border-radius:15px;background:#fdfafb}.service span,.service small{display:block}.service span{font-weight:800}.service small{color:var(--muted);margin:3px 0 9px}.payment-box{display:grid;grid-template-columns:1.1fr repeat(3,1fr) 1.1fr;gap:13px;align-items:end;padding:18px;background:#f9f2f6;border-radius:17px}.payment-box small{display:block;color:var(--muted)}.payment-box strong{display:block;font-size:21px;margin-top:5px}.primary{justify-self:start;border:0;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;padding:12px 20px;border-radius:12px;font-weight:900}.receipt{position:sticky;top:106px;height:max-content}.hero-metric{padding:20px;border-radius:17px;background:#f9f2f6;font-size:28px;font-weight:900}.tabs{display:flex;gap:8px;overflow:auto;margin-bottom:18px}.tabs button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:9px 14px}.tabs button.active{background:var(--rose);color:#fff;border-color:var(--rose)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.card-item,.list-item{border:1px solid var(--line);border-radius:15px;padding:15px}.card-item h3{font-size:16px}.card-meta{color:var(--muted);font-size:12px;margin:7px 0}.actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.actions button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:9px;font-size:12px;font-weight:800}.actions button.accent{background:var(--rose);color:#fff;border-color:var(--rose)}.actions button.danger{background:#b42335;color:#fff;border-color:#b42335}.metrics{display:grid;grid-template-columns:repeat(6,minmax(120px,1fr));gap:10px;margin:18px 0}.metric{background:#f8f4f6;border-radius:14px;padding:14px}.metric small{display:block;color:var(--muted);font-size:11px}.metric strong{display:block;font-size:18px;margin-top:5px}.list{display:grid;gap:10px}.date-range{display:flex;gap:8px}.toast{position:fixed;z-index:99;right:18px;top:18px;max-width:380px;padding:13px 16px;background:#24131d;color:#fff;border-radius:12px;box-shadow:0 12px 35px #0004}.toast.error{background:#9c2335}[hidden]{display:none!important}@media(max-width:1050px){.services,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-box{grid-template-columns:repeat(2,1fr)}.metrics{grid-template-columns:repeat(3,1fr)}}.pwa-install-button{position:fixed;right:18px;bottom:18px;z-index:90;border:0;border-radius:999px;padding:12px 18px;background:linear-gradient(135deg,var(--rose),var(--rose2));color:#fff;font-weight:900;box-shadow:0 10px 30px #54102f55}.pwa-install-button[hidden]{display:none!important}@media(max-width:760px){.shell{display:block}#sidebar{position:fixed;z-index:50;width:270px;transform:translateX(-105%);transition:.2s}#sidebar.open{transform:none}.icon-btn{display:block}header{height:75px;padding:0 15px}.today{display:none}.content{padding:14px}.page-grid,.fields.two,.services,.cards{grid-template-columns:1fr}.panel{padding:17px;border-radius:17px}.payment-box{grid-template-columns:1fr 1fr}.metrics{grid-template-columns:1fr 1fr}.toolbar{align-items:stretch;flex-direction:column}.date-range{width:100%}.receipt{position:static}}