.suzutil-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:14px 0 22px;padding:6px;background:#eef2f7;border:1px solid #e2e8f0;border-radius:14px}.suzutil-nav a{display:grid;place-items:center;min-height:46px;padding:8px 14px;border-radius:10px;color:#334155;text-decoration:none;font-weight:750;text-align:center;white-space:nowrap}.suzutil-nav a:hover{background:rgba(255,255,255,.65)}.suzutil-nav a.active{background:#fff;color:#ea580c;box-shadow:0 1px 4px rgba(15,23,42,.08)}.suzutil-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px}.suzutil-summary{display:flex;gap:12px;flex-wrap:wrap;margin:16px 0}.suzutil-summary span{padding:12px 16px;background:#f8fafc;border-radius:10px}.suzutil-warning{padding:10px;background:#fffbeb;color:#92400e}.suzutil-wizard form{display:grid;gap:10px}.suzutil-wizard input,.suzutil-wizard select,.suzutil-wizard textarea,.suzutil-rule select{padding:10px;border:1px solid #cbd5e1;border-radius:8px}.suzutil-rule{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}@media(max-width:700px){.suzutil-nav{display:flex;overflow:auto;scrollbar-width:none}.suzutil-nav a{flex:0 0 auto;min-height:40px}.suzutil-head{align-items:flex-start;flex-direction:column}.suzutil-rule{display:grid}}

.suzutil-head h1{font-size:30px;margin:0 0 4px}.suzutil-head p{margin:0;color:#475569}.suzutil-head>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.suzutil-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin:20px 0}
.suzutil-kpis article{--c:#2563eb;--bg:#eff6ff;position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;column-gap:14px;align-items:center;padding:18px 18px 18px 22px;background:linear-gradient(135deg,var(--bg),#fff 75%);border:1px solid color-mix(in srgb,var(--c) 22%,#e2e8f0);border-radius:16px;box-shadow:0 1px 2px rgba(15,23,42,.05),0 6px 18px -10px color-mix(in srgb,var(--c) 45%,transparent);transition:transform .15s,box-shadow .15s}
.suzutil-kpis article::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--c)}
.suzutil-kpis article:hover{transform:translateY(-2px);box-shadow:0 10px 24px -12px color-mix(in srgb,var(--c) 60%,transparent)}
.suzutil-kpis i{grid-row:1/3;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:20px;background:var(--c);color:#fff}
.suzutil-kpis b{font-size:30px;line-height:1.1;color:#0f172a;font-variant-numeric:tabular-nums}
.suzutil-kpis span{color:#334155;font-weight:600;font-size:14px}
.suzutil-kpis .warn{--c:#f97316;--bg:#fff7ed}.suzutil-kpis .info{--c:#2563eb;--bg:#eff6ff}.suzutil-kpis .ok{--c:#16a34a;--bg:#f0fdf4}.suzutil-kpis .bad{--c:#dc2626;--bg:#fef2f2}.suzutil-kpis .auto{--c:#7c3aed;--bg:#f5f3ff}
.suzutil-kpis .zero b{color:#94a3b8}
.suzutil-list{box-shadow:0 1px 2px rgba(15,23,42,.05),0 8px 24px -16px rgba(15,23,42,.25)}
.suzutil-listhead{display:flex;align-items:center;gap:10px;margin-bottom:8px}.suzutil-listhead h2{margin:0;font-size:20px}.suzutil-listhead span{padding:2px 10px;border-radius:999px;background:#f1f5f9;color:#334155;font-weight:700}
.suzutil-list th{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#475569;background:#f8fafc}
.suzutil-list tbody tr:hover{background:#f8fafc}
.suzutil-empty{text-align:center;padding:40px 16px 32px;border:2px dashed #e2e8f0;border-radius:14px;background:#fcfdff}.suzutil-empty>div{font-size:40px}.suzutil-empty h3{margin:8px 0 6px;font-size:18px}.suzutil-empty p{max-width:460px;margin:0 auto 16px;color:#475569}
@media(max-width:1100px){.suzutil-kpis{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.suzutil-kpis{grid-template-columns:1fr 1fr}.suzutil-kpis b{font-size:24px}.suzutil-kpis i{width:36px;height:36px;font-size:16px}}
@media(prefers-color-scheme:dark){.suzutil-kpis article{background:linear-gradient(135deg,color-mix(in srgb,var(--c) 18%,#0f172a),#0f172a 75%)}.suzutil-kpis b{color:#f1f5f9}.suzutil-kpis span,.suzutil-head p,.suzutil-empty p{color:#cbd5e1}.suzutil-empty{background:transparent;border-color:#334155}.suzutil-list th{background:transparent;color:#94a3b8}}