:root{--bg:#f3f6fa;--card:#fff;--ink:#0f172a;--muted:#64748b;--line:#dbe3ee;--primary:#155eef;--primary-dark:#0d47bd;--success:#12805c;--warning:#b76e00;--danger:#c62828;--nav:#0b3a68;--radius:14px;--shadow:0 8px 28px rgba(15,23,42,.06)}
*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--ink)}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:20px;background:var(--nav);color:#fff;padding:12px 20px;box-shadow:0 2px 12px rgba(0,0,0,.12)}.brand a{font-weight:900;color:#fff;letter-spacing:.8px}.brand span{background:#ff8a00;color:#fff;padding:3px 6px;border-radius:6px;font-size:12px}.mainnav{display:flex;align-items:center;gap:14px;flex:1}.mainnav a{color:#eaf3ff;font-weight:700;font-size:14px;white-space:nowrap}.global-search{min-width:280px}.global-search input{width:100%;border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:10px 12px}.global-search input::placeholder{color:#c8d8ea}.userbox{display:flex;align-items:center;gap:9px;font-size:13px}.userbox a{color:#fff;padding:6px 7px;border:1px solid rgba(255,255,255,.2);border-radius:7px}.container{max-width:1500px;margin:24px auto;padding:0 18px 50px}.page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin:8px 0 18px}.page-head h1{margin:0;font-size:30px}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.muted{color:var(--muted)}.text-danger{color:var(--danger)!important}.text-warning{color:var(--warning)!important}.money{text-align:right;font-variant-numeric:tabular-nums}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:18px;margin-bottom:18px}.card h2{margin:0 0 14px;font-size:20px}.section-head,.utility-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat-grid-3{grid-template-columns:repeat(3,1fr)}.stat-card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:16px;box-shadow:var(--shadow)}.stat-card span{display:block;color:var(--muted);font-size:13px}.stat-card strong{display:block;font-size:25px;margin-top:7px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:10px 14px;font-weight:800;cursor:pointer;text-decoration:none}.btn:hover{text-decoration:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-dark)}.btn-secondary{background:#eef3f9;color:#16324f;border:1px solid #cedae7}.btn-small{padding:6px 9px;font-size:12px}.btn-block{width:100%}table{width:100%;border-collapse:collapse}th,td{padding:10px 11px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#f6f8fb;font-size:13px;color:#334155}tr:last-child td{border-bottom:0}.table-wrap{overflow:auto;padding:0}.table-wrap table{min-width:760px}.compact th,.compact td{padding:7px;font-size:13px}.group-row td{background:#eef5ff;font-weight:800}.filterbar{display:flex;align-items:end;gap:10px;margin:0 0 16px}.filterbar input,.filterbar select{min-width:220px}.filterbar label{display:flex;flex-direction:column;gap:5px;font-weight:700}.form-card{max-width:1200px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:6px}.field-wide{grid-column:1/-1}.field label{font-weight:800;font-size:14px}input,select,textarea{width:100%;padding:11px 12px;border:1px solid #bdcad9;border-radius:9px;background:#fff;color:var(--ink);font:inherit}textarea{min-height:90px;resize:vertical}input:focus,select:focus,textarea:focus{outline:3px solid rgba(21,94,239,.13);border-color:var(--primary)}input[readonly]{background:#f5f7fa}.input-danger{color:var(--danger);font-weight:800}.input-success{color:var(--success);font-weight:800}.form-actions{display:flex;gap:10px;margin-top:18px}.alert{padding:12px 14px;border-radius:10px;margin:12px 0}.alert-success{background:#e7f8f0;color:#116149;border:1px solid #a9e0cb}.alert-danger{background:#fff0f0;color:#9c1c1c;border:1px solid #f4b8b8}.callout{padding:13px 14px;border-radius:10px;background:#fff8e8;border:1px solid #f0d497;margin:14px 0}.badge{display:inline-block;padding:4px 8px;border-radius:999px;font-weight:800;font-size:11px}.badge-success{background:#def7ec;color:#0c684a}.badge-warning{background:#fff1cc;color:#8a5800}.badge-danger{background:#ffe1e1;color:#a11c1c}.badge-neutral{background:#e7edf5;color:#42566c}.attention-list{display:grid;gap:9px}.attention-list a{display:flex;align-items:center;gap:8px;padding:12px;border:1px solid var(--line);border-radius:9px;color:var(--ink)}.attention-list b{font-size:22px;color:var(--danger)}.person-card{display:grid;gap:5px;padding:12px;border:1px solid var(--line);border-radius:10px;margin-bottom:12px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{padding:15px;border:1px solid var(--line);border-radius:10px;background:#f8fbff;font-weight:800}.utility-block{border-top:1px solid var(--line);padding:16px 0}.utility-block:first-of-type{border-top:0}.meter-cards{display:grid;grid-template-columns:repeat(3,minmax(220px,1fr));gap:12px;margin-top:10px}.meter-card{border:1px solid var(--line);border-radius:11px;padding:13px;background:#fbfcfe}.meter-active{border-left:4px solid var(--success)}.meter-old{border-left:4px solid #94a3b8}.meter-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.meter-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;font-size:13px}.wizard-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wizard-grid section{padding:15px;border:1px solid var(--line);border-radius:11px;background:#fafcff}.allocation-summary{display:flex;gap:20px;justify-content:flex-end;padding:12px;background:#eef9f4;border-radius:9px;margin-top:10px}.alloc-input{max-width:130px}.search-result{display:flex;flex-direction:column;gap:4px;padding:10px;border-bottom:1px solid var(--line);color:var(--ink)}.search-result:last-child{border-bottom:0}.login-body{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#eef4fb,#e4edf8)}.login-card{width:min(480px,92vw);background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;box-shadow:0 22px 60px rgba(30,55,90,.14)}.login-card h1{margin:10px 0}.login-card form{display:grid;gap:10px;margin-top:20px}.login-card label{font-weight:800}.login-logo{font-weight:900;letter-spacing:1px;color:#244f7d}.login-logo span{background:#ff8a00;color:#fff;padding:3px 7px;border-radius:6px}.login-lang{text-align:center;margin-top:16px}
@media(max-width:1200px){.topbar{flex-wrap:wrap}.mainnav{order:3;width:100%;overflow:auto}.global-search{min-width:220px}.stat-grid{grid-template-columns:1fr 1fr}.meter-cards{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.container{padding:0 10px 35px}.page-head{flex-direction:column}.grid-2,.wizard-grid,.form-grid,.meter-cards,.stat-grid,.stat-grid-3{grid-template-columns:1fr}.field-wide{grid-column:auto}.global-search{order:4;width:100%}.userbox span{display:none}.quick-actions{grid-template-columns:1fr}.filterbar{flex-wrap:wrap}}