*{box-sizing:border-box}html,body{margin:0;padding:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#0c0e13;color:#eef2ff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}
:root{--panel:#141826;--panel-2:#1b2030;--line:rgba(255,255,255,.08);--accent:#ff6b00;--accent-2:#ff8f3d;--text:#eef2ff;--muted:#93a0c3;--danger:#d55454;--success:#2cc98d}
.admin-login-page{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1a2035 0,#0c0e13 55%)}
.login-card,.panel-card,.stat-card{background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);border-radius:24px;box-shadow:0 22px 60px rgba(0,0,0,.35)}
.login-card{width:min(92vw,440px);padding:32px}
.login-note{margin:10px 0 20px;color:var(--muted)}
.brand{display:flex;align-items:center;gap:14px}
.brand.large{margin-bottom:18px}
.brand-dot{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#ffd24d);box-shadow:0 0 20px rgba(255,107,0,.45)}
.alert{padding:14px 16px;border-radius:14px;margin-bottom:18px;background:rgba(44,201,141,.12);border:1px solid rgba(44,201,141,.25)}
.alert.error{background:rgba(213,84,84,.12);border-color:rgba(213,84,84,.25)}
.stack-form{display:grid;gap:14px}
.stack-form.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}
.stack-form.two-col .full{grid-column:1/-1}
.stack-form label{display:grid;gap:8px}
.stack-form span{font-size:.92rem;color:var(--muted)}
input,select,textarea{width:100%;padding:14px 16px;background:#0f1320;border:1px solid rgba(255,255,255,.09);border-radius:14px;color:var(--text);outline:none}
input:focus,select:focus,textarea:focus{border-color:rgba(255,107,0,.65);box-shadow:0 0 0 4px rgba(255,107,0,.12)}
.check{display:flex!important;align-items:center;gap:10px}
.check input{width:auto}
.admin-btn{display:inline-flex;align-items:center;justify-content:center;border:none;background:#21283a;color:var(--text);border-radius:14px;padding:12px 16px;cursor:pointer;transition:.22s transform,.22s background}
.admin-btn:hover{transform:translateY(-1px);background:#2a3248}
.admin-btn.primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#140e08}
.admin-btn.danger{background:rgba(213,84,84,.18);color:#ffd2d2}
.admin-shell{display:grid;grid-template-columns:280px 1fr;min-height:100vh;background:#0c0e13}
.admin-sidebar{padding:26px 20px;border-right:1px solid var(--line);background:rgba(255,255,255,.02);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:28px}
.admin-nav{display:grid;gap:10px}
.admin-nav a{padding:12px 14px;border-radius:14px;color:var(--muted);transition:.2s;background:transparent}
.admin-nav a:hover,.admin-nav a.active{background:#1a1f2d;color:var(--text)}
.sidebar-foot{margin-top:auto;color:var(--muted)}
.admin-main{padding:28px;display:grid;gap:22px}
.admin-topbar h1{margin:0 0 6px;font-size:2rem}
.admin-topbar p{margin:0;color:var(--muted)}
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.stat-card{padding:22px}
.stat-card span{display:block;color:var(--muted);margin-bottom:8px}
.stat-card strong{font-size:2rem}
.panel-card{padding:22px}
.card-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}
.card-head h2{margin:0;font-size:1.1rem}
.table-wrap{overflow:auto}
table{width:100%;border-collapse:collapse}
th,td{padding:14px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
th{color:var(--muted);font-weight:600}
.badge{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(255,107,0,.12);color:#ffbf91;font-size:.88rem}
.toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.inline-form{display:flex;gap:10px;align-items:center}
.order-items-row td{padding-top:0}
.order-items{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:.92rem}
.split-grid{display:grid;grid-template-columns:380px 1fr;gap:22px}
.muted{color:var(--muted);font-size:.92rem;margin-top:4px}
@media (max-width:1080px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-grid{grid-template-columns:1fr}}
@media (max-width:860px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:relative;height:auto;border-right:none;border-bottom:1px solid var(--line)}.stack-form.two-col{grid-template-columns:1fr}}
@media (max-width:560px){.admin-main{padding:18px}.stats-grid{grid-template-columns:1fr}.toolbar,.inline-form{flex-direction:column;align-items:stretch}}