:root{color:#17201b;font-synthesis:none;text-rendering:optimizelegibility;background:#eef2ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.app-shell{grid-template-columns:264px minmax(0,1fr);min-height:100vh;display:grid}.app-sidebar{color:#fff;background:#101712;flex-direction:column;gap:22px;height:100vh;padding:22px;display:flex;position:sticky;top:0}.brand,.store-card,.app-sidebar nav button,.metric span,.panel-head,.request-title,.request-actions,.customer-row,.voucher,.rules span{align-items:center;display:flex}.brand{gap:12px}.brand-mark{background:#0f6f53;border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.brand strong{font-size:1.02rem;display:block}.brand small,.store-card small{color:#9aaca1;margin-top:3px;display:block}.app-sidebar nav{gap:8px;display:grid}.app-sidebar nav button{color:#c9d5ce;background:0 0;border:0;border-radius:8px;gap:10px;min-height:44px;padding:0 12px;font-weight:760}.app-sidebar nav button.active,.app-sidebar nav button:hover{color:#fff;background:#243027}.store-card{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;gap:10px;margin-top:auto;padding:14px}.app-main{min-width:0;padding:26px}.app-header{justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;display:flex}.app-header p,.panel-head p{color:#647168;text-transform:uppercase;margin:0 0 5px;font-size:.82rem;font-weight:850}.app-header h1,.panel-head h2{color:#111814;letter-spacing:0;margin:0}.app-header h1{font-size:clamp(1.8rem,3vw,2.8rem)}.app-header button,.quick-form button{color:#fff;background:#0f6f53;border:0;border-radius:8px;justify-content:center;align-items:center;gap:9px;min-height:44px;padding:0 15px;font-weight:850;display:inline-flex}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.metric,.panel{background:#fff;border:1px solid #dfe6e1;border-radius:8px;box-shadow:0 14px 36px #1a221d0f}.metric{min-height:118px;padding:17px}.metric span{color:#fff;background:#17201b;border-radius:8px;justify-content:center;width:38px;height:38px}.metric p{color:#647168;margin:14px 0 4px}.metric strong{font-size:1.45rem}.top-grid{grid-template-columns:360px minmax(0,1fr);gap:14px;margin-bottom:14px;display:grid}.bottom-grid{grid-template-columns:minmax(0,1.1fr) minmax(280px,.55fr) minmax(280px,.55fr);gap:14px;display:grid}.panel{padding:18px}.panel-head{justify-content:space-between;gap:16px;margin-bottom:16px}.panel-head h2{font-size:1.25rem}.panel-head>span{color:#0f6f53;background:#e4f6ee;border-radius:8px;flex:none;padding:7px 9px;font-size:.8rem;font-weight:900}.qr-box{background:#f9fbf8;border:1px dashed #c3cec7;border-radius:8px;place-items:center;min-height:232px;display:grid}.quick-form{gap:10px;margin-top:14px;display:grid}.quick-form label,.settings-panel label{color:#536057;gap:7px;font-weight:800;display:grid}.quick-form input,.settings-panel input{color:#17201b;background:#fff;border:1px solid #d8e0da;border-radius:8px;width:100%;min-height:44px;padding:0 12px}.request-list,.customer-list,.voucher-list{gap:10px;display:grid}.request{background:#fff;border:1px solid #e3e9e5;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;min-height:104px;padding:14px;display:grid}.request.approved{background:#f3fbf6;border-color:#bfe4d2}.request.rejected{opacity:.68}.request-title{justify-content:space-between;gap:12px}.request-title span,.status{color:#0f6f53;font-size:.78rem;font-weight:900}.request p{color:#647168;margin:7px 0}.request b{color:#17201b}.request-actions{gap:8px}.request-actions button{color:#17201b;background:#edf2ee;border:0;border-radius:8px;place-items:center;width:40px;height:40px;display:grid}.request-actions button:first-child{color:#fff;background:#0f6f53}.customer-row{border-top:1px solid #edf1ee;grid-template-columns:42px minmax(0,1fr) auto auto;gap:12px;min-height:62px;padding:10px 0;display:grid}.avatar{color:#fff;background:#17201b;border-radius:8px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.customer-row p,.voucher p{color:#647168;margin:4px 0 0;line-height:1.45}.tier,.voucher span{border-radius:8px;padding:7px 9px;font-size:.78rem;font-weight:900}.tier.gold{color:#503a00;background:#ffe59b}.tier.silver{color:#253942;background:#dfecef}.tier.new{color:#195241;background:#dff5ec}.voucher{border-top:1px solid #edf1ee;justify-content:space-between;gap:12px;min-height:66px;padding:12px 0}.voucher span{color:#fff;background:#17201b;flex:none}.segmented{background:#edf2ee;border-radius:8px;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0;padding:6px;display:grid}.segmented button{color:#536057;background:0 0;border:0;border-radius:8px;min-height:38px;font-weight:850}.segmented button.selected{color:#fff;background:#0f6f53}.rules{gap:10px;display:grid}.rules span{color:#27352e;gap:8px;font-weight:750}.rules svg{color:#0f6f53}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.app-sidebar{height:auto;position:static}.app-sidebar nav{grid-template-columns:repeat(3,minmax(140px,1fr))}.top-grid,.bottom-grid{grid-template-columns:1fr}}@media (width<=720px){.app-main,.app-sidebar{padding:16px}.app-header{flex-direction:column;align-items:flex-start}.app-header button{width:100%}.app-sidebar nav,.metrics{grid-template-columns:1fr 1fr}.customer-row,.request{grid-template-columns:1fr}.request-actions{justify-content:flex-start}}@media (width<=460px){.app-sidebar nav,.metrics{grid-template-columns:1fr}}