:root{--navy:#102c42;--ink:#1b2f3e;--muted:#667782;--line:#dae1e0;--paper:#f5f6f2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px 'DM Sans',sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8db4d2;outline-offset:2px}[hidden]{display:none!important}.admin-layout{min-height:100vh}.admin-sidebar{background:var(--navy);color:#e7efef;padding:22px;display:flex;flex-direction:column;gap:28px}.admin-brand{display:flex;align-items:center;gap:12px;font:800 21px 'Manrope',sans-serif;letter-spacing:.06em}.admin-brand>span{display:flex;flex-direction:column;line-height:1}.admin-brand small{font-size:8px;letter-spacing:.23em;margin-top:5px;color:#adc2c9}.admin-sidebar nav{display:flex;gap:5px;overflow:auto}.admin-nav{border:0;background:transparent;color:#bdd0d6;padding:11px 14px;white-space:nowrap;text-align:left;font-weight:700}.admin-nav.active,.admin-nav:hover{background:#2b4c62;color:#fff}.sidebar-bottom{display:none}.admin-main{padding:28px 20px 70px;max-width:1400px;margin:auto}.admin-top{display:flex;justify-content:space-between;align-items:end;gap:18px;padding-bottom:25px;border-bottom:1px solid var(--line)}.admin-top p,.dialog-head p{margin:0 0 9px;color:#6d827f;letter-spacing:.15em;font:800 10px 'Manrope',sans-serif}.admin-top h1{margin:0;font:800 clamp(30px,5vw,45px) 'Manrope',sans-serif;letter-spacing:-.055em}.admin-top button,.dialog-actions button,#close-product{border:1px solid #bfcac8;background:transparent;padding:9px 14px;color:var(--ink);font-weight:700}.admin-top button:hover,.dialog-actions button:hover{background:#e5ece9}#admin-alert{min-height:24px;color:#a34f3b;font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat-grid>div{padding:23px;background:#fff;border:1px solid var(--line);min-height:128px}.stat-grid span{display:block;color:var(--muted);font-size:13px}.stat-grid strong{display:block;margin-top:16px;font:800 40px 'Manrope',sans-serif;letter-spacing:-.06em}.overview-note{margin-top:20px;padding:28px;background:#e5eee9}.overview-note h2,.panel-heading h2{font:800 23px 'Manrope',sans-serif;letter-spacing:-.045em;margin:0 0 7px}.overview-note p,.panel-heading p{color:var(--muted);line-height:1.6;margin:0}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:12px 0 22px}.primary-small{border:0;background:var(--navy);color:#fff;font-weight:800;padding:12px 17px;white-space:nowrap}.primary-small:hover{background:#315b74}.table-wrap{overflow:auto;background:#fff;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;text-align:left;min-width:640px}th,td{padding:15px 17px;border-bottom:1px solid #e7ece9;vertical-align:top}th{color:#7d8a89;font-size:11px;letter-spacing:.08em;text-transform:uppercase;background:#fafbf9}td{font-size:13px}td strong{display:block;color:var(--ink)}td small{color:#879391}.tag{display:inline-block;padding:4px 8px;background:#edf2ee;color:#526f61;font-size:11px;font-weight:800}.tag.demo{background:#f3eadf;color:#9a7359}.row-action{border:0;background:none;color:#315a70;font-size:12px;font-weight:800;text-decoration:underline}.record-list{display:grid;gap:14px}.record{background:#fff;border:1px solid var(--line);padding:21px}.record-top{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap}.record h3{margin:0 0 4px;font:800 18px 'Manrope',sans-serif}.record p{color:#64737b;font-size:13px;line-height:1.55;margin:10px 0}.record small{color:#869393}.record select{padding:8px;border:1px solid #c9d4d0;background:#fff;min-width:160px}.record-detail{margin-top:15px;border-top:1px solid var(--line);padding-top:12px}.record-detail div{padding:5px 0;font-size:13px}.empty{padding:30px;background:#fff;color:var(--muted)}dialog{width:min(calc(100% - 20px),620px);max-height:90vh;border:0;padding:0;background:#fff;color:var(--ink);box-shadow:0 20px 70px #10263766}dialog::backdrop{background:#081f2ac2}#product-form{padding:25px}.dialog-head{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:20px}.dialog-head h2{margin:0;font:800 27px 'Manrope',sans-serif;letter-spacing:-.05em}#close-product{font-size:22px;padding:5px 12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:block;font-size:12px;font-weight:800}.form-grid .wide{grid-column:1/-1}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #cbd6d2;background:#fbfcfa;padding:10px;font-size:15px;color:var(--ink)}.form-grid small{display:block;color:#81908a;font-weight:400;line-height:1.4;margin-top:5px}.check-label{display:flex!important;align-items:center;gap:9px}.check-label input{width:18px;height:18px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.dialog-actions .primary-small{color:#fff;border:0}#product-error{min-height:18px;margin:12px 0 0;color:#a34f3b;font-size:12px}
@media(min-width:850px){.admin-layout{display:grid;grid-template-columns:235px 1fr}.admin-sidebar{min-height:100vh;position:sticky;top:0;height:100vh;padding:29px 20px}.admin-sidebar nav{display:flex;flex-direction:column;gap:4px;overflow:visible}.admin-nav{padding:13px 15px}.sidebar-bottom{display:flex;flex-direction:column;gap:12px;margin-top:auto;color:#bdd0d6;font-size:12px;overflow-wrap:anywhere}.admin-main{width:100%;padding:42px 42px 90px}.stat-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:480px){.form-grid{grid-template-columns:1fr}.panel-heading{align-items:start;flex-direction:column}.admin-top button{font-size:12px}.stat-grid>div{padding:16px;min-height:105px}.stat-grid strong{font-size:31px}}