:root{--bg:#f5f6f2;--line:#e3e6dc;--ink:#22271e;--muted:#77806d;--yellow:#ffda00}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.45}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #d7b900;outline-offset:3px}[hidden]{display:none!important}.logo{font-size:19px;font-weight:800;letter-spacing:-.6px;display:block}.logo span{display:block;font-size:8px;letter-spacing:3px;color:#9da78f;margin-top:7px;font-weight:500}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:35px;padding:25px;background:#151814}.login-screen>.logo{color:#fff}.login-card{width:440px;max-width:100%;background:#fff;padding:40px;border-radius:10px}.kicker{font-size:9px;letter-spacing:1.6px;color:#8a947e}.login-card h1{font-size:31px;letter-spacing:-1px;font-weight:500;margin:18px 0}.login-card>p{font-size:13px;line-height:1.8;color:#7b866e}.primary{background:var(--yellow);color:#1a1d15;border:1px solid #edcb00;padding:13px 20px;border-radius:5px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:15px;font-size:12px;font-weight:600}.login-card .primary{display:flex;width:100%;margin-top:25px}.login-card .back{display:block;margin-top:25px;font-size:12px;color:#8d9782}.login-card #previewLink{display:block;font-size:12px;border-bottom:1px solid #bec6b3;padding:12px 0}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;background:#171c15;color:#e6eddd;padding:35px 23px;display:flex;flex-direction:column}.nav-label{font-size:8px;letter-spacing:1.5px;color:#82926d;margin:45px 0 18px}.sidebar nav{display:grid;gap:7px}.sidebar nav button{background:none;border:0;border-radius:5px;text-align:left;padding:14px 12px;font-size:12px;color:#aebc9e;min-height:44px}.sidebar nav button.active{background:#ffda00;color:#202719}.store-link{margin-top:auto;padding-top:35px;color:#c2ceb4;font-size:12px}.logout{margin-top:20px;font-size:11px;color:#8d9f7a}main{margin-left:230px;padding:35px 35px 70px;max-width:1700px}header{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:25px}h1{font-size:27px;font-weight:500;letter-spacing:-1px;margin:10px 0}h2{font-size:19px;font-weight:500;letter-spacing:-.3px;margin:0 0 20px}h3{font-size:14px;font-weight:500}.identity{text-align:right;display:grid;gap:9px}.identity>span{font-size:10px;background:#e5eadd;padding:7px 10px;border-radius:20px}.identity small{font-size:10px;color:#879775}.banner{background:#fff6c8;border:1px solid #f0db7f;color:#6d6023;padding:15px 20px;display:flex;gap:15px;line-height:1.7;align-items:center;font-size:11px;margin-bottom:25px;border-radius:6px}.banner strong{white-space:nowrap}.actions{display:flex;align-items:center;gap:15px;margin-bottom:25px}.actions button,.secondary{background:#fff;border:1px solid #d8dfcf;padding:10px 15px;border-radius:5px;font-size:11px;min-height:40px}.actions>span{font-size:11px;color:#879576}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.stat,.panel{border:1px solid var(--line);background:#fff;border-radius:7px;padding:22px}.stat span{display:block;font-size:11px;color:#879575;line-height:1.7}.stat strong{font-size:27px;font-weight:500;letter-spacing:-1px;display:block;margin:17px 0 10px}.stat small{font-size:9px;color:#94a184;line-height:1.7}.panel{margin-top:25px}.panel p,.panel li{font-size:12px;line-height:1.9;color:#7c8c69}.panel li{margin-bottom:8px}.panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel .primary{margin-top:15px}.tag{font-size:10px;background:#f4f1e0;padding:5px 8px;border-radius:4px;color:#857144;white-space:nowrap}.tag.ok{background:#eaf1df;color:#4a6b2b}.tag.warn{background:#fff0d6;color:#95702b}.table-toolbar{display:flex;justify-content:space-between;gap:15px;align-items:center;flex-wrap:wrap;margin-bottom:20px}.table-toolbar input,.table-toolbar select{min-height:43px;padding:10px 12px;border:1px solid #dce2d3;background:white;border-radius:4px;font-size:12px}.table-toolbar input{min-width:230px;flex:1}.table-toolbar .count{font-size:11px;color:#93a080}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:7px}table{width:100%;border-collapse:collapse;font-size:11px;text-align:left}th{background:#f7f8f3;font-size:10px;font-weight:500;letter-spacing:.3px;color:#7e8e6c;padding:16px 13px;white-space:nowrap}td{padding:17px 13px;border-top:1px solid #eef0e8;line-height:1.6;vertical-align:middle}td.name{min-width:260px;max-width:360px;font-size:11px}td small{display:block;color:#99a58b;font-size:10px}.row-actions{display:flex;gap:7px}.row-actions button{border:1px solid #e0e5d7;background:white;min-height:36px;padding:7px 10px;font-size:10px;border-radius:3px;white-space:nowrap}.pagination{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:25px;font-size:11px}.pagination button{background:white;border:1px solid #dce3d2;border-radius:4px;padding:10px 15px;min-height:40px}.empty{padding:40px;text-align:center;background:#fff;border:1px dashed #d8e0cd;border-radius:7px;color:#879a72;font-size:12px;line-height:1.8}.page-intro{font-size:12px;color:#7b8e66;line-height:1.9;margin:0 0 25px}.finance-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:20px}dialog{border:0;border-radius:8px;max-width:94vw;width:610px;max-height:90vh;padding:30px;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#16200f77;backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:15px}.dialog-heading button{background:none;border:0;font-size:20px;width:36px;height:36px}form label{display:grid;gap:8px;font-size:11px;color:#6f845a;margin-bottom:18px}form input,form select,form textarea{padding:12px;border:1px solid #d6e0cb;border-radius:4px;min-height:44px;background:white;width:100%;font-size:13px}form input[type=checkbox]{width:18px;min-height:18px;margin:0}form .check{display:flex;align-items:start;gap:12px;line-height:1.7}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-note{font-size:11px;line-height:1.8;background:#f7f8f1;padding:14px;color:#8c9c7c}.form-error{color:#aa4630;line-height:1.8;font-size:12px;margin:15px 0}.form-footer{display:flex;justify-content:flex-end;gap:15px;margin-top:25px}.sale-line{background:#f5f7ef;padding:15px;margin:15px 0;border-radius:5px}.sale-line>button{background:none;border:0;text-decoration:underline;font-size:11px;color:#8b7959}.notice{position:fixed;bottom:25px;right:25px;background:#1c2813;color:#ecf4e3;padding:17px 22px;font-size:12px;border-radius:5px;z-index:50;max-width:calc(100vw - 40px);opacity:0;pointer-events:none;transition:opacity .2s}.notice.visible{opacity:1}.exports{display:flex;gap:12px;flex-wrap:wrap}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.billing-grid .panel{margin-top:0}.critical{border-left:3px solid #e6c400;padding:15px 20px;background:#fffdf0;font-size:12px;line-height:1.8}.busy{opacity:.55;pointer-events:none}@media(max-width:1050px){.stats{grid-template-columns:1fr 1fr}.sidebar{width:200px;padding:25px 17px}main{margin-left:200px;padding:25px}.panel-grid,.billing-grid{grid-template-columns:1fr}}@media(max-width:700px){.sidebar{position:static;width:auto;padding:20px}.sidebar .logo{font-size:17px}.nav-label{margin:20px 0 10px}.sidebar nav{display:flex;overflow:auto;gap:7px}.sidebar nav button{white-space:nowrap;padding:12px 15px}.store-link{margin-top:15px;padding:0}.logout{margin-top:10px}.sidebar nav button.active{border-radius:3px}main{margin-left:0;padding:25px 18px}header{display:block}.identity{text-align:left;display:flex;align-items:center;flex-wrap:wrap;margin:15px 0}.banner{display:block;font-size:11px}.banner strong{display:block;margin-bottom:8px}.stats{gap:10px}.stat{padding:16px}.stat strong{font-size:23px}.stat span{font-size:10px}.stat small{font-size:9px}.panel{padding:20px}.form-grid{grid-template-columns:1fr}.login-card{padding:30px}.table-toolbar input{min-width:100%;width:100%}dialog{padding:25px 20px}.page-intro{font-size:12px}h1{font-size:25px}}
/* Shared store / administration theme */
.header-tools{display:flex;align-items:flex-start;gap:22px}.admin-theme-toggle{display:flex;align-items:center;justify-content:center;gap:8px;min-width:64px;min-height:44px;padding:4px;background:none;border:0;color:#727272;flex-shrink:0}.theme-icon{font-size:17px;line-height:1;width:18px}.theme-track{display:block;position:relative;width:32px;height:19px;border-radius:20px;background:#dedede;border:1px solid #ccc}.theme-thumb{position:absolute;left:2px;top:2px;width:13px;height:13px;background:#fff;border-radius:50%;box-shadow:0 1px 3px #0002;transition:transform .56s cubic-bezier(.22,1,.36,1)}.admin-theme-toggle[aria-checked=true] .theme-track{background:#ffda00;border-color:#ffda00}.admin-theme-toggle[aria-checked=true] .theme-thumb{transform:translateX(13px);background:#181818}.login-card{position:relative}.login-theme{position:absolute;right:15px;top:12px}.login-card>.kicker{display:block;padding-top:18px;padding-right:55px}
html[data-theme=dark]{color-scheme:dark;--bg:#111;--line:#353535;--ink:#eee;--muted:#aaa;--yellow:#ffda00;background:#111}html[data-theme=dark] body{background:#111;color:#eee}html[data-theme=dark] .sidebar,html[data-theme=dark] .login-screen{background:#090909}html[data-theme=dark] .logo span,html[data-theme=dark] .nav-label,html[data-theme=dark] .logout{color:#aaa}html[data-theme=dark] .sidebar nav button,html[data-theme=dark] .store-link{color:#ccc}html[data-theme=dark] .sidebar nav button.active{background:#ffda00;color:#161616}html[data-theme=dark] .login-card,html[data-theme=dark] .stat,html[data-theme=dark] .panel,html[data-theme=dark] .table-wrap,html[data-theme=dark] dialog,html[data-theme=dark] .empty{background:#1c1c1c;color:#eee;border-color:#393939}html[data-theme=dark] .login-card>p,html[data-theme=dark] .login-card .back,html[data-theme=dark] .page-intro,html[data-theme=dark] .panel p,html[data-theme=dark] .panel li,html[data-theme=dark] .stat span,html[data-theme=dark] .stat small,html[data-theme=dark] .actions>span,html[data-theme=dark] .table-toolbar .count,html[data-theme=dark] .identity small,html[data-theme=dark] .kicker,html[data-theme=dark] td small,html[data-theme=dark] .empty{color:#b3b3b3}html[data-theme=dark] .identity>span{background:#303030;color:#eee}html[data-theme=dark] .banner{background:#302b10;border-color:#6c5e14;color:#f1df8f}html[data-theme=dark] .primary{background:#ffda00;border-color:#ffda00;color:#141414}html[data-theme=dark] .primary:hover{background:#ffe443}html[data-theme=dark] .actions button,html[data-theme=dark] .secondary,html[data-theme=dark] .row-actions button,html[data-theme=dark] .pagination button{background:#282828;border-color:#454545;color:#eee}html[data-theme=dark] .table-toolbar input,html[data-theme=dark] .table-toolbar select,html[data-theme=dark] form input,html[data-theme=dark] form select,html[data-theme=dark] form textarea{background:#252525;color:#eee;border-color:#484848}html[data-theme=dark] input::placeholder,html[data-theme=dark] textarea::placeholder{color:#aaa}html[data-theme=dark] th{background:#252525;color:#bcbcbc}html[data-theme=dark] td{border-color:#333}html[data-theme=dark] .tag{background:#353126;color:#ead8aa}html[data-theme=dark] .tag.ok{background:#29302a;color:#cee0ce}html[data-theme=dark] .tag.warn{background:#3b2f17;color:#efcb85}html[data-theme=dark] .critical{background:#2b2817;color:#ece3ac;border-color:#ffda00}html[data-theme=dark] form label{color:#ccc}html[data-theme=dark] .form-note,html[data-theme=dark] .sale-line{background:#282828;color:#bdbdbd}html[data-theme=dark] .sale-line>button{color:#ddc77c}html[data-theme=dark] .form-error{color:#ffad99}html[data-theme=dark] .notice{background:#ffda00;color:#151515}html[data-theme=dark] .admin-theme-toggle{color:#ddd}html[data-theme=dark] dialog::backdrop{background:#0009}html.theme-transition,html.theme-transition body,html.theme-transition body :where(main,aside,header,section,nav,div,h1,h2,h3,p,a,button,span,strong,small,label,input,select,textarea,table,thead,tbody,tr,td,th,dialog){transition:background-color .72s cubic-bezier(.22,1,.36,1),color .64s ease,border-color .72s ease,box-shadow .72s ease}html.theme-transition .theme-thumb{transition:transform .56s cubic-bezier(.22,1,.36,1),background-color .65s ease}.stat strong{overflow-wrap:anywhere}@media(max-width:700px){.header-tools{justify-content:space-between;align-items:center;flex-direction:row-reverse;gap:15px}.header-tools .identity{flex:1}.admin-theme-toggle{min-width:64px}.login-theme{right:12px;top:8px}}@media(prefers-reduced-motion:reduce){html.theme-transition,html.theme-transition *,.theme-thumb{transition:none!important;animation:none!important}}
.sidebar .sidebar-theme{display:flex;width:100%;justify-content:flex-start;gap:10px;margin-top:28px;padding:10px 12px;min-height:48px;border:1px solid #555;border-radius:6px;background:#242424;color:#fff}.sidebar-theme .theme-label{font-size:12px;flex:1;text-align:left;white-space:nowrap}.sidebar-theme .theme-track{flex-shrink:0}.sidebar .sidebar-theme+.nav-label{margin-top:28px}.header-tools>.admin-theme-toggle{display:none}@media(max-width:700px){.sidebar .sidebar-theme{margin-top:18px;max-width:230px}.sidebar .sidebar-theme+.nav-label{margin-top:20px}}
