.login-boot,.login-screen{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--bg)}.login-boot{color:var(--muted)}.login-card{width:min(400px,100%);background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:28px 28px 24px;box-shadow:0 12px 40px #0f172a0f}.login-card h1{margin:0 0 6px;font-size:22px;letter-spacing:-.03em}.login-card p{margin:0 0 22px;color:var(--muted);line-height:1.45}.login-field{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.login-field label{font-size:12px;color:var(--muted)}.login-field input{padding:10px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.login-field input:focus{outline:2px solid var(--accent-soft);border-color:var(--accent)}.login-error{margin:0 0 14px;color:var(--err);font-size:13px}.login-submit{width:100%;padding:10px 14px;border:none;border-radius:8px;background:var(--accent);color:#fff;font-weight:600}.login-submit:disabled{opacity:.6;cursor:not-allowed}:root{--bg: #f6f7f9;--panel: #ffffff;--border: #e5e7eb;--text: #1f2937;--muted: #6b7280;--accent: #2563eb;--accent-soft: #dbeafe;--ok: #16a34a;--err: #dc2626;--radius: 14px;--shell-top: 56px;--shell-nav: 220px;--safe-bottom: env(safe-area-inset-bottom, 0px);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg)}button{font-family:inherit;font-size:14px;cursor:pointer}input{font-family:inherit;font-size:14px}.app{display:grid;grid-template-columns:var(--shell-nav) 1fr;grid-template-rows:var(--shell-top) 1fr;grid-template-areas:"topbar topbar" "sidebar main";height:100vh;height:100dvh;max-height:100vh;max-height:100dvh}.topbar{grid-area:topbar;display:flex;align-items:center;gap:16px;padding:0 20px;background:var(--panel);border-bottom:1px solid var(--border);min-height:var(--shell-top)}.breadcrumbs{color:var(--muted);font-size:13px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumbs strong{color:var(--text)}.ref-input{display:flex;gap:8px;margin-left:auto;min-width:0}.ref-input input{padding:6px 10px;border:1px solid var(--border);border-radius:8px;width:160px;max-width:100%}.ref-input button{padding:6px 14px;background:var(--accent);color:#fff;border:none;border-radius:8px;flex-shrink:0}.health-badge{font-size:12px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);flex-shrink:0;white-space:nowrap}.health-badge.ok{color:var(--ok);background:#dcfce7;border-color:#bbf7d0}.health-badge.err{color:var(--err);background:#fee2e2;border-color:#fecaca}.logout-btn{padding:6px 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);flex-shrink:0}.logout-btn:hover{border-color:var(--accent)}.sidebar{grid-area:sidebar;background:var(--panel);border-right:1px solid var(--border);padding:10px 8px;display:flex;flex-direction:column;gap:2px;overflow:auto}.nav-item{padding:7px 12px;border-radius:8px;color:var(--muted);background:transparent;border:none;text-align:left;min-height:36px}.nav-item-short{display:none}.nav-item:hover{background:#f3f4f6;color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent);font-weight:600}.main{grid-area:main;padding:20px;overflow:auto;min-width:0;min-height:0}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:16px 18px}.screen-loading{color:var(--muted)}.inline-error{color:var(--err)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}.kpi-card{min-height:92px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px}.kpi-card span{display:block;color:var(--muted);font-size:12px;margin-bottom:8px}.kpi-card b{display:block;font-size:18px;line-height:1.25;letter-spacing:-.02em;font-weight:700;word-break:break-word}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.summary-field label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.summary-field span{font-weight:600;word-break:break-word}.screen-placeholder{padding:32px;text-align:center;color:var(--muted);background:var(--panel);border:1px dashed var(--border);border-radius:var(--radius)}@media (max-width: 900px){.app{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;grid-template-areas:"topbar" "main" "sidebar"}.topbar{flex-wrap:wrap;height:auto;padding:10px 12px;gap:8px 12px}.breadcrumbs{flex:1 1 auto;order:1}.health-badge{order:2}.ref-input{order:3;margin-left:0;width:100%}.ref-input input{flex:1;width:auto}.sidebar{flex-direction:row;border-right:none;border-top:1px solid var(--border);padding:6px;gap:4px;overflow-x:auto;padding-bottom:calc(6px + var(--safe-bottom));-webkit-overflow-scrolling:touch}.nav-item{flex:0 0 auto;text-align:center;padding:10px 8px;min-height:44px;min-width:4.25rem;font-size:12px}.nav-item-label{display:none}.nav-item-short{display:inline}.main{padding:12px}}@media (max-width: 720px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 480px){.kpi-grid,.summary-grid{grid-template-columns:1fr}}.ref-input button.secondary,.ref-input button:last-child{background:transparent;color:var(--accent);border:1px solid var(--border)}.ref-input button:first-of-type{background:var(--accent);color:#fff;border:none}.summary-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px;padding-top:16px;border-top:1px solid var(--border)}.summary-actions .btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-weight:600;font-size:14px;cursor:pointer}.summary-actions .btn:hover:not(:disabled){border-color:var(--accent)}.summary-actions .btn.danger{color:var(--err);border-color:#fecaca;background:#fef2f2}.summary-actions .btn:disabled{opacity:.6;cursor:not-allowed}.summary-toolbar{display:flex;justify-content:flex-end;margin-bottom:14px}.summary-toolbar .btn{padding:8px 16px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-weight:600;font-size:14px;cursor:pointer}.summary-toolbar .btn:hover{border-color:var(--accent)}.summary-source{margin-top:20px;padding:16px 18px;border:1px solid var(--border);border-left:4px solid var(--accent);border-radius:10px;background:var(--accent-soft)}.summary-source h3{margin:0 0 8px;font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--accent)}.summary-source p{margin:0 0 8px;font-size:14px;line-height:1.55;max-width:70ch}.summary-source p:last-child{margin-bottom:0}