:root{--green:#143f35;--green-2:#1c5949;--lime:#d8ef8c;--ink:#172b27;--muted:#77847f;--line:#e6ebe7;--paper:#f5f7f4;--white:#fff;--gold:#f3b95f;--shadow:0 16px 45px rgba(24,54,44,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.04em} .hidden{display:none!important}.muted{color:var(--muted)}
.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(350px,.88fr) 1.12fr;background:white}.login-aside{position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:42px clamp(32px,7vw,100px);color:white;background:radial-gradient(ellipse at 85% 82%,rgba(216,239,140,.15),transparent 31%),linear-gradient(145deg,#123b32,#1b5947)}.login-aside:after{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;bottom:-175px;right:-115px;box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.02)}.brand{display:flex;align-items:center;gap:11px;font-size:13px;font-weight:800;letter-spacing:.13em;line-height:1.3}.brand-mark{display:grid;place-items:center;width:38px;height:38px;background:var(--lime);border-radius:12px;color:var(--green);font-family:Manrope;font-weight:800;font-size:21px;letter-spacing:0}.brand-sub{display:block;font-size:9px;font-weight:600;letter-spacing:.17em;opacity:.66}.brand-light{color:white}.welcome-copy{position:relative;z-index:1;max-width:460px;margin:50px 0}.eyebrow{display:block;color:#789e88;font-size:10px;font-weight:800;letter-spacing:.16em}.login-aside .eyebrow{color:var(--lime)}.welcome-copy h1{font-size:clamp(46px,5vw,70px);line-height:1.06;margin:19px 0}.welcome-copy p{max-width:370px;color:rgba(255,255,255,.73);font-size:16px;line-height:1.7}.aside-footer{position:relative;z-index:1;color:rgba(255,255,255,.6);font-size:10px;font-weight:700;letter-spacing:.12em}.login-main{display:grid;place-items:center;padding:38px 22px}.login-card{width:min(100%,430px)}.mobile-brand{display:none;margin-bottom:42px;color:var(--green)}.login-card h2{margin:10px 0 7px;font-size:30px}.login-card>.muted{margin-bottom:27px}.role-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;margin-bottom:24px;border:1px solid var(--line);border-radius:10px;background:#f7f8f6}.role-tab{padding:11px 8px;border:0;border-radius:7px;background:transparent;color:#718078;font-size:12px;font-weight:700}.role-tab.active{background:white;color:var(--green);box-shadow:0 2px 8px #18362c12}.form-stack{display:grid;gap:10px}.form-stack label,.field-label{margin-top:3px;color:#354840;font-size:12px;font-weight:700}.form-stack input,.input{width:100%;height:46px;padding:0 13px;border:1px solid #dfe6e1;border-radius:8px;background:white;color:var(--ink);outline:none}.form-stack input:focus,.input:focus{border-color:#65977d;box-shadow:0 0 0 3px #1c59491a}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:42px;padding:0 17px;border:0;border-radius:8px;font-weight:700;transition:.2s}.button-primary{background:var(--green);color:white}.button-primary:hover{background:var(--green-2);transform:translateY(-1px)}.button-wide{width:100%;margin-top:10px;height:47px}.button-soft{background:#eaf1ec;color:var(--green)}.button-outline{border:1px solid var(--line);background:white;color:var(--ink)}.button-danger{background:#fff0ed;color:#b94d3b}.login-links{display:flex;justify-content:space-between;margin-top:17px}.text-button{padding:0;border:0;background:none;color:var(--green-2);font-size:12px;font-weight:700}.text-button:hover{text-decoration:underline}.demo-note{display:grid;gap:4px;margin-top:30px;padding:14px 16px;border:1px solid #e7eddf;border-radius:9px;background:#fafcf5;color:#526259;font-size:11px}.demo-note strong{color:#344b3e}.demo-note code{font-size:11px;color:var(--green)}.login-foot{margin:32px 0 0;color:#9aa49e;text-align:center;font-size:10px}
.app-layout{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;z-index:5;display:flex;flex-direction:column;width:250px;padding:29px 18px 18px;background:var(--green);color:white}.sidebar .brand{padding:0 9px 38px}.nav-label{padding:0 11px 12px;color:#92b3a5;font-size:9px;font-weight:800;letter-spacing:.16em}.side-nav{display:grid;gap:5px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px;border:0;border-radius:8px;background:transparent;color:#c0d2c9;text-align:left;font-weight:600}.nav-item:hover,.nav-item.active{background:rgba(255,255,255,.12);color:white}.nav-icon{width:19px;text-align:center;font-size:17px}.sidebar-bottom{display:flex;align-items:center;gap:11px;margin-top:auto;padding:14px 10px;border-top:1px solid rgba(255,255,255,.13)}.support-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #719184;border-radius:50%;color:var(--lime);font-weight:800}.sidebar-bottom strong,.sidebar-bottom span{display:block;font-size:11px}.sidebar-bottom span{margin-top:3px;color:#a5bdb2;font-size:10px}.main-area{min-height:100vh;margin-left:250px}.topbar{position:sticky;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;height:72px;padding:0 38px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(12px)}.breadcrumb{color:#84918a;font-size:12px}.breadcrumb span{padding:0 8px;color:#c2cbc5}.breadcrumb strong{color:var(--ink)}.account{display:flex;align-items:center;gap:10px}.avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#e5efe7;color:var(--green);font-weight:800}.account-copy strong,.account-copy span{display:block}.account-copy strong{font-size:11px}.account-copy span{margin-top:3px;color:var(--muted);font-size:10px}.logout{margin-left:10px;color:#77847f}.menu-toggle{display:none}.content-area{max-width:1280px;margin:auto;padding:36px 38px 50px}.app-footer{padding:0 38px 24px;color:#9aa49e;font-size:10px}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:25px}.page-heading h1{margin:7px 0 5px;font-size:27px}.page-heading p{margin:0;color:var(--muted);font-size:12px}.heading-action{display:flex;gap:9px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:25px}.stat-card{padding:18px 19px;border:1px solid var(--line);border-radius:11px;background:white}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#718078;font-size:11px;font-weight:600}.stat-icon{display:grid;place-items:center;width:31px;height:31px;border-radius:9px;background:#eef4ef;color:var(--green);font-size:15px}.stat-value{display:block;margin:14px 0 4px;font-family:Manrope;font-size:26px;font-weight:800;letter-spacing:-.04em}.stat-note{color:#89958e;font-size:10px}.section-card{margin-bottom:18px;padding:21px;border:1px solid var(--line);border-radius:11px;background:white}.section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.section-head h2{margin:0;font-size:16px}.section-head p{margin:4px 0 0;color:var(--muted);font-size:11px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{padding:10px 12px;border-bottom:1px solid var(--line);color:#8a9690;font-size:9px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}td{padding:13px 12px;border-bottom:1px solid #edf0ed;color:#43534b;font-size:11px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.voucher-name{color:#253b31;font-weight:700}.small-muted{margin-top:3px;color:#8b9790;font-size:10px}.badge{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:20px;background:#edf5ef;color:#39704e;font-size:9px;font-weight:700}.badge:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}.badge.pending{background:#fff5e5;color:#b57a1d}.badge.used{background:#eef0f1;color:#748078}.badge.expired{background:#fff0ed;color:#b75043}.table-action{padding:6px 9px;border:1px solid #dce7df;border-radius:6px;background:white;color:var(--green);font-size:10px;font-weight:700}.table-action:hover{background:#edf5ef}.description-editor{display:grid;min-width:180px;gap:6px}.description-editor textarea{min-height:58px;padding:7px;font-size:10px;resize:vertical}.description-editor .table-action{justify-self:start}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.offer-card{overflow:hidden;border:1px solid var(--line);border-radius:12px;background:white}.offer-art{position:relative;display:flex;min-height:132px;flex-direction:column;justify-content:space-between;padding:16px;color:white;background:linear-gradient(135deg,#1d5947,#408465)}.offer-art.gold{background:linear-gradient(135deg,#ad6926,#e2ad54)}.offer-art.blue{background:linear-gradient(135deg,#315974,#5e91a2)}.offer-art.pink{background:linear-gradient(135deg,#843f5c,#d37885)}.offer-art:after{content:"";position:absolute;width:125px;height:125px;right:-24px;bottom:-61px;border:1px solid #ffffff50;border-radius:50%;box-shadow:0 0 0 15px #ffffff14}.offer-merchant{font-size:10px;font-weight:700;opacity:.8}.offer-value{font-family:Manrope;font-size:29px;font-weight:800;letter-spacing:-.05em}.offer-body{padding:14px}.offer-body h3{margin:0 0 5px;font-size:14px}.offer-body p{min-height:31px;margin:0;color:var(--muted);font-size:10px;line-height:1.5}.offer-meta{display:flex;justify-content:space-between;margin:12px 0;color:#839087;font-size:9px}.offer-body .button{width:100%;min-height:36px;font-size:11px}.filters{display:flex;align-items:center;gap:8px}.filters select{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:7px;background:white;color:#58665e;font-size:10px}.voucher-filters{display:grid;grid-template-columns:minmax(220px,1fr) 220px;gap:10px;margin:0 0 18px}.voucher-filters .input{height:40px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:7px}.field label{font-size:11px;font-weight:700;color:#45554d}.field input,.field select,.field textarea{width:100%;padding:10px 11px;border:1px solid #dfe6e1;border-radius:7px;background:white;color:var(--ink);outline:none}.field input,.field select{height:40px}.field textarea{min-height:76px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:#65977d;box-shadow:0 0 0 3px #1c59491a}.field.full{grid-column:1/-1}.create-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.qr-box{display:flex;align-items:center;gap:14px;padding:14px;border:1px dashed #c9d9ce;border-radius:9px;background:#fbfdfb}.qr-pattern{display:grid;grid-template-columns:repeat(5,7px);gap:2px;padding:7px;border:1px solid #d7e2d9;background:white}.qr-pattern i{width:7px;height:7px;background:#244a39}.qr-pattern i:nth-child(3n),.qr-pattern i:nth-child(4n){background:white}.qr-box strong{font-size:11px}.qr-box p{margin:4px 0 0;color:var(--muted);font-size:10px}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-card{padding:22px;border:1px solid var(--line);border-radius:11px;background:white}.profile-card h2{margin:0 0 6px;font-size:16px}.profile-card>p{margin:0 0 18px;color:var(--muted);font-size:11px}.profile-form{display:grid;gap:12px}.empty-state{padding:30px;color:var(--muted);text-align:center;font-size:12px}.notice{padding:12px 14px;border-radius:8px;background:#f2f6ec;color:#52654e;font-size:11px;line-height:1.6}.toast{position:fixed;right:24px;bottom:24px;z-index:10;max-width:min(380px,calc(100vw - 32px));padding:13px 17px;border-radius:9px;background:#173f35;color:white;box-shadow:var(--shadow);font-size:12px;opacity:0;transform:translateY(10px);pointer-events:none;transition:.22s}.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.sidebar{width:220px}.main-area{margin-left:220px}.content-area{padding:28px 24px 40px}.topbar{padding:0 24px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.login-layout{display:block}.login-aside{display:none}.login-main{min-height:100vh;padding:28px 21px}.mobile-brand{display:flex}.login-card h2{font-size:27px}.sidebar{width:260px;transform:translateX(-100%);transition:transform .25s;box-shadow:10px 0 35px #102d2530}.sidebar.open{transform:translateX(0)}.main-area{margin-left:0}.topbar{height:62px;padding:0 17px}.menu-toggle{display:block;margin-right:9px}.breadcrumb{margin-right:auto;font-size:10px}.account-copy,.logout{display:none}.content-area{padding:25px 16px 38px}.app-footer{padding:0 16px 20px;font-size:9px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.heading-action{width:100%}.heading-action .button{flex:1}.stats-grid{gap:9px}.stat-card{padding:14px}.stat-value{font-size:22px}.stat-top{font-size:10px}.stat-note{font-size:9px}.offer-grid{grid-template-columns:1fr 1fr;gap:9px}.offer-art{min-height:112px;padding:12px}.offer-value{font-size:24px}.offer-body{padding:11px}.offer-body h3{font-size:12px}.offer-body p{font-size:9px}.section-card{padding:15px}.section-head{align-items:flex-start;flex-direction:column}.filters{width:100%}.filters select{flex:1}.voucher-filters{grid-template-columns:1fr}.profile-grid{grid-template-columns:1fr}.create-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.table-wrap{margin:0 -4px}.breadcrumb span{padding:0 4px}}
@media(max-width:410px){.offer-grid{grid-template-columns:1fr}.offer-art{min-height:125px}.stats-grid{grid-template-columns:1fr 1fr}.role-tab{font-size:11px}.login-links{font-size:11px}}
.claim-grid{display:grid;gap:12px}.claim-card{display:grid;grid-template-columns:minmax(0,1fr) 150px;align-items:center;gap:16px;padding:16px;border:1px solid #dfe9e1;border-radius:12px;background:linear-gradient(120deg,#fbfdfb,#f2f7f1)}.claim-info h3{margin:7px 0;font-size:16px}.claim-info>strong{color:var(--green-2);font-size:17px}.claim-info p{margin:10px 0 4px;color:#58675f;font-size:11px}.claim-qr{display:grid;justify-items:center;gap:6px;padding:8px;border-radius:10px;background:#fff;color:#65756c;font-size:9px;font-weight:700}.voucher-qr{display:block;width:min(100%,135px);aspect-ratio:1}.claim-qr code{font-size:8px;overflow-wrap:anywhere;color:#77847f;text-align:center}.scanner-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);gap:22px;align-items:start}.scanner-frame{position:relative;display:grid;min-height:280px;place-items:center;overflow:hidden;border-radius:12px;background:#10251f}.scanner-frame video{display:block;width:100%;height:100%;max-height:420px;object-fit:cover}.scanner-placeholder{display:grid;justify-items:center;gap:9px;padding:30px;color:#e9f2eb;text-align:center}.scanner-placeholder span{font-size:42px;color:var(--lime)}.scanner-placeholder small{color:#b6c9bd}.scanner-controls{display:grid;align-content:start;gap:10px}.scanner-controls .button{width:100%}.scanner-controls .small-muted{margin:0;line-height:1.5}.scan-message{min-height:54px;padding:12px;border:1px solid var(--line);border-radius:8px;background:#f8faf8;color:#526259;font-size:11px;line-height:1.5}.qr-error{padding:12px;color:#b94d3b;font-size:11px}
@media(max-width:760px){.claim-card{grid-template-columns:minmax(0,1fr) 120px;gap:10px;padding:12px}.claim-qr{padding:5px}.voucher-qr{width:min(100%,110px)}.scanner-layout{grid-template-columns:1fr}.scanner-frame{min-height:230px}.scanner-frame video{max-height:340px}}
@media(max-width:410px){.claim-card{grid-template-columns:1fr}.claim-qr{grid-row:1;justify-self:center;width:145px}.claim-info{text-align:center}.claim-info .eyebrow{margin-top:5px}}