@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--navy:#142b51;--navy-dark:#0d1d38;--orange:#e69100;--bg:#f3f5f9;--surface:#fff;--ink:#152238;--muted:#667085;--line:#e3e7ee;--green:#067647;--red:#b42318;--shadow:0 10px 30px rgba(18,41,77,.08)}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 Inter,system-ui,sans-serif}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}.admin-body{background:var(--bg)}.sidebar{position:fixed;z-index:20;inset:0 auto 0 0;width:245px;background:var(--navy-dark);color:#cbd5e1;overflow:auto}.admin-brand{position:sticky;top:0;z-index:2;display:flex;align-items:center;gap:10px;padding:20px;background:var(--navy-dark);color:#fff;font-size:1.1rem}.admin-brand span,.login-brand>span{display:grid;place-items:center;width:38px;height:38px;background:var(--orange);color:#fff;border-radius:9px;font-size:1.4rem;font-weight:800}.sidebar nav{padding:4px 11px 30px}.sidebar nav a{display:flex;align-items:center;gap:11px;padding:10px;border-radius:8px;margin:2px 0;font-size:.86rem}.sidebar nav a:hover,.sidebar nav a.active{background:#ffffff14;color:#fff}.sidebar nav i{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#ffffff12;font-style:normal;font-size:.65rem;font-weight:800;color:#f7b94b}.admin-shell{margin-left:245px;min-height:100vh}.admin-top{position:sticky;top:0;z-index:10;min-height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:12px 28px}.admin-top>div:first-of-type{display:flex;flex-direction:column}.admin-top small{color:var(--muted)}.admin-account{display:flex;align-items:center;gap:18px;font-size:.84rem}.admin-account form{display:inline}.admin-account button{border:1px solid var(--line);background:#fff;padding:7px 10px;border-radius:7px;cursor:pointer}.sidebar-toggle{display:none}.admin-main{padding:30px;max-width:1540px;margin:auto}.admin-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}.admin-heading p{margin:0;color:var(--muted)}.admin-heading h1{font-size:1.8rem;margin:3px 0 0}.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:8px;padding:11px 16px;font-weight:700;cursor:pointer}.primary-button{background:var(--orange);color:#181818}.secondary-button{background:#fff;border:1px solid var(--line)}.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.stat-card{display:flex;flex-direction:column;background:#fff;padding:24px;border-radius:12px;box-shadow:var(--shadow);border-left:4px solid var(--orange)}.stat-card span{font-size:2rem;font-weight:800;color:var(--navy)}.stat-card strong{color:var(--muted);font-size:.85rem}.admin-panel{background:#fff;border-radius:12px;box-shadow:var(--shadow);padding:22px;margin-bottom:25px}.panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.panel-heading h2{margin:0}.panel-heading a{color:#b85d00;font-weight:700}.table-scroll{overflow:auto}table{border-collapse:collapse;width:100%;min-width:760px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px;vertical-align:middle}th{font-size:.73rem;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);background:#fafbfc}td{max-width:360px}.cell-title{font-weight:600;min-width:220px}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-size:.72rem;font-weight:700}.badge.on{background:#ecfdf3;color:var(--green)}.badge.off{background:#fef3f2;color:var(--red)}.table-thumb{width:54px;height:40px;object-fit:cover;border-radius:5px}.actions{display:flex;gap:12px;white-space:nowrap}.actions>a{color:#8b4b00;font-weight:700}.actions form{display:inline}.actions button{border:0;background:transparent;color:var(--red);padding:0;cursor:pointer}.list-tools{display:flex;align-items:center;gap:10px;margin-bottom:18px}.list-tools input{width:min(430px,60%);padding:10px;border:1px solid #cfd5df;border-radius:8px}.list-tools button{padding:10px 14px;border:0;background:var(--navy);color:#fff;border-radius:8px}.list-tools a{color:var(--muted)}.pagination{display:flex;flex-wrap:wrap;gap:5px;margin-top:18px}.pagination a{display:grid;place-items:center;min-width:34px;height:34px;border:1px solid var(--line);border-radius:7px}.pagination a.active{background:var(--navy);color:#fff}.no-data{text-align:center;padding:45px;color:var(--muted)}.admin-alert{padding:12px 15px;border-radius:8px;margin-bottom:18px}.admin-alert.success{background:#ecfdf3;color:var(--green)}.admin-alert.error{background:#fef3f2;color:var(--red)}.admin-alert.warning{background:#fffaeb;color:#b54708}.admin-form label{display:flex;flex-direction:column;gap:6px;font-weight:600}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #cfd5df;border-radius:8px;padding:10px 11px;background:#fff;color:var(--ink)}.admin-form textarea{resize:vertical;min-height:105px}.admin-form small{font-weight:400;color:var(--muted)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-grid .wide{grid-column:1/-1}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.current-image{width:160px;height:95px;object-fit:cover;border-radius:7px;border:1px solid var(--line);margin-bottom:5px}.profile-form{max-width:650px;display:grid;gap:18px}.profile-form button{justify-self:start}.login-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 80% 10%,#294b7b 0,transparent 35%),var(--navy-dark)}.login-card{width:min(440px,100%);background:#fff;padding:38px;border-radius:17px;box-shadow:0 25px 70px #0005}.login-brand{display:flex;align-items:center;gap:12px;margin-bottom:28px}.login-brand>div{display:flex;flex-direction:column}.login-brand strong{font-size:1.25rem}.login-brand small{color:var(--muted)}.login-card .admin-form{display:grid;gap:18px}.login-card .primary-button{width:100%;margin-top:5px}.back-link{display:block;text-align:center;margin-top:20px;color:var(--muted)}
@media(max-width:1000px){.stat-grid{grid-template-columns:repeat(2,1fr)}.sidebar{transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.admin-shell{margin-left:0}.sidebar-toggle{display:block;border:1px solid var(--line);background:#fff;padding:8px 10px;border-radius:7px}.admin-top>div:first-of-type{display:none}}
@media(max-width:700px){.admin-top{padding:10px 14px}.admin-account>a:first-child{display:none}.admin-main{padding:18px 12px}.admin-heading{align-items:flex-start}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:17px}.stat-card span{font-size:1.6rem}.admin-panel{padding:14px;border-radius:9px}.form-grid{grid-template-columns:1fr}.form-grid .wide{grid-column:auto}.login-card{padding:26px}.list-tools input{width:100%}.list-tools{flex-wrap:wrap}}