:root{
  --primary:#11695f;--primary-dark:#0b5049;--primary-soft:#e9f4f2;
  --surface:#fff;--background:#f4f8f7;--text:#173432;--muted:#68817f;
  --border:#dce9e7;--danger:#c83d45;--danger-soft:#fff0f1;--blue:#3178c6;
  --shadow:0 10px 30px rgba(15,73,67,.08);--radius:16px
}
*{box-sizing:border-box}
body{margin:0;background:var(--background);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}
body.modal-open{overflow:hidden}
.topbar{box-shadow:0 3px 16px rgba(8,65,59,.16)}
.topbar-inner{min-height:84px;justify-content:space-between!important}
.brand{justify-content:flex-start!important}
.brand img{width:192px;height:64px!important;background:#fff;border-radius:10px;padding:5px 10px}
.nav{gap:5px!important}
.nav a,.nav button{font-size:15px;cursor:pointer;transition:.18s ease}
.nav a:hover,.nav button:hover,.nav a.active{background:rgba(255,255,255,.14)!important}
.dropdown-menu{border:1px solid rgba(255,255,255,.12)}
.dropdown-menu a{border-radius:0!important}
.menu-toggle{display:none;margin-left:auto;border:1px solid rgba(255,255,255,.28);border-radius:10px;background:transparent;color:#fff;font-size:22px;padding:6px 11px}
.container{max-width:1220px!important;margin:34px auto!important;padding:0 22px!important}
h1,h2,h3{color:#103f3b;letter-spacing:-.025em}
h1{font-size:32px;margin:0}
.page-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}
.page-header.compact{margin-bottom:16px}
.page-header p{margin:5px 0 0;color:var(--muted)}
.card,.table-card,.toolbar-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:22px;margin-bottom:18px}
.table-card{overflow:hidden}
.toolbar-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;margin-bottom:14px}
.result-count{color:var(--muted);font-size:14px;white-space:nowrap}
.table-wrap{width:100%;overflow:auto}
.table{width:100%;border-collapse:separate;border-spacing:0;background:#fff}
.table th{position:sticky;top:0;background:#eef6f4;color:#225c57;font-size:13px;text-transform:uppercase;letter-spacing:.045em;padding:14px 16px;text-align:left;border-bottom:1px solid var(--border)}
.table td{padding:13px 16px;border-bottom:1px solid #edf2f1;vertical-align:middle}
.table tbody tr{transition:background .15s ease}
.table tbody tr:hover{background:#f8fbfa}
.table tbody tr:last-child td{border-bottom:0}
.actions{display:flex;justify-content:flex-end;gap:7px;align-items:center;white-space:nowrap}
.report-actions{display:flex;align-items:center;gap:8px;white-space:nowrap}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;background:var(--primary);color:#fff;padding:10px 16px;border-radius:10px;cursor:pointer;font:600 14px/1.2 Inter,sans-serif;text-decoration:none;transition:.18s ease}
.btn:hover{background:var(--primary-dark);transform:translateY(-1px)}
.btn.secondary{background:#eef3f2;color:#365b58}
.btn.secondary:hover{background:#dfe9e7}
.btn.danger{background:var(--danger)}
.btn.link{background:transparent;color:var(--primary);padding:7px 9px}
.btnIcon,.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;border-radius:9px;color:#fff;text-decoration:none;cursor:pointer;transition:.16s ease}
.btnIcon:hover,.icon-btn:hover{filter:brightness(.94);transform:translateY(-1px)}
.bgGreen,.btn-add{background:var(--primary)!important}.bgBlue,.icon-btn.edit{background:var(--blue)!important}.bgRed,.icon-btn.danger{background:var(--danger)!important}
.search-box{display:flex;align-items:center;gap:9px;width:min(480px,100%);border:1px solid var(--border);background:#fff;border-radius:11px;padding:0 12px;color:var(--muted)}
.search-box:focus-within{border-color:#56a79f;box-shadow:0 0 0 3px rgba(17,105,95,.1)}
.search-box input{width:100%;border:0;outline:0;background:transparent;padding:10px 0;font:inherit;color:var(--text)}
label{display:block;margin-bottom:6px;color:#315552;font-weight:600;font-size:14px}
.input,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="date"],select,textarea{width:100%;padding:11px 12px;border:1px solid #cededc;border-radius:10px;background:#fff;color:var(--text);font:inherit;outline:0}
.input:focus,input:focus,select:focus,textarea:focus{border-color:#54a39b;box-shadow:0 0 0 3px rgba(17,105,95,.1)}
textarea{min-height:120px;resize:vertical}
.grid{display:grid;gap:16px;grid-template-columns:repeat(12,1fr)}
.col-12{grid-column:span 12}.col-6{grid-column:span 6}.col-5{grid-column:span 5}.col-4{grid-column:span 4}.col-3{grid-column:span 3}
.flash-stack{display:grid;gap:8px;margin-bottom:16px}
.flash{padding:12px 14px;border-radius:10px;border:1px solid var(--border);background:#fff}
.flash-success{background:#eaf8f1;border-color:#bce6cf;color:#226644}.flash-error{background:var(--danger-soft);border-color:#f1c5c8;color:#8d2730}
.confirm-backdrop[hidden]{display:none}
.confirm-backdrop{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;padding:20px;background:rgba(5,25,23,.52);backdrop-filter:blur(3px)}
.confirm-dialog{width:min(430px,100%);background:#fff;border-radius:18px;padding:28px;text-align:center;box-shadow:0 24px 70px rgba(0,0,0,.24);animation:modal-in .18s ease-out}
.confirm-icon{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 14px;border-radius:50%;background:var(--danger-soft);color:var(--danger);font-size:24px;font-weight:800}
.confirm-dialog h2{margin:0 0 8px;font-size:22px}.confirm-dialog p{margin:0;color:var(--muted)}
.confirm-actions{display:flex;justify-content:center;gap:10px;margin-top:24px}
.dashboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.dashboard-card{display:flex;min-height:178px;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:22px;border:1px solid var(--border);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow);transition:.18s ease}
.dashboard-card:hover{transform:translateY(-3px);border-color:#9bcac5;box-shadow:0 16px 38px rgba(15,73,67,.13)}
.dashboard-card.primary{background:linear-gradient(145deg,var(--primary),#168477);color:#fff;border-color:transparent}
.dashboard-card strong{font-size:20px;margin-top:18px}.dashboard-card small{margin-top:5px;color:var(--muted);font-size:13px}.dashboard-card.primary small{color:#d9f4ef}
.dashboard-icon{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--primary-soft);color:var(--primary);font-size:24px;font-weight:700}
.dashboard-card.primary .dashboard-icon{background:rgba(255,255,255,.16);color:#fff}
.picker-backdrop[hidden]{display:none}.picker-backdrop{position:fixed;inset:0;z-index:10001;display:grid;place-items:center;padding:20px;background:rgba(5,25,23,.58);backdrop-filter:blur(3px)}
.picker-dialog{width:min(680px,100%);max-height:min(760px,90vh);display:flex;flex-direction:column;background:#fff;border-radius:18px;box-shadow:0 28px 80px rgba(0,0,0,.26);overflow:hidden}
.picker-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 14px}.picker-header h2{margin:0;font-size:23px}.picker-header p{margin:4px 0 0;color:var(--muted)}
.picker-close{border:0;background:#eef3f2;color:#426461;border-radius:9px;width:36px;height:36px;font-size:24px;cursor:pointer}.picker-search{margin:0 24px 14px;width:auto!important;max-width:none}
.picker-list{padding:0 16px 20px;overflow:auto}.picker-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:14px;padding:14px 12px;border:0;border-bottom:1px solid var(--border);background:#fff;color:var(--text);text-align:left;cursor:pointer}
.picker-item:hover{background:#f4faf8}.picker-item strong{font-size:14px}.picker-item span{color:var(--primary);white-space:nowrap;font-size:13px;font-weight:600}
.picker-empty{padding:22px;text-align:center;color:var(--muted)}.picker-values{padding:0 24px 24px;overflow:auto}.picker-values h3{margin:5px 0 18px}.picker-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
@keyframes modal-in{from{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}
.modal{display:none;position:fixed;inset:8% 10% auto;background:#fff;z-index:9999;box-shadow:0 10px 30px rgba(0,0,0,.2);border-radius:16px;overflow:hidden}
.modal-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid var(--border)}
.modal-body{padding:16px 18px;max-height:68vh;overflow:auto}
footer{text-align:center;color:var(--muted);padding:24px 0 48px}
@media(max-width:800px){
  .topbar-inner{flex-wrap:wrap;min-height:72px}.brand img{width:155px;height:50px!important}
  .menu-toggle{display:block}.nav{display:none!important;width:100%;flex-direction:column;align-items:stretch;margin:0!important;padding:8px 0}.nav.open{display:flex!important}
  .nav a,.nav button{text-align:left}.dropdown-menu{position:static;margin-top:5px;box-shadow:none}
  .container{margin:22px auto!important;padding:0 14px!important}.page-header,.toolbar-card{align-items:stretch;flex-direction:column}
  h1{font-size:27px}.col-6,.col-5,.col-4,.col-3{grid-column:span 12}
  .table th,.table td{padding:11px 12px}.actions{min-width:90px}
  .dashboard-grid{grid-template-columns:1fr 1fr}.dashboard-card{min-height:145px;padding:17px}
}
@media(max-width:520px){.dashboard-grid{grid-template-columns:1fr}.picker-dialog{max-height:94vh}.picker-header{padding:18px 18px 12px}.picker-search{margin:0 18px 12px}.picker-values{padding:0 18px 18px}}