@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap";
*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f1f3f5;--surface:#fff;--border:#dee2e6;--border-light:#e9ecef;--text-primary:#212529;--text-secondary:#6c757d;--text-muted:#adb5bd;--accent:#2563eb;--accent-hover:#1d4ed8;--accent-light:#dbeafe;--success:#16a34a;--warning:#d97706;--danger:#dc2626;--toolbar-h:52px;--statusbar-h:32px}html,body{background:var(--bg);height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Noto Sans JP,Hiragino Sans,sans-serif;font-size:13px}.toolbar{height:var(--toolbar-h);background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;display:flex}.toolbar-left{flex:1;align-items:center;gap:8px;display:flex}.toolbar-right{align-items:center;gap:8px;display:flex}.app-logo{align-items:center;gap:8px;margin-right:4px;display:flex}.logo-mark{background:var(--accent);color:#fff;letter-spacing:-.5px;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;font-weight:600;display:flex}.logo-text{color:var(--text-primary);font-size:15px;font-weight:600}.divider{background:var(--border);width:1px;height:24px;margin:0 4px}.btn{border:1px solid var(--border);background:var(--surface);height:30px;color:var(--text-primary);cursor:pointer;white-space:nowrap;border-radius:5px;align-items:center;gap:5px;padding:0 12px;font-family:inherit;font-size:12px;font-weight:500;transition:background .1s,border-color .1s;display:inline-flex}.btn:hover{background:var(--bg);border-color:#c8ccd0}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--bg);border-color:var(--border)}.btn-save{background:var(--accent);border-color:var(--accent);color:#fff;height:32px;padding:0 16px;font-weight:600}.btn-save:hover{background:var(--accent-hover)}.btn-save.disabled{cursor:not-allowed;background:#94a3b8;border-color:#94a3b8}.dirty-badge{height:30px;color:var(--warning);background:#fffbeb;border:1px solid #fcd34d;border-radius:5px;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:500;display:flex}.dirty-dot{background:var(--warning);border-radius:50%;flex-shrink:0;width:7px;height:7px}.btn-discard{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;padding:0 2px;font-family:inherit;font-size:11px;text-decoration:underline}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-bar{height:var(--statusbar-h);background:var(--surface);border-top:1px solid var(--border);color:var(--text-secondary);flex-shrink:0;align-items:center;gap:8px;padding:0 12px;font-size:12px;display:flex}.status-item strong{color:var(--text-primary)}.status-sep{color:var(--border)}.text-green{color:var(--success)!important}.text-gray{color:var(--text-secondary)!important}.text-red{color:var(--danger)!important}.status-right{color:var(--text-muted);gap:12px;margin-left:auto;display:flex}kbd{background:var(--bg);border:1px solid var(--border);height:17px;color:var(--text-secondary);border-radius:3px;padding:0 5px;font-family:inherit;font-size:11px;line-height:17px;display:inline-block}.app-layout{flex-direction:column;height:100vh;display:flex;overflow:hidden}.grid-wrapper{flex:1;min-height:0;position:relative;overflow:hidden}.sheet-tabs{border-top:1px solid var(--border);background:#e5e7eb;flex-shrink:0;align-items:flex-end;gap:3px;height:46px;padding-left:8px;display:flex}.sheet-tab{height:36px;color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#d1d5db;border:1px solid #0000;border-bottom:none;border-radius:5px 5px 0 0;align-items:center;padding:0 24px;font-family:inherit;font-size:13px;font-weight:500;transition:background .1s;display:flex}.sheet-tab:hover{color:var(--text-primary);background:#e9ecef}.sheet-tab.active{background:var(--surface);border-color:var(--border);color:var(--text-primary);height:40px;font-size:14px;font-weight:600}.dvn-scroller::-webkit-scrollbar{width:10px;height:10px}.dvn-scroller::-webkit-scrollbar-track{background:#f1f5f9}.dvn-scroller::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:5px}.dvn-scroller::-webkit-scrollbar-thumb:hover{background:#94a3b8}