:root{--navy:#03142e;--blue:#1463ff;--line:#dce7f7;--soft:#f5f8fd;--muted:#61718b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,sans-serif;color:#0b1b3b;background:#f6f8fc}button,input,textarea,select{font:inherit}.login{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#03142e,#0b3d88)}.loginCard{background:#fff;width:min(430px,100%);padding:34px;border-radius:22px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.loginCard img{width:150px;height:52px;object-fit:contain;object-position:left}.input{width:100%;padding:12px;border:1px solid #d7e1ef;border-radius:10px;margin:7px 0;outline:none}.input:focus{border-color:#6fa1ff;box-shadow:0 0 0 3px #eaf2ff}.btn{border:0;border-radius:10px;padding:11px 15px;background:var(--blue);color:#fff;font-weight:800}.btn.secondary{background:#eef4ff;color:#1357d8}.small{font-size:12px;color:var(--muted)}.app{display:grid;grid-template-columns:245px 1fr;min-height:100vh}.side{background:#03142e;color:#fff;padding:22px 15px;position:sticky;top:0;height:100vh}.side img{width:145px;height:48px;object-fit:contain;object-position:left;margin:0 10px 25px}.side nav{display:grid;gap:4px}.side a,.side button{color:#b7c8df;background:transparent;border:0;text-align:left;padding:11px 12px;border-radius:10px}.side a.active,.side a:hover{background:#0d2a55;color:#fff}.side button{margin-top:18px}.main{padding:28px;max-width:1450px;width:100%}.top{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.panel{background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 8px 28px rgba(20,50,90,.05);margin-bottom:18px}.stat strong{display:block;font-size:28px;color:var(--blue)}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}.tab{border:1px solid #cfe0fb;background:#fff;color:#2457a6;border-radius:999px;padding:8px 12px}.tab.active{background:var(--blue);color:#fff}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:12px;border-bottom:1px solid #edf2f8;text-align:left;font-size:13px;vertical-align:top}.table th{color:#61718b;font-size:11px;text-transform:uppercase}.editGrid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{display:grid;gap:6px;margin-bottom:12px}.field.full{grid-column:1/-1}.field label{font-size:12px;font-weight:800}.field input,.field textarea,.field select{width:100%;border:1px solid #d5e0ee;border-radius:10px;padding:11px;background:#fff}.field textarea{min-height:110px}.item{border:1px solid var(--line);border-radius:14px;padding:16px;margin-bottom:12px;background:#fff}.itemHead{display:flex;justify-content:space-between;gap:12px;align-items:center}.preview{width:120px;height:75px;object-fit:cover;border-radius:10px;border:1px solid var(--line);background:#f4f7fc}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.notice{padding:12px;border-radius:10px;background:#edf5ff;color:#174c9f;font-size:12px;margin-bottom:14px}.danger{background:#fff0f0;color:#a62323}.savebar{position:sticky;bottom:0;background:rgba(246,248,252,.94);backdrop-filter:blur(10px);padding:12px 0;border-top:1px solid #dbe5f2;display:flex;justify-content:flex-end;gap:10px}.mediaBox{display:grid;grid-template-columns:1fr 180px;gap:15px;align-items:center}.code{background:#0a1730;color:#d7e6ff;padding:12px;border-radius:10px;font-size:11px;overflow:auto}
@media(max-width:900px){.app{grid-template-columns:1fr}.side{position:relative;height:auto}.side nav{display:flex;overflow:auto}.side a,.side button{white-space:nowrap}.grid{grid-template-columns:repeat(2,1fr)}.editGrid{grid-template-columns:1fr}.field.full{grid-column:auto}}
@media(max-width:560px){.main{padding:16px}.grid{grid-template-columns:1fr}.top{align-items:flex-start;gap:12px}.top .btn{font-size:11px}.mediaBox{grid-template-columns:1fr}.table{display:block;overflow:auto}}