:root{
  --bg:#0b1b33;--bg2:#0d2d62;--card:#fff;--text:#13233a;--muted:#68758a;
  --blue:#1267e8;--green:#1f9d61;--orange:#e88a18;--red:#d84040;--border:#dfe5ee;
}
*{box-sizing:border-box} body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:#f3f6fa;color:var(--text)}
a{color:inherit}.topbar{background:#0b1b33;color:white;padding:14px 22px;display:flex;align-items:center;justify-content:space-between;gap:15px}
.brand{font-weight:800}.container{max-width:1180px;margin:0 auto;padding:24px}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.card{background:white;border:1px solid var(--border);border-radius:16px;padding:20px;box-shadow:0 3px 15px rgba(17,30,60,.04)}
.hero{min-height:100vh;display:grid;grid-template-columns:1.25fr .75fr;background:linear-gradient(135deg,var(--bg),var(--bg2));color:white}.hero-left{padding:8vw 7vw;display:flex;flex-direction:column;justify-content:center}.hero-right{background:#fff;color:var(--text);padding:7vw 6vw;display:flex;align-items:center}.loginbox{width:100%;max-width:470px}
h1{font-size:clamp(42px,6vw,78px);line-height:.98;margin:18px 0}.hero p{font-size:18px;line-height:1.5;max-width:700px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.18em;font-weight:800}
label{display:block;font-size:13px;font-weight:700;margin:13px 0 6px}input,select,textarea{width:100%;border:1px solid #ccd5e2;border-radius:10px;padding:12px 13px;font:inherit;background:white}textarea{min-height:100px}
button,.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:800;cursor:pointer;text-decoration:none;display:inline-block;background:var(--blue);color:white}.btn.secondary{background:#25344d}.btn.light{background:#eef3fa;color:#18314f}.btn.danger{background:#b93131}
.actions{display:flex;gap:8px;flex-wrap:wrap}.row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.space{justify-content:space-between}
.notice{padding:12px 14px;border-radius:10px;margin:12px 0;background:#e9f6ee;color:#116b3f}.error{background:#fdecec;color:#9b2020}.muted{color:var(--muted)}
table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 8px;border-bottom:1px solid var(--border);vertical-align:top}th{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#657086}
.badge{display:inline-flex;padding:5px 9px;border-radius:999px;font-size:12px;font-weight:800}.badge.green{background:#e5f5ec;color:#137a45}.badge.orange{background:#fff0dc;color:#9c5b08}.badge.red{background:#fde7e7;color:#a62626}
.kpi{font-size:32px;font-weight:900}.section-title{margin:0 0 14px}.map{height:420px;border-radius:14px;overflow:hidden;border:1px solid var(--border)}
.photo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px}.photo{background:white;border:1px solid var(--border);border-radius:12px;overflow:hidden}.photo img{width:100%;aspect-ratio:4/3;object-fit:cover;display:block}.photo div{padding:10px}
.c6{grid-column:span 6}.c4{grid-column:span 4}.c8{grid-column:span 8}.c12{grid-column:span 12}
@media(max-width:800px){.hero{grid-template-columns:1fr}.hero-left{min-height:45vh}.c4,.c6,.c8,.c12{grid-column:span 12}.container{padding:14px}.topbar{padding:12px 14px}}