:root{--ink:#20231f;--sage:#496456;--paper:#f5f2ec;--line:#e4e0d8;--muted:#777d75;--success:#2f7650;--danger:#a24444}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;overflow-wrap:anywhere}.login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 65% 20%,#dfe7df,transparent 34%),var(--paper)}.login form{width:min(420px,90vw);padding:48px;border:1px solid var(--line);border-radius:28px;background:rgba(255,255,255,.92);box-shadow:0 24px 80px #3442381a}.brand{font:700 28px Georgia,serif}.brand span{margin-left:7px;color:#90ad9b;font:12px sans-serif;letter-spacing:3px}.login h1{margin:34px 0 8px}.login p,.muted{color:var(--muted)}.login input{width:100%;height:48px;margin:22px 0 12px;padding:0 16px;border:1px solid var(--line);border-radius:12px}.login button,.save{width:100%;height:48px;border:0;border-radius:24px;background:var(--sage);color:white}.shell{min-height:100vh;display:grid;grid-template-columns:230px 1fr}aside{position:sticky;top:0;height:100vh;padding:30px 20px;background:#202b25;color:white;display:flex;flex-direction:column}aside nav{margin-top:36px;display:grid;gap:5px;overflow:auto}aside nav button,.logout{padding:11px 14px;border:0;border-radius:12px;background:transparent;color:#b9c4bd;text-align:left}aside nav button.active{background:#ffffff18;color:white}.logout{margin-top:auto}main{min-width:0;padding:36px 42px}header{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}header small{color:var(--sage);letter-spacing:3px}header h1{margin:7px 0 0;font:700 34px Georgia,"Songti SC",serif}header button,.toolbar button{padding:11px 20px;border:1px solid var(--line);border-radius:22px;background:white}.page{display:none}.page.active{display:block}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:14px}.metric,article,.table-wrap,.ticket{border:1px solid var(--line);border-radius:20px;background:white}.metric{padding:20px}.metric span{color:var(--muted);font-size:13px}.metric strong{display:block;margin-top:10px;font:700 27px Georgia,serif}.columns{margin-top:20px;display:grid;grid-template-columns:1.35fr 1fr;gap:20px}article{padding:25px}article h2{margin:0 0 20px;font-size:18px}.product-stat{display:grid;grid-template-columns:1fr 130px 70px 70px;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.bar-row{display:grid;grid-template-columns:42px 1fr 38px;gap:10px;align-items:center;margin:13px 0}.bar{height:9px;border-radius:8px;background:#edf0ec;overflow:hidden}.bar i{display:block;height:100%;background:var(--sage)}.profile-title{margin-top:34px!important}.profile-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.profile-grid div{padding:13px;border-radius:12px;background:var(--paper);font-size:13px}.toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px;color:var(--muted)}.toolbar button{background:var(--sage);color:white;border:0}.filters{display:flex;gap:10px;align-items:center;margin-bottom:16px}.filters input,.filters select{min-width:160px;padding:11px 13px;border:1px solid var(--line);border-radius:12px;background:white}.filters input:first-child{min-width:280px}.filters button{padding:11px 22px;border:0;border-radius:12px;background:var(--sage);color:white}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:15px;border-bottom:1px solid var(--line);font-size:13px;text-align:left;vertical-align:top}th{color:var(--muted);font-weight:500;white-space:nowrap}tr:last-child td{border-bottom:0}td small{color:var(--muted);line-height:1.8}.empty{text-align:center;color:var(--muted);padding:48px}.thumb{width:50px;height:62px;border-radius:9px;object-fit:cover;background:var(--paper);vertical-align:middle;margin-right:10px}.link{border:0;background:transparent;color:var(--sage);padding:4px}.link:hover{text-decoration:underline}select.status{padding:8px;border:1px solid var(--line);border-radius:9px;background:white}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#eef0ed;color:#536057;font-size:12px;white-space:nowrap}.badge.completed,.badge.paid{background:#e2f1e6;color:var(--success)}.badge.failed,.badge.refunded{background:#f7e5e3;color:var(--danger)}.badge.pending,.badge.pending_payment,.badge.processing{background:#f6efdc;color:#8a681e}.positive{color:var(--success)}.danger{color:var(--danger)!important}.notice{margin-bottom:16px;padding:13px 16px;border-radius:12px;background:#ede8dd;color:#675f50;font-size:13px}.subsection{margin-top:22px}.table-wrap.flat{border:0;border-radius:0}.pager{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;color:var(--muted);font-size:13px}.pager button{padding:8px 13px;border:1px solid var(--line);border-radius:10px;background:white}.ticket-list{display:grid;gap:14px}.ticket{padding:22px}.ticket-head{display:flex;justify-content:space-between}.ticket p{line-height:1.7}.ticket textarea{width:100%;height:80px;padding:12px;border:1px solid var(--line);border-radius:10px}.ticket button{margin-top:10px;padding:9px 18px;border:0;border-radius:18px;background:var(--sage);color:white}.error{margin-bottom:18px;padding:14px;border-radius:12px;background:#f8e3e3;color:#9b4040}.error:not(.hidden){display:block}dialog{width:min(820px,92vw);max-height:88vh;overflow:auto;border:0;border-radius:24px;padding:0;box-shadow:0 30px 100px #0003}dialog::backdrop{background:#17201999}#productForm,.dialog-body{padding:30px}.dialog-head{display:flex;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;background:transparent;font-size:28px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:24px 0}.form-grid label{display:grid;gap:7px;color:var(--muted);font-size:13px}.form-grid input,.form-grid select,.form-grid textarea{width:100%;padding:11px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink)}.form-grid textarea{min-height:80px;resize:vertical}.wide{grid-column:1/-1}.check{display:flex!important;grid-column:1/-1;align-items:center}.check input{width:auto}.save{width:180px}.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0}.detail-grid div{display:grid;gap:6px;padding:15px;border-radius:13px;background:var(--paper)}.detail-grid span{font-size:12px;color:var(--muted)}.mini-list{display:grid;gap:8px}.mini-list div{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid var(--line)}@media(max-width:900px){.shell{grid-template-columns:1fr}aside{position:static;height:auto}aside nav{margin-top:24px;display:flex;overflow:auto}.logout{display:none}main{padding:24px}.metrics{grid-template-columns:repeat(2,1fr)}.columns{grid-template-columns:1fr}.filters{align-items:stretch;overflow:auto}.filters input:first-child{min-width:220px}.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.detail-grid{grid-template-columns:1fr 1fr}}