*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f5f7fb;color:#102235;line-height:1.5}.admin-top{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:16px 28px;background:rgba(255,255,255,.9);backdrop-filter:blur(14px);border-bottom:1px solid #dfe7f0}.admin-top strong{display:block;font-size:20px;color:#003767}.admin-top span{color:#67788b;font-size:13px}.admin-top nav{display:flex;gap:12px}.admin-top a{color:#003767;font-weight:800;text-decoration:none}.admin-main{width:min(1280px,calc(100% - 30px));margin:28px auto 80px}.notice{padding:13px 16px;border-radius:15px;margin-bottom:14px;font-weight:800}.success{background:#e5fff0;color:#126237}.error{background:#fff0f0;color:#9b1c1c}.panel{background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:24px;margin:24px 0;box-shadow:0 16px 46px rgba(19,52,84,.07)}.pastel-blue{background:linear-gradient(180deg,#f2f8ff,#fff)}.pastel-green{background:linear-gradient(180deg,#f0fff7,#fff)}.pastel-yellow{background:linear-gradient(180deg,#fff9e9,#fff)}.pastel-pink{background:linear-gradient(180deg,#fff3f9,#fff)}h1,h2,h3{color:#061d38;margin-top:0}.hint{color:#617386}.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{border:1px solid #dce8f4;border-radius:22px;padding:22px;box-shadow:0 10px 30px rgba(19,52,84,.06)}.stat-card strong{display:block;font-size:34px;color:#003767}.stat-card span{color:#617386;font-weight:800}.tabs{position:sticky;top:71px;z-index:15;display:flex;gap:8px;overflow:auto;padding:12px;background:rgba(245,247,251,.94);backdrop-filter:blur(12px);border-radius:18px;margin:18px 0}.tabs a{white-space:nowrap;text-decoration:none;background:#fff;border:1px solid #dfe7f0;border-radius:999px;padding:10px 14px;color:#173752;font-weight:800}.tabs a:hover{background:#003767;color:#fff}.admin-form label{display:block;margin-bottom:14px;font-weight:400;color:#173752}.admin-form label span{display:block;margin-bottom:6px;font-weight:500}.admin-form input,.admin-form textarea,.admin-form select{width:100%;border:1px solid #cbd8e4;border-radius:13px;padding:11px 12px;font:inherit;background:#fff}.admin-form textarea{resize:vertical}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px}.grid-3{display:grid;grid-template-columns:160px 1fr 1fr;gap:14px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.narrow{max-width:520px}.check{display:flex!important;gap:10px;align-items:center;background:rgba(255,255,255,.65);border:1px solid #dfe7f0;border-radius:13px;padding:10px 12px}.check input{width:auto}.danger{color:#a81f1f}.form-actions{margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border:0;border-radius:999px;padding:11px 18px;background:linear-gradient(135deg,#003767,#0c86d8);color:#fff;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 12px 28px rgba(12,134,216,.2)}.mini-card{border:1px solid #dfe7f0;border-radius:20px;padding:18px;margin:16px 0;background:rgba(255,255,255,.82)}.mini-card legend{font-weight:600;color:#003767;padding:0 8px}.add-card{border-style:dashed}.carousel-admin-list{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.carousel-item img{width:100%;height:170px;object-fit:cover;border-radius:14px;margin-bottom:12px;border:1px solid #dfe7f0}.table-wrap{overflow:auto;background:#fff;border:1px solid #dfe7f0;border-radius:16px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{border-bottom:1px solid #edf2f7;text-align:left;padding:10px;vertical-align:top}th{background:#f4f8fc;color:#173752}.export-actions,.maintenance-grid{display:flex;gap:12px;flex-wrap:wrap}.maintenance-grid{display:grid;grid-template-columns:repeat(3,1fr)}code{background:#eef4fb;border-radius:6px;padding:2px 5px;color:#003767}.compact-settings{align-items:end}@media(max-width:900px){.dashboard-grid,.grid-2,.grid-3,.grid-4,.carousel-admin-list,.maintenance-grid{grid-template-columns:1fr}.admin-top{align-items:flex-start;flex-direction:column}.tabs{top:111px}}


.admin-version-badge{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;background:#fff;color:#003767;font-size:13px;font-weight:900;border:1px solid #dfe7f0;box-shadow:0 8px 20px rgba(0,55,103,.08);white-space:nowrap}
@media(max-width:900px){.admin-version-badge{align-self:flex-start}}


/* v1.2.1 Datagrid */
.datagrid-form{margin-top:22px}
.datagrid-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:18px 0 10px}
.datagrid-head h3{margin:0}
.datagrid-scroll{max-height:430px;overflow:auto;background:#fff;border:1px solid #dfe7f0;border-radius:16px;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.data-grid{width:100%;border-collapse:separate;border-spacing:0;font-size:13px;min-width:980px}
.data-grid th,.data-grid td{border-bottom:1px solid #edf2f7;text-align:left;padding:9px 10px;vertical-align:top;background:#fff}
.data-grid thead th{position:sticky;top:0;z-index:2;background:#edf6ff;color:#173752;font-weight:900;white-space:nowrap;box-shadow:0 1px 0 #dfe7f0}
.data-grid th[data-sort]{cursor:pointer;user-select:none}
.data-grid th[data-sort]::after{content:" ⇅";font-size:11px;color:#6a7d90}
.data-grid th.sort-asc::after{content:" ▲";color:#003767}
.data-grid th.sort-desc::after{content:" ▼";color:#003767}
.data-grid tbody tr:hover td{background:#f8fbff}
.data-grid tbody tr:has(input[type="checkbox"]:checked) td{background:#eaf6ff}
.select-col{width:44px;text-align:center!important}
.danger-button{background:linear-gradient(135deg,#9b1c1c,#d34a4a)!important;box-shadow:0 12px 28px rgba(155,28,28,.18)}
@media(max-width:900px){.datagrid-head{align-items:flex-start;flex-direction:column}.datagrid-scroll{max-height:360px}}


/* v1.2.2 Dashboard */
.dashboard-grid-wide{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}
.dashboard-overview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin:24px 0}
.dashboard-panel{background:#fff;border:1px solid #dfe7f0;border-radius:24px;padding:22px;box-shadow:0 14px 36px rgba(0,55,103,.07)}
.dashboard-panel h2{margin:0 0 16px;color:#003767;font-size:20px}
.bar-chart{display:grid;gap:8px}
.bar-row{display:grid;grid-template-columns:54px 1fr 42px;gap:10px;align-items:center;font-size:13px}
.bar-label{color:#64758a;font-weight:800}
.bar-track{height:12px;background:#edf4fb;border-radius:999px;overflow:hidden}
.bar-fill{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#0c86d8,#31c6ff)}
.bar-row strong{text-align:right;color:#003767}
.mini-table{width:100%;border-collapse:collapse;font-size:14px}
.mini-table th,.mini-table td{border-bottom:1px solid #edf2f7;padding:8px 4px;text-align:left}
.mini-table th:last-child,.mini-table td:last-child{text-align:right}
.status-list{display:grid;gap:10px}
.status-list div{display:flex;justify-content:space-between;gap:12px;padding:10px 12px;border-radius:14px;background:#f6fbff;border:1px solid #edf2f7}
.status-list span{color:#5f7185}
.status-list strong{color:#003767}
@media(max-width:1050px){.dashboard-overview{grid-template-columns:1fr}}