:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172033;background:#f5f7fa;line-height:1.45}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}.hidden{display:none!important}.brand{font-weight:900;letter-spacing:.02em;font-size:1.2rem}.brand span{color:#e8472d}.loginView{min-height:100vh;display:grid;place-items:center;padding:24px}.loginCard{width:min(390px,100%);background:#fff;border:1px solid #e5e9ef;border-radius:18px;padding:30px;box-shadow:0 18px 50px rgba(20,35,55,.08)}.loginCard p{color:#6c7685}.loginCard label,.couponForm label{display:block;font-size:.86rem;font-weight:700;margin:16px 0}.loginCard input,.search input,.couponForm input,textarea{width:100%;border:1px solid #d7dde6;border-radius:10px;padding:11px 12px;background:#fff;color:#172033;outline:none}.loginCard input:focus,.search input:focus,.couponForm input:focus,textarea:focus{border-color:#65758a;box-shadow:0 0 0 3px rgba(101,117,138,.12)}button{border:0;border-radius:10px;padding:10px 15px;cursor:pointer;font-weight:750}.primary{background:#172d49;color:#fff;width:100%}.primary.compact{width:auto}.ghost{background:#edf1f5;color:#172033}.error{color:#b42318;min-height:1.4em}.topbar{position:sticky;top:0;z-index:10;min-height:72px;background:#fff;border-bottom:1px solid #e2e7ed;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px}.topbar small{color:#7b8492}.topActions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.navBtn{background:transparent;color:#5f6b7a}.navBtn.active{background:#172d49;color:#fff}.shell{max-width:1500px;margin:auto;padding:28px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.kpis article{background:#fff;border:1px solid #e3e8ee;border-radius:14px;padding:18px}.kpis small{display:block;color:#737e8e;margin-bottom:7px}.kpis strong{font-size:1.65rem}.panel{background:#fff;border:1px solid #e3e8ee;border-radius:16px;overflow:hidden}.panelHead{display:flex;gap:20px;justify-content:space-between;align-items:end;padding:22px}.panelHead h1{margin:0 0 4px}.panelHead p{margin:0;color:#717d8b}.search{width:min(420px,45vw)}.tableWrap{overflow:auto;border-top:1px solid #e8ecf1}table{border-collapse:collapse;width:100%;min-width:860px}th,td{text-align:left;padding:14px 16px;border-bottom:1px solid #edf0f3;vertical-align:top}th{font-size:.76rem;color:#697586;background:#fafbfc;text-transform:uppercase;letter-spacing:.04em}tbody tr{cursor:pointer}tbody tr:hover{background:#f8fafc}.muted{color:#7a8593}.badge{display:inline-block;padding:3px 7px;border-radius:999px;background:#fff1c8;color:#6d4b00;font-size:.74rem;font-weight:800}.badge.good{background:#e7f7ed;color:#176b39}.badge.off{background:#eef1f4;color:#66717f}.backdrop{position:fixed;inset:0;background:rgba(20,30,44,.45);z-index:40}.drawer{position:fixed;z-index:50;right:0;top:0;height:100vh;width:min(780px,100vw);background:#fff;box-shadow:-18px 0 55px rgba(10,20,35,.18);overflow:auto}.drawerHead{position:sticky;top:0;background:#fff;border-bottom:1px solid #e5e9ee;padding:20px 22px;display:flex;justify-content:space-between;align-items:start;z-index:2}.drawerHead h2{margin:3px 0 0}.drawerHead small{color:#74808e}.iconBtn{font-size:1.7rem;background:#f0f3f6;width:42px;height:42px;padding:0}.drawerBody{padding:22px}.section{margin-bottom:26px}.section h3{font-size:1rem;margin:0 0 12px;padding-bottom:8px;border-bottom:1px solid #e8ecf1}.customerGrid,.moneyGrid{display:grid;grid-template-columns:1fr auto;gap:8px 18px}.customerGrid{grid-template-columns:150px 1fr}.model{border:1px solid #e4e8ed;border-radius:13px;margin:12px 0;overflow:hidden}.modelHead{padding:13px 15px;background:#f8fafc}.modelHead strong{display:block}.variant{padding:13px 15px;border-top:1px solid #e9edf1}.variantTop{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:space-between}.variant p{margin:6px 0 0;font-size:.9rem}.moneyGrid .total{font-size:1.18rem;font-weight:900;border-top:2px solid #1a2a3b;padding-top:10px;margin-top:6px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.actions a,.actions button{display:inline-flex;text-decoration:none;align-items:center;justify-content:center;border-radius:10px;padding:10px 14px;font-weight:800}.actions a{background:#172d49;color:#fff}.actions .secondary{background:#edf1f5;color:#172033}.noteBox textarea{min-height:120px;resize:vertical}.noteBox button{margin-top:8px;width:auto}.notice{padding:11px 12px;border-radius:10px;background:#fff8e3;color:#6d4b00}.snapshotNotice{padding:11px 12px;border-radius:10px;background:#eaf2ff;color:#244e85;font-size:.9rem}.techWarning{padding:10px 12px;border-radius:10px;background:#fff0f0;color:#8e2626;font-size:.9rem}.toast{position:fixed;right:20px;bottom:20px;background:#172d49;color:#fff;padding:12px 16px;border-radius:10px;z-index:70}.srOnly{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.couponPanel{overflow:visible}.couponLayout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:0;border-top:1px solid #e8ecf1}.couponListWrap{overflow:auto}.couponTable{min-width:700px}.couponForm{padding:22px;border-left:1px solid #e8ecf1;background:#fbfcfd}.couponForm h2{margin:0 0 8px}.dateGrid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.toggleLine{display:flex!important;align-items:center;gap:9px}.toggleLine input{width:auto}.formActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}.couponEdit{background:#edf1f5;color:#172033;padding:7px 10px}.couponCode{font-weight:900}.validity{font-size:.84rem;color:#6f7a89}
@media(max-width:1000px){.couponLayout{grid-template-columns:1fr}.couponForm{border-left:0;border-top:1px solid #e8ecf1}.kpis{grid-template-columns:repeat(2,1fr)}.shell{padding:15px}.panelHead{align-items:stretch;flex-direction:column}.search{width:100%}.topbar{padding:12px 16px}}@media(max-width:620px){.kpis{grid-template-columns:1fr}.drawerBody{padding:16px}.customerGrid{grid-template-columns:1fr}.customerGrid strong{margin-top:7px}.shell{padding:10px}.topbar{align-items:flex-start;flex-direction:column}.dateGrid{grid-template-columns:1fr}}

#securityView{max-width:600px;margin:auto}#passwordForm{border:0}#passwordForm input{font-size:16px}