:root{--bg:#f5f7fa;--ink:#101a2e;--muted:#637086;--accent:#b9ef58;--accent-dark:#24410a;--line:#e4e9ef;--white:#fff;--bad:#b33431;--good:#186a45;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);font:15px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,Arial,sans-serif;color:var(--ink)}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.48;cursor:not-allowed}.container{max-width:1120px;margin:0 auto;padding:20px 18px 92px}.topbar{background:var(--ink);color:white}.barinner{max-width:1120px;margin:auto;padding:15px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;text-decoration:none}.mark{background:var(--accent);border-radius:11px;color:var(--ink);font-weight:950;letter-spacing:-1.4px;padding:9px 10px;font-size:19px}.brandname{font-size:22px;font-weight:900;letter-spacing:-1.2px}.brandname span{color:var(--accent);font-size:13px;letter-spacing:0;border:1px solid #8aab4a;border-radius:5px;padding:2px 4px;vertical-align:middle}.subtitle{font-size:12px;color:#b5bfd0}.chip{display:inline-block;border-radius:999px;padding:5px 10px;font-size:12px;background:#e8edf3;color:#293346;font-weight:650}.chip.open{background:#dff7e7;color:#11683c}.chip.closed{background:#fff0ef;color:#a32b23}.hero{background:#101a2e;color:white;border-radius:22px;padding:26px;margin-top:18px;position:relative;overflow:hidden}.hero:after{content:'ING';position:absolute;right:-11px;top:-41px;font-size:125px;font-weight:1000;color:#1e2c42;pointer-events:none}.hero h1{font-size:clamp(25px,4vw,43px);max-width:550px;line-height:1.12;margin:12px 0}.hero p{max-width:480px;color:#c4cede}.hero .pill{color:#152219;background:var(--accent);display:inline-block;border-radius:999px;padding:5px 11px;font-weight:800;font-size:12px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.two{display:grid;grid-template-columns:1.5fr 1fr;gap:16px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:24px 0 12px}.sectionhead h2{font-size:20px;margin:0}.muted{color:var(--muted)}.small{font-size:12px}.hint{background:#ecf7dc;color:#344922;border-radius:12px;padding:12px;font-size:13px}.danger-note{background:#fff0ee;color:#8f2926;border-radius:12px;padding:12px;font-size:13px}.btn{border:0;border-radius:12px;background:var(--ink);color:white;padding:11px 16px;font-weight:800}.btn.lime{background:var(--accent);color:var(--ink)}.btn.outline{background:#fff;border:1px solid var(--line);color:var(--ink)}.btn.red{background:#fff0ef;color:#8b2e2c}.btn.sm{font-size:12px;padding:7px 10px;border-radius:9px}.btn.wide{width:100%}input,select,textarea{border:1px solid #cbd4df;background:white;border-radius:10px;padding:10px;min-width:0;width:100%;outline:none;color:var(--ink)}input:focus,select:focus,textarea:focus{border-color:#718b38;box-shadow:0 0 0 3px #b9ef5860}label{font-size:13px;font-weight:650;display:block;margin-bottom:5px}form{display:grid;gap:12px}.row{display:flex;align-items:center;justify-content:space-between;gap:12px}.row.wrap{flex-wrap:wrap}.money{font-size:24px;font-weight:900;letter-spacing:-.7px}.productgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.prod{display:flex;flex-direction:column;gap:7px}.prod h3{margin:0;font-size:15px}.prod strong{font-size:18px}.prod .btn{margin-top:auto}.stack{display:grid;gap:12px}.divider{height:1px;background:var(--line);margin:12px 0}.nav{display:flex;gap:6px;overflow:auto;padding:10px 0}.nav button{flex:0 0 auto;border:0;border-radius:12px;padding:11px 15px;background:#e9edf1;font-weight:750}.nav button.active{background:var(--ink);color:white}.panel{display:none}.panel.active{display:block}.tablewrap{overflow:auto}.table{width:100%;border-collapse:collapse;font-size:13px}.table td,.table th{padding:12px 8px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}.table th{color:var(--muted);font-weight:700}.table td:last-child{text-align:right}.table th:last-child{text-align:right}.tag{font-size:11px;font-weight:750;padding:4px 7px;border-radius:7px;background:#e8edf2;white-space:nowrap}.tag.success,.tag.completed{color:var(--good);background:#daf4e6}.tag.pending,.tag.queued,.tag.new{background:#fff2d6;color:#7e5715}.tag.failed,.tag.cancelled{background:#ffe4e1;color:#9b2923}.orderrow{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.orderrow:last-child{border:0}.statline{font-size:13px;color:var(--muted)}.checkout{position:sticky;bottom:0;background:white;border-top:1px solid var(--line);padding:13px 18px;box-shadow:0 -4px 14px #101a2e12}.checkoutinner{max-width:1090px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.footer{padding:30px;text-align:center;color:var(--muted);font-size:12px}.logo-large{font-size:32px;font-weight:950;letter-spacing:-1.5px}.checkboxline{display:flex;gap:10px;align-items:center;font-size:13px}.checkboxline input{width:auto}.notice{padding:12px;border-radius:12px;font-size:13px;background:#e4ecf7}.toast{position:fixed;top:18px;right:18px;max-width:min(360px,90vw);padding:14px 18px;border-radius:12px;z-index:2000;background:var(--ink);color:white;box-shadow:0 8px 30px #0003;display:none}.toast.error{background:#962a2a}.toggle{display:flex;align-items:center;gap:8px}.toggle input{width:auto}.formcols{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpibox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.kpibox .label{font-size:12px;color:var(--muted)}.kpibox .value{font-size:25px;font-weight:900}.ownerhead{display:flex;justify-content:space-between;align-items:center;gap:10px}.barinner .btn{color:var(--ink)}.empty{text-align:center;color:var(--muted);padding:30px 12px}.full{grid-column:1/-1}@media(max-width:840px){.cards,.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.productgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.two{grid-template-columns:1fr}}@media(max-width:520px){.container{padding:16px 12px 94px}.productgrid,.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding:21px}.hero:after{font-size:95px;top:-10px}.cards .card{padding:14px}.money{font-size:19px}.formcols{grid-template-columns:1fr}.productgrid .card{padding:13px}.barinner{padding:12px}.brandname{font-size:19px}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.kpibox{padding:12px}.kpibox .value{font-size:19px}}