:root{--bg:#f6f8f9;--surface:#fff;--text:#182027;--muted:#68747d;--border:#dfe5e9;--accent:#243f54;--confirmed-bg:#eaf5ee;--confirmed-text:#1d6a3c;--forecast-bg:#fff5df;--forecast-text:#8a5a00;--shadow:0 8px 28px rgba(18,34,46,.08)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;min-height:100dvh;color:var(--text);background:var(--bg);font-family:Verdana,Geneva,sans-serif;font-size:14px}a{color:#145a8d;text-underline-offset:2px}.page-shell{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.98);border-bottom:1px solid var(--border)}.header-inner{width:min(1500px,100%);margin:0 auto;min-height:76px;padding:10px 20px;display:grid;grid-template-columns:210px 1fr 120px;align-items:center;gap:16px}.brand-logo{max-height:48px;max-width:190px;width:auto;display:block}.header-title{text-align:center;font-weight:700;font-size:18px}.logout-link{justify-self:end;font-size:12px;color:var(--muted)}.content{flex:1 0 auto;width:min(1500px,calc(100% - 30px));margin:22px auto 28px}.intro{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;margin-bottom:16px}.intro p{margin:0;line-height:1.55;color:#394650}.kpi-grid{display:grid;grid-template-columns:repeat(2,minmax(0,260px));gap:14px;margin-bottom:18px}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:14px 18px;box-shadow:var(--shadow)}.kpi span{display:block;font-size:12px;color:var(--muted);margin-bottom:8px}.kpi strong{display:block;font-size:34px;line-height:1}.table-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);overflow:hidden}.table-scroll{width:100%;overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{padding:12px 14px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle;line-height:1.4}th{background:#eef2f4;color:#394650;font-size:12px;white-space:nowrap}tbody tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;min-height:28px;padding:4px 9px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status.confirmed{background:var(--confirmed-bg);color:var(--confirmed-text)}.status.forecast{background:var(--forecast-bg);color:var(--forecast-text)}.legal-footer{flex:0 0 auto;padding:10px 18px calc(10px + env(safe-area-inset-bottom));text-align:center;border-top:1px solid var(--border);background:#fff;color:var(--muted);font-size:10px;line-height:1.4}.legal-footer p{margin:0}.alert{margin:0 0 16px;padding:12px 14px;border-radius:9px}.alert-error{background:#ffe8e8;color:#8b1d1d}.alert-warning{background:#fff3d4;color:#765100}.login-page{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:24px}.login-card,.center-panel{width:min(420px,100%);background:#fff;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.login-logo{max-width:230px;max-height:70px;display:block;margin:0 auto 18px}.login-card h1,.center-panel h1{margin:0 0 8px;text-align:center;font-size:22px}.muted{color:var(--muted);text-align:center;margin:0 0 22px}.login-card label{display:block;margin-bottom:7px;font-weight:700;font-size:12px}.login-card input[type=password]{width:100%;border:1px solid #bfc9d0;border-radius:9px;padding:12px 13px;font:inherit;margin-bottom:12px}.login-card button{width:100%;border:0;border-radius:9px;padding:12px 14px;font:inherit;font-weight:700;background:var(--accent);color:#fff;cursor:pointer}
@media(max-width:760px){.header-inner{min-height:64px;padding:8px 12px;grid-template-columns:120px 1fr auto;gap:8px}.brand-logo{max-height:38px;max-width:116px}.header-title{text-align:left;font-size:14px;line-height:1.2}.logout-link{font-size:10px}.content{width:min(100% - 16px,1500px);margin:12px auto 18px}.intro{padding:11px 12px;font-size:12px}.kpi-grid{grid-template-columns:1fr 1fr;gap:8px}.kpi{padding:11px 12px;box-shadow:none}.kpi span{font-size:10px;min-height:24px}.kpi strong{font-size:28px}.table-card{border:0;box-shadow:none;background:transparent;overflow:visible}.table-scroll{overflow:visible}table,thead,tbody,tr,th,td{display:block;width:100%}thead{display:none}tbody{display:grid;gap:10px}tr{background:#fff;border:1px solid var(--border);border-radius:12px;padding:8px 12px;box-shadow:0 4px 16px rgba(18,34,46,.05)}td{display:grid;grid-template-columns:minmax(105px,36%) 1fr;gap:8px;padding:8px 0;border-bottom:1px solid #edf0f2;font-size:12px;overflow-wrap:anywhere}td:last-child{border-bottom:0}td::before{content:attr(data-label);color:var(--muted);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.02em}.legal-footer{font-size:9px;padding-left:10px;padding-right:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}