:root{--navy:#061D4A;--deep:#1F2B5B;--orange:#FB8304;--orange-dark:#ED8B05;--bg:#F4F7FB;--white:#fff;--text:#17233D;--muted:#66748A;--border:#DDE5EF;--green:#16835B;--blue:#315B9C;--red:#B93F46;--shadow:0 10px 28px rgba(6,29,74,.065)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.58}.wh-top{background:linear-gradient(120deg,var(--navy),var(--deep));color:#fff;padding:14px 4%;border-bottom:1px solid rgba(255,255,255,.08)}.wh-top-in{max-width:1380px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:16px}.wh-brand{font-weight:900;font-size:18px;letter-spacing:.02em}.wh-brand span{color:var(--orange)}.wh-role{font-size:10px;color:#b9c6d8;margin-top:2px}.wh-logout{padding:8px 12px;border-radius:9px;background:var(--orange);font-weight:850;font-size:11px;color:#fff}.wh-nav{background:#fff;border-bottom:1px solid var(--border);overflow-x:auto;white-space:nowrap;box-shadow:0 3px 12px rgba(6,29,74,.035)}.wh-nav-in{max-width:1380px;margin:auto;display:flex;gap:4px;padding:7px 4%}.wh-nav a{padding:9px 11px;border-radius:9px;font-size:11px;font-weight:800;color:var(--navy)}.wh-nav a:hover,.wh-nav a.active{background:#fff3e6;color:#9a5000}.wh-page{max-width:1380px;margin:16px auto 42px;padding:0 18px}.wh-hero{position:relative;overflow:hidden;background:linear-gradient(125deg,var(--navy),var(--deep));color:#fff;border-radius:18px;padding:20px 22px;margin-bottom:12px;box-shadow:var(--shadow)}.wh-hero:after{content:"";position:absolute;width:220px;height:220px;right:-80px;top:-140px;border-radius:50%;background:rgba(251,131,4,.14)}.wh-eyebrow{position:relative;z-index:1;color:var(--orange);font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:1px}.wh-hero h1{position:relative;z-index:1;margin:4px 0 6px;font-size:29px;line-height:1.15}.wh-hero p{position:relative;z-index:1;margin:0;color:#d1dceb;line-height:1.65;font-size:13px;max-width:860px}.wh-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px;align-items:start}.wh-kpi{position:relative;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:13px;padding:12px 14px;height:auto;min-height:0;box-shadow:0 8px 22px rgba(6,29,74,.045)}.wh-kpi:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:#dce5f1}.wh-kpi.accent:before{background:var(--orange)}.wh-kpi-label{font-size:10px;color:var(--muted);font-weight:850;text-transform:uppercase}.wh-kpi-value{font-size:27px;line-height:1.05;color:var(--navy);font-weight:900;margin:5px 0 3px}.wh-kpi-note{font-size:10px;color:var(--muted);line-height:1.4}.wh-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:12px;align-items:start}.wh-panel{background:#fff;border:1px solid var(--border);border-radius:15px;overflow:hidden;box-shadow:0 8px 24px rgba(6,29,74,.045)}.wh-panel-head{padding:14px 16px;border-bottom:1px solid var(--border)}.wh-title{font-size:16px;color:var(--navy);font-weight:900}.wh-sub{font-size:11px;color:var(--muted);margin-top:3px;line-height:1.45}.wh-body{padding:16px}.wh-row{padding:10px 0;border-bottom:1px solid #eef2f6}.wh-label{font-size:9px;color:var(--muted);font-weight:850;text-transform:uppercase}.wh-value{font-size:12.5px;color:var(--navy);font-weight:750;margin-top:3px;line-height:1.5}.wh-card{padding:14px;border:1px solid #e4eaf2;border-radius:12px;background:#fbfcfe;margin-bottom:8px;box-shadow:0 6px 18px rgba(6,29,74,.035)}.wh-card h3{font-size:14px;margin:0 0 6px;color:var(--navy);line-height:1.35}.wh-card p{font-size:13px;color:var(--muted);margin:0;line-height:1.65}.wh-btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 13px;border-radius:9px;background:var(--navy);color:#fff;font-size:11.5px;font-weight:850;border:0;cursor:pointer}.wh-btn.orange{background:var(--orange)}.wh-btn.light{background:#fff;color:var(--navy);border:1px solid var(--border)}.wh-actions{display:flex;gap:7px;flex-wrap:wrap;margin-top:12px}.wh-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.wh-field.full{grid-column:1/-1}.wh-field label{display:block;margin-bottom:6px;font-size:11.5px;font-weight:850;color:var(--navy)}.wh-field input,.wh-field select,.wh-field textarea{width:100%;border:1px solid #d9e2ed;border-radius:10px;background:#fafbfd;padding:10px 12px;color:var(--text);outline:none;font-size:14px}.wh-field input,.wh-field select{height:44px}.wh-field textarea{min-height:130px;resize:vertical;line-height:1.6}.wh-field input:focus,.wh-field select:focus,.wh-field textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(251,131,4,.1);background:#fff}.wh-alert{padding:11px 13px;border-radius:10px;margin-bottom:10px;font-size:11.5px;line-height:1.5}.wh-alert.ok{background:#eaf7f0;color:var(--green);border:1px solid #b9e3d0}.wh-alert.err{background:#fff0f1;color:var(--red);border:1px solid #f0c4c8}.wh-table{width:100%;border-collapse:collapse;min-width:760px}.wh-table th{background:#f7f9fc;color:var(--muted);font-size:9.5px;text-transform:uppercase;text-align:left;padding:11px;border-bottom:1px solid var(--border)}.wh-table td{padding:11px;font-size:12px;line-height:1.5;border-bottom:1px solid #eef2f6}.wh-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.wh-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eef3f9;color:var(--navy);font-size:9px;font-weight:850}.wh-progress{height:8px;border-radius:999px;background:#e8edf4;overflow:hidden}.wh-progress>span{display:block;height:100%;background:linear-gradient(90deg,var(--orange),#ffa545)}
@media(max-width:1000px){.wh-grid{grid-template-columns:1fr}.wh-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.wh-top-in{align-items:flex-start}.wh-page{padding:0 9px;margin-top:10px}.wh-hero{padding:17px}.wh-hero h1{font-size:25px}.wh-form{grid-template-columns:1fr}.wh-field.full{grid-column:auto}.wh-field input,.wh-field select,.wh-field textarea{font-size:16px}.wh-nav-in{padding:7px 9px;width:max-content;min-width:100%}.wh-nav a{font-size:11px}.wh-kpi-value{font-size:24px}.wh-card p{font-size:13.5px}}
@media(max-width:350px){.wh-kpis{grid-template-columns:1fr}}