:root{--navy:#06152f;--blue:#103366;--blue2:#18488b;--red:#e8172f;--bg:#f4f7fb;--line:#dfe7f2;--muted:#72829b;--white:#fff;--green:#1f9d63;--shadow:0 18px 50px rgba(6,21,47,.12)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--navy)}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.admin-shell{display:grid;grid-template-columns:270px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#06152f,#0a2147);color:#fff;padding:24px 18px;position:sticky;top:0;height:100vh;overflow:auto}.admin-brand{display:flex;align-items:center;gap:12px;font-weight:900;margin:0 6px 28px}.admin-brand img{width:52px;height:52px;object-fit:contain}.admin-brand b{color:#ff334d}.admin-nav{display:grid;gap:5px}.admin-nav a{padding:12px 14px;border-radius:12px;color:#b9c8dd;font-weight:700}.admin-nav a:hover,.admin-nav a.active{background:#12315f;color:#fff}.admin-nav-separator{height:1px;background:rgba(255,255,255,.1);margin:12px 8px}.admin-main{min-width:0;padding:30px}.admin-topbar{display:flex;gap:18px;align-items:center;justify-content:space-between;margin-bottom:28px}.admin-topbar h1{font-size:2rem;letter-spacing:-.04em;margin:0}.admin-topbar p{margin:5px 0 0;color:var(--muted)}.admin-user{padding:10px 14px;background:#fff;border:1px solid var(--line);border-radius:999px;font-weight:800;color:#3b5375}.admin-menu-toggle{display:none;border:0;background:var(--navy);color:#fff;border-radius:10px;padding:10px 12px}.dashboard-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.stat-card,.panel{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 16px rgba(6,21,47,.03)}.stat-card{padding:22px}.stat-card strong{font-size:2rem;display:block;letter-spacing:-.05em}.stat-card span{color:var(--muted);font-weight:700}.panel{padding:24px;margin-bottom:20px}.panel h2{font-size:1.15rem;margin:0 0 18px}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.field{margin-bottom:16px}.field label{display:block;font-size:.79rem;font-weight:850;color:#425777;margin-bottom:7px}.field input,.field textarea,.field select{width:100%;border:1px solid var(--line);background:#fbfcfe;padding:12px 13px;border-radius:12px;outline:none;color:var(--navy)}.field textarea{min-height:120px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:#8eb1de;box-shadow:0 0 0 3px rgba(24,72,139,.08)}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:12px;padding:12px 16px;font-weight:850;cursor:pointer;background:var(--red);color:#fff}.btn.secondary{background:#eaf0f8;color:#27496f}.btn.danger{background:#fff0f2;color:#b8142a}.btn.small{padding:8px 11px;font-size:.82rem}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.list{display:grid;gap:12px}.list-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:16px;border:1px solid var(--line);border-radius:16px;align-items:start}.list-row h3{margin:0 0 6px;font-size:1rem}.list-row p{margin:0;color:var(--muted)}.stars{color:#f7b91f;letter-spacing:.08em}.status{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:.72rem;font-weight:900;background:#e9f7f0;color:#14724b}.status.off{background:#f0f2f5;color:#748096}.alert{padding:13px 15px;border-radius:14px;margin-bottom:18px;border:1px solid}.alert.success{background:#ecf9f2;border-color:#bde5cf;color:#186d49}.alert.error{background:#fff0f2;border-color:#f2c0c8;color:#9f1730}.thumb{width:120px;height:88px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.photo-row{display:grid;grid-template-columns:120px minmax(0,1fr) auto;gap:16px;align-items:center;padding:14px;border:1px solid var(--line);border-radius:16px}.muted{color:var(--muted)}.help{font-size:.85rem;color:var(--muted);margin-top:6px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 70% 20%,#183e72,#06152f 58%)}.login-card{width:min(430px,100%);background:#fff;border-radius:28px;padding:32px;box-shadow:0 30px 90px rgba(0,0,0,.3)}.login-brand{display:flex;align-items:center;gap:14px;margin-bottom:26px}.login-brand img{width:72px;height:72px;object-fit:contain}.login-brand strong{font-size:1.3rem}.login-brand b{color:var(--red)}.login-card h1{margin:0 0 8px;font-size:1.8rem}.login-card>p{color:var(--muted);margin:0 0 24px}.login-card .btn{width:100%}.login-foot{margin-top:20px;text-align:center;font-size:.85rem;color:var(--muted)}
@media(max-width:1050px){.dashboard-grid{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{position:fixed;z-index:100;left:0;top:0;bottom:0;width:min(290px,85vw);transform:translateX(-105%);transition:.22s ease;box-shadow:20px 0 50px rgba(0,0,0,.25)}.admin-sidebar.open{transform:translateX(0)}.admin-main{padding:20px 16px}.admin-menu-toggle{display:block}.admin-topbar{justify-content:flex-start}.admin-user{margin-left:auto}.grid-2,.grid-3{grid-template-columns:1fr}.photo-row{grid-template-columns:90px minmax(0,1fr)}.photo-row .inline-actions{grid-column:1/-1}.thumb{width:90px;height:70px}}
@media(max-width:520px){.dashboard-grid{grid-template-columns:1fr}.admin-topbar h1{font-size:1.45rem}.admin-user{display:none}.panel{padding:18px}.list-row{grid-template-columns:1fr}.photo-row{grid-template-columns:1fr}.thumb{width:100%;height:180px}.inline-actions .btn{flex:1}.login-card{padding:24px}}