*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{-webkit-font-smoothing:antialiased;font-family:system-ui,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}.as400-screen{color:#3f3;background:#000c00;border:2px solid #0a3d0a;border-radius:4px;width:100%;max-width:900px;margin:0 auto;padding:18px 24px 24px;font-family:IBM Plex Mono,Courier New,monospace;font-size:14px;line-height:1.7;box-shadow:inset 0 0 60px #00ff000f,0 0 24px #0006}.as400-header-row{color:#fff;justify-content:space-between;display:flex}.as400-subheader{color:#3f3;margin-bottom:4px;font-size:13px}.as400-title{text-align:center;letter-spacing:3px;flex:1}.as400-message{color:#ff6;margin:10px 0 16px}.as400-field-row{flex-wrap:wrap;align-items:center;gap:28px;margin-bottom:8px;display:flex}.as400-field{align-items:center;gap:6px;display:flex}.as400-label{color:#3f3;white-space:nowrap}.as400-input,.as400-select{color:#c8ffc8;font-family:inherit;font-size:inherit;appearance:none;background:#001f00;border:none;border-bottom:1px solid #0d8a0d;padding:2px 4px}.as400-input:focus,.as400-select:focus{color:#fff;background:#004d00;outline:none}.as400-input[disabled]{color:#3f3;background:0 0;border-bottom:1px dotted #1f5c1f}.as400-divider{border-top:1px dashed #1f5c1f;margin:14px 0 10px}.as400-subfile-title{color:#fff;margin-bottom:6px}.as400-subfile-header,.as400-subfile-row{grid-template-columns:36px 84px 1fr 1fr 56px 100px 84px;gap:4px;display:grid}.as400-subfile-header{color:#fff;border-bottom:1px solid #3f3;margin-bottom:2px;padding-bottom:4px}.as400-subfile-row{cursor:pointer;padding:3px 0}.as400-subfile-row:hover{background:#00ff0014}.as400-subfile-row.selected{color:#fff;background:#00ff0029}.as400-footer{color:#3f3;border-top:1px solid #1f5c1f;flex-wrap:wrap;gap:18px;margin-top:18px;padding-top:8px;display:flex}.as400-menu-list{flex-direction:column;gap:6px;margin:6px 0 18px;display:flex}.as400-menu-item{cursor:pointer;gap:10px;padding:2px 4px;display:flex}.as400-menu-item:hover{background:#00ff001a}.as400-menu-code{color:#fff;text-align:right;width:24px}.as400-notice{color:#f66}.as400-menu-input-row{margin-top:6px}.web-screen{flex-direction:column;gap:20px;width:100%;max-width:900px;margin:0 auto;display:flex}.web-card{background:#fff;border:1px solid #e5e9f0;border-radius:12px;padding:24px 28px;box-shadow:0 1px 3px #0f172a14,0 8px 24px #0f172a0f}.web-card-header{align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.web-card-header h2{color:#0f172a;margin:0;font-size:18px}.web-card-sub{color:#94a3b8;font-size:12px}.web-form-grid{grid-template-columns:repeat(3,1fr);gap:16px 20px;display:grid}.web-field{flex-direction:column;gap:6px;display:flex}.web-field label{color:#64748b;font-size:12px;font-weight:500}.web-field input,.web-field select{color:#0f172a;background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;padding:9px 10px;font-family:inherit;font-size:14px}.web-field input:focus,.web-field select:focus{outline-offset:1px;background:#fff;border-color:#2563eb;outline:2px solid #93c5fd}.web-field input:disabled{color:#64748b;background:#f1f5f9}.web-amount-value{color:#2563eb;padding:8px 0 2px;font-size:20px;font-weight:700}.web-actions{gap:10px;margin-top:20px;display:flex}.web-btn{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:10px 22px;font-size:14px;font-weight:600}.web-btn-primary{color:#fff;background:#2563eb}.web-btn-primary:hover{background:#1d4ed8}.web-btn-secondary{color:#475569;background:#fff;border-color:#d7dee8}.web-btn-secondary:hover{background:#f1f5f9}.web-table-wrap{overflow-x:auto}.web-table{border-collapse:collapse;width:100%;font-size:13px}.web-table th{text-align:left;color:#64748b;border-bottom:1px solid #e5e9f0;padding:8px 10px;font-weight:600}.web-table td{color:#1e293b;border-bottom:1px solid #eef1f5;padding:10px}.web-table tbody tr{cursor:pointer}.web-table tbody tr:hover{background:#f8fafc}.web-table tbody tr.selected{background:#eff6ff}.web-badge{border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;display:inline-block}.web-badge-shipped{color:#15803d;background:#dcfce7}.web-badge-pending{color:#b45309;background:#fef3c7}.dash-summary-clickable{cursor:pointer;transition:border-color .15s,box-shadow .15s}.dash-summary-clickable:hover{border-color:#93c5fd;box-shadow:0 1px 3px #2563eb26,0 10px 28px #2563eb1f}.dash-summary-link{color:#2563eb;margin-left:auto;font-size:13px;font-weight:600}.dash-kpi-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.dash-kpi-card{background:#f8fafc;border:1px solid #e5e9f0;border-radius:10px;flex-direction:column;gap:6px;padding:16px 18px;display:flex}.dash-kpi-label{color:#64748b;font-size:12px;font-weight:500}.dash-kpi-value{color:#0f172a;font-size:22px;font-weight:700}.dash-kpi-unit{color:#64748b;margin-left:2px;font-size:13px;font-weight:500}.dash-row{grid-template-columns:1fr 1.3fr;gap:20px;display:grid}.dash-col{flex-direction:column;display:flex}.dash-donut-wrap{flex-wrap:wrap;align-items:center;gap:24px;display:flex}.dash-donut{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.dash-donut-hole{background:#fff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:80px;height:80px;display:flex}.dash-donut-pct{color:#0f172a;font-size:18px;font-weight:700}.dash-donut-pct-label{color:#64748b;font-size:10.5px}.dash-legend{color:#334155;flex-direction:column;gap:10px;font-size:13.5px;display:flex}.dash-legend-item{align-items:center;gap:8px;display:flex}.dash-dot{border-radius:50%;width:10px;height:10px;display:inline-block}.dash-dot-green{background:#16a34a}.dash-dot-amber{background:#f59e0b}.dash-bar-list{flex-direction:column;gap:14px;display:flex}.dash-bar-row{grid-template-columns:110px 1fr 90px;align-items:center;gap:10px;display:grid}.dash-bar-label{color:#334155;white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.dash-bar-track{background:#f1f5f9;border-radius:999px;height:10px;overflow:hidden}.dash-bar-fill{background:#2563eb;border-radius:999px;height:100%}.dash-bar-value{color:#334155;text-align:right;font-size:12.5px}@media (width<=760px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-row{grid-template-columns:1fr}}.web-menu-intro{text-align:left}.web-menu-lead{color:#475569;margin:0;font-size:14px}.web-error-text{color:#b91c1c}.web-menu-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.web-menu-card{text-align:left;cursor:pointer;background:#fff;border:1px solid #e5e9f0;border-radius:12px;flex-direction:column;gap:6px;padding:22px 24px;font-family:inherit;display:flex;box-shadow:0 1px 3px #0f172a14,0 8px 24px #0f172a0f}.web-menu-card:hover{border-color:#93c5fd;box-shadow:0 1px 3px #2563eb26,0 10px 28px #2563eb1f}.web-menu-card-title{color:#0f172a;font-size:18px;font-weight:700}.web-menu-card-top{align-items:center;gap:8px;display:flex}.web-menu-card-badge{color:#fff;letter-spacing:.03em;background:#16a34a;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:700}.web-menu-card-sub{color:#94a3b8;font-size:12px}.web-menu-card-desc{color:#475569;margin-top:6px;font-size:13px}.agent-card{flex-direction:column;display:flex}.agent-chat-log{background:#f8fafc;border:1px solid #e5e9f0;border-radius:10px;flex-direction:column;gap:10px;height:320px;margin-bottom:14px;padding:16px;display:flex;overflow-y:auto}.agent-bubble-row{display:flex}.agent-bubble-row-user{justify-content:flex-end}.agent-bubble-row-ai{justify-content:flex-start}.agent-bubble{border-radius:14px;max-width:78%;padding:10px 14px;font-size:14px;line-height:1.6}.agent-bubble-user{color:#fff;background:#2563eb;border-bottom-right-radius:4px}.agent-bubble-ai{color:#0f172a;background:#fff;border:1px solid #e5e9f0;border-bottom-left-radius:4px}.agent-bubble-typing{color:#94a3b8;font-style:italic}.agent-quick-replies{flex-wrap:wrap;gap:8px;margin-bottom:12px;display:flex}.agent-quick-btn{color:#1d4ed8;cursor:pointer;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;padding:7px 14px;font-family:inherit;font-size:12.5px;font-weight:600}.agent-quick-btn:hover{background:#dbeafe}.agent-input-row{gap:10px;display:flex}.agent-input-row input{background:#f8fafc;border:1px solid #d7dee8;border-radius:8px;flex:1;padding:10px 12px;font-family:inherit;font-size:14px}.agent-input-row input:focus{background:#fff;border-color:#2563eb;outline:2px solid #93c5fd}.agent-disclaimer{color:#94a3b8;margin:10px 0 0;font-size:11.5px}.app-shell{min-height:100vh;padding:24px 16px 60px;transition:background-color .2s}.app-shell-as400{background:#050505}.app-shell-web{background:#eef1f6}.mode-bar{z-index:10;background:#fff;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:900px;margin:0 auto 24px;padding:14px 20px;display:flex;position:sticky;top:0;box-shadow:0 2px 10px #0f172a1f}.mode-bar-label{flex-direction:column;gap:2px;display:flex}.mode-bar-title{color:#0f172a;font-size:14px;font-weight:700}.mode-bar-sub{color:#64748b;font-size:12px}.mode-bar-badge{color:#b45309;font-weight:600}.mode-bar-actions{align-items:center;gap:12px;display:flex}.mode-bar-home{color:#334155;cursor:pointer;background:#fff;border:1px solid #d7dee8;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.mode-bar-home:hover{background:#f1f5f9}.mode-toggle{background:#f1f5f9;border-radius:999px;padding:4px;display:inline-flex}.mode-toggle-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600}.mode-toggle-btn.active{color:#fff;background:#2563eb}.mode-content{padding-top:4px}