:root{--n:#071526;--o:#f08a24;--bg:#f3f4f6;--line:#e2e5e8;--muted:#6f7882}*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:#15202a}.login-body{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#183650,#071526)}.login-card{width:min(390px,92vw);background:#fff;padding:34px;border-radius:16px;box-shadow:0 30px 80px rgba(0,0,0,.28)}.login-card .logo{width:55px;height:55px;border-radius:50%;display:grid;place-items:center;background:var(--n);color:var(--o);font-family:serif;font-size:23px;border:2px solid var(--o)}.login-card h1{margin:16px 0 4px}.login-card p{margin:0 0 22px;color:var(--muted)}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d9dde1;border-radius:8px;font:inherit;background:#fff}label{display:block;font-size:12px;font-weight:700;margin:13px 0}label small{display:block;color:var(--muted);font-weight:400;margin-top:5px}.login-card input{margin:6px 0}.login-card button,.primary{width:100%;border:0;background:var(--n);color:white;padding:12px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:10px}.login-card a{display:block;text-align:center;margin-top:16px;color:#6f7882;font-size:12px;text-decoration:none}.top{height:70px;background:var(--n);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 max(18px,calc((100vw - 1180px)/2))}.top div b{display:block}.top div span{font-size:10px;color:#aeb9c3}.top nav{display:flex;gap:16px}.top a{color:#dce2e7;text-decoration:none;font-size:11px}.wrap{max-width:1180px;margin:auto;padding:28px 18px 70px}.welcome{background:linear-gradient(120deg,#0c2238,#071526);color:white;padding:28px;border-radius:14px;display:flex;justify-content:space-between;gap:25px;align-items:center}.welcome>div>span,.card-title span{font-size:9px;letter-spacing:.16em;color:var(--o);font-weight:700}.welcome h1{font-size:30px;margin:7px 0}.welcome p{color:#b8c3cd;font-size:12px;margin:0}.stats{display:flex;gap:10px}.stats div{min-width:100px;background:rgba(255,255,255,.08);padding:15px;border-radius:10px}.stats b{display:block;font-size:26px;color:var(--o)}.stats span{font-size:10px}.tabs{display:flex;gap:8px;margin:24px 0}.tab{border:1px solid #d9dde1;background:white;padding:10px 14px;border-radius:8px;cursor:pointer}.tab.active{background:var(--n);color:white}.panel{display:none}.panel.active{display:block}.grid-admin{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px}.card{background:white;border:1px solid var(--line);border-radius:13px;padding:22px}.card-title{display:flex;justify-content:space-between;align-items:start;margin-bottom:16px}.card-title h2{margin:4px 0;font-size:21px}.card-title a{font-size:11px;color:#6f7882}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{display:flex;align-items:center;gap:8px}.check input{width:auto}.product-list{display:flex;flex-direction:column}.admin-product{display:grid;grid-template-columns:62px 1fr auto;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid var(--line)}.admin-product img{width:58px;height:58px;object-fit:contain;background:#f3f1ed}.admin-product b{display:block;font-size:12px}.admin-product small{font-size:10px;color:var(--muted)}.row-actions{display:flex;gap:8px;align-items:center}.row-actions a,.row-actions button,.cat-row button{border:0;background:#f1f3f5;padding:7px 9px;border-radius:6px;font-size:10px;color:#37424c;text-decoration:none;cursor:pointer}.row-actions form,.cat-row form{margin:0}.wide{max-width:850px}.cat-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.cat-row b{font-size:12px}.cat-row small{color:var(--muted)}.alert{padding:12px 15px;border-radius:9px;margin-bottom:14px;font-size:12px}.ok{background:#e8f6ec;color:#256b38}.error{background:#ffebeb;color:#8a2b2b}@media(max-width:780px){.welcome{display:block}.stats{margin-top:18px}.grid-admin{grid-template-columns:1fr}.two{grid-template-columns:1fr}.top{padding:0 14px}.top nav a:first-child{display:none}.admin-product{grid-template-columns:52px 1fr}.row-actions{grid-column:2}.tabs{overflow:auto}.welcome h1{font-size:25px}}