
:root{
  --blue:#0067b1;--blue-dark:#004f8d;--green:#2e7d32;--red:#c62828;
  --bg:#f4f6f8;--card:#fff;--line:#dfe4e8;--text:#17202a;--muted:#68737d;
  --shadow:0 2px 12px rgba(18,38,63,.07);--radius:10px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Roboto,Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}
a{color:var(--blue)}
button,input,textarea,select{font:inherit}
.admin-nav{position:sticky;top:0;z-index:50;background:var(--blue);color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.admin-nav-inner{max-width:1280px;margin:auto;padding:0 24px;min-height:60px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;white-space:nowrap}
.brand img{width:118px;height:auto;display:block;filter:brightness(0) invert(1)}
.admin-nav nav{display:flex;align-items:center;gap:3px;flex-wrap:wrap}
.admin-nav nav a{color:#fff;text-decoration:none;padding:9px 11px;border-radius:7px;font-size:14px}
.admin-nav nav a:hover,.admin-nav nav a.active{background:rgba(255,255,255,.14)}
.admin-user{font-size:12px;opacity:.85;margin-left:8px}
.admin-wrap{max-width:1280px;margin:0 auto;padding:24px}
.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}
.page-head h1{margin:0 0 5px;font-size:26px}
.page-head p{margin:0;color:var(--muted)}
.panel,.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.panel{padding:20px;margin-bottom:18px}
.panel h1,.panel h2{margin:0 0 14px}.panel h2{font-size:19px}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}
.stat{padding:17px 18px}.stat strong{display:block;font-size:27px;line-height:1.1}.stat span{display:block;margin-top:5px;color:var(--muted);font-size:13px}
.stat a{text-decoration:none;color:var(--blue)}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.searchbar{display:flex;gap:8px;flex:1;min-width:280px}.searchbar input{flex:1}
.btn{min-height:40px;border:0;border-radius:7px;background:var(--blue);color:#fff;font-weight:700;padding:0 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;white-space:nowrap}
.btn:hover{filter:brightness(.95)}.btn.secondary{background:#5e6872}.btn.green{background:var(--green)}.btn.danger{background:var(--red)}.btn.light{background:#eef3f7;color:#24415b}.btn.small{min-height:32px;padding:0 10px;font-size:12px}
.btn:disabled{opacity:.55;cursor:not-allowed}
input,textarea,select{border:1px solid #c7ced5;border-radius:7px;background:#fff;color:var(--text)}
input{height:42px;padding:0 11px}textarea{padding:10px 11px;min-height:105px;resize:vertical}
input:focus,textarea:focus,select:focus{outline:3px solid rgba(25,118,210,.15);border-color:#1976d2}
.table-wrap{overflow:auto}.table{width:100%;border-collapse:separate;border-spacing:0;min-width:850px}
.table th,.table td{padding:12px 10px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.table th{font-size:12px;text-transform:uppercase;letter-spacing:.03em;color:#59636d;background:#f8fafb}
.table th:first-child{border-top-left-radius:7px}.table th:last-child{border-top-right-radius:7px}
.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:#fbfcfd}
.actions{display:flex;gap:6px;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;background:#edf5fb;color:#185b86;font-size:12px;font-weight:700;margin:2px 3px 2px 0}.badge.warning{background:#fff6df;color:#8a5b00}
.muted{color:var(--muted)}.tiny{font-size:12px}
.alert{padding:12px 14px;border-radius:8px;margin:0 0 16px;border:1px solid transparent}
.alert.success{background:#edf8ef;color:#1b5e20;border-color:#c8e6ca}.alert.danger{background:#fff0f0;color:#9d1c1c;border-color:#f3c1c1}.alert.info{background:#edf6ff;color:#0d568a;border-color:#c9e4f7}
.flash{position:fixed;right:20px;top:74px;z-index:100;max-width:420px;box-shadow:0 8px 25px rgba(0,0,0,.16);animation:slidein .18s ease}
@keyframes slidein{from{transform:translateY(-8px);opacity:0}to{transform:none;opacity:1}}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field.full{grid-column:1/-1}.form-field label{font-size:12px;font-weight:800;color:#4f5962}
.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}
.repeat-list{display:flex;flex-direction:column;gap:12px}.repeat-row{border:1px solid var(--line);border-radius:9px;padding:14px;background:#fafbfc}.repeat-row-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.repeat-row-head strong{font-size:14px}
.sticky-actions{position:sticky;bottom:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:13px 0;border-top:1px solid var(--line);display:flex;gap:8px}
.form-nav{position:sticky;top:72px;z-index:15;display:flex;gap:5px;overflow:auto;padding:8px;background:#fff;border:1px solid var(--line);border-radius:9px;margin-bottom:16px;box-shadow:var(--shadow)}
.form-nav a{padding:7px 10px;border-radius:6px;text-decoration:none;color:#4e5963;font-size:12px;white-space:nowrap}.form-nav a:hover{background:#eef3f7;color:var(--blue)}
.import-drop{border:2px dashed #b9c6d1;border-radius:10px;padding:30px;text-align:center;background:#fbfcfd;transition:.15s}.import-drop.drag{border-color:var(--blue);background:#f0f7fc}
.import-drop input{height:auto;border:0;background:transparent;padding:10px}.import-result{margin-top:16px}
.pagination{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.pagination .pages{display:flex;gap:4px}.pagination a{padding:7px 10px;border-radius:6px;text-decoration:none;background:#eef3f7;color:#334}.pagination a.current{background:var(--blue);color:#fff}
.auth-body{min-height:100vh;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#eef5fa,#f4f6f8)}
.auth-card{width:min(430px,100%);background:#fff;padding:32px;border-radius:12px;border:1px solid var(--line);box-shadow:0 12px 40px rgba(18,38,63,.12);display:flex;flex-direction:column;gap:8px}
.auth-card img{width:150px;margin:0 auto 8px}.auth-card h1{text-align:center;font-size:23px;margin:0 0 13px}.auth-card label{font-size:12px;font-weight:800;margin-top:5px}.auth-card .btn{margin-top:8px;width:100%}.auth-card a{text-align:center;margin-top:8px}
@media(max-width:900px){.admin-nav-inner{padding:8px 14px;align-items:flex-start;flex-direction:column}.admin-nav nav{width:100%;overflow:auto;flex-wrap:nowrap}.admin-nav nav a{white-space:nowrap}.admin-wrap{padding:14px}.stat-grid{grid-template-columns:repeat(2,1fr)}.page-head{flex-direction:column}.form-grid{grid-template-columns:1fr}.form-field.full{grid-column:auto}.form-nav{top:105px}}
@media(max-width:560px){.stat-grid{grid-template-columns:1fr 1fr}.panel{padding:15px}.searchbar{min-width:100%}.page-head h1{font-size:22px}}
