*{box-sizing:border-box}
:root{--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--accent:#2563eb}
body{margin:0;background:#f6f8fb;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}
.admin-header{height:68px;padding:0 max(20px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}
.admin-brand{display:flex;align-items:center;gap:9px;text-decoration:none;font-weight:850}.admin-brand img{width:34px;height:34px}
.admin-header nav{display:flex;gap:18px}.admin-header nav a{font-size:14px;color:#475569;text-decoration:none;font-weight:700}
.admin-main{max-width:1180px;margin:30px auto;padding:0 20px 60px}
.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:24px;margin-bottom:20px;box-shadow:0 7px 25px rgba(15,23,42,.04)}
.panel-head{display:flex;justify-content:space-between;align-items:start;gap:20px;margin-bottom:20px}.panel h1,.panel h2{margin:0 0 5px;letter-spacing:-.025em}.panel h1{font-size:25px}.panel h2{font-size:21px}.panel-head p{margin:0;color:var(--muted)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.form-grid .full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:7px;font-size:14px;font-weight:750}
label small{font-weight:400;color:var(--muted)}
input,textarea{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:11px 12px;font:inherit;color:var(--ink);background:#fff;outline:0}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.12)}
input[type=color]{height:43px;padding:4px}
.toggle-label{flex-direction:row;align-items:center;align-self:end;padding-bottom:11px}.toggle-label input{width:18px;height:18px}
.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:10px;padding:11px 16px;font:inherit;font-weight:800;cursor:pointer;text-decoration:none}
.primary-button{background:var(--accent);color:#fff}.secondary-button{background:#eef2f7;color:#334155}
.alert{border-radius:12px;padding:13px 15px;margin-bottom:18px;font-weight:700}.alert.success{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.alert.error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:740px}th,td{text-align:left;padding:13px 12px;border-top:1px solid var(--line);font-size:14px}th{color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.empty-cell{text-align:center;color:var(--muted);padding:35px}
.status{display:inline-block;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:850}.status.on{background:#dcfce7;color:#166534}.status.off{background:#f1f5f9;color:#64748b}
.actions{display:flex;align-items:center;gap:13px}.actions a,.actions button{border:0;background:none;padding:0;font:inherit;color:var(--accent);cursor:pointer;text-decoration:none}.actions button{color:#dc2626}.actions form{display:inline}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top,#dbeafe,#f8fafc 52%)}
.auth-card{width:min(100%,430px);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 25px 70px rgba(15,23,42,.13);text-align:center}.auth-card h1{margin:16px 0 7px;font-size:25px}.auth-card>p{color:var(--muted);line-height:1.5;margin:0 0 22px}.auth-card form{text-align:left;display:grid;gap:15px}.auth-card .primary-button{width:100%;margin-top:4px}.back-link{display:block;margin-top:18px;color:var(--muted);font-size:13px;text-decoration:none}
@media(max-width:650px){.admin-header{padding:0 14px}.admin-header nav a:first-child{display:none}.admin-main{padding:0 12px 45px;margin-top:16px}.panel{padding:18px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.panel-head{flex-direction:column}.secondary-button{width:100%}}
.admin-search-wrap {
    margin-bottom: 18px;
}

.admin-search-wrap input {
    width: 100%;
    max-width: 520px;
    padding: 12px 15px;
    border: 1px solid #cbd5e1;
    border-radius: 10px;
    font-size: 15px;
    background: #ffffff;
}

.admin-search-wrap input:focus {
    outline: none;
    border-color: #2563eb;
    box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.12);
}
.brand-order-input {
    width: 130px;
    max-width: 100%;
    font-weight: 800;
    text-align: center;
}

/* ===== FINAL PRO POLISH — shared admin ===== */
:root{--admin-surface:#fff;--admin-bg:#f5f7fb;--admin-shadow:0 10px 30px rgba(15,23,42,.055)}
body{background:var(--admin-bg);-webkit-font-smoothing:antialiased}
.panel{border-color:#dfe6ef;border-radius:15px;box-shadow:var(--admin-shadow)}
.panel h1,.panel h2{text-wrap:balance}
input,textarea,select{transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.primary-button,.secondary-button{min-height:40px;transition:transform .14s ease,filter .14s ease,box-shadow .14s ease}
.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}
.primary-button{box-shadow:0 7px 16px rgba(37,99,235,.16)}
.table-wrap{border-radius:10px}
table tbody tr{transition:background .12s ease}
table tbody tr:hover{background:#f8fafc}
th{font-weight:850}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid rgba(37,99,235,.16);outline-offset:2px}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}