:root{--bg:#f7f8fa;--surface:#ffffff;--text:#1f2328;--muted:#6b7280;--border:#d9dde3;--primary:#2457c5;--danger:#c62828;--danger-bg:#fdecea;--computed-bg:#f1f3f5;--radius:6px;font-family:Pretendard,Malgun Gothic,Apple SD Gothic Neo,system-ui,sans-serif;font-size:14px;color:var(--text)}*{box-sizing:border-box}body{margin:0;background:var(--bg)}a{color:var(--primary);text-decoration:none}.app-header{display:flex;align-items:center;gap:16px;padding:0 16px;height:52px;background:var(--surface);border-bottom:1px solid var(--border);position:-webkit-sticky;position:sticky;top:0;z-index:10}.app-title{font-weight:700;color:var(--text);white-space:nowrap}.app-nav{display:flex;gap:4px;overflow-x:auto}.nav-item{padding:6px 10px;border-radius:var(--radius);color:var(--text);white-space:nowrap}.nav-item:hover{background:var(--bg)}.app-header-right{margin-left:auto;display:flex;align-items:center;gap:12px;white-space:nowrap}.app-user{color:var(--muted)}.app-main{padding:16px;max-width:1600px;margin:0 auto}.page-title{font-size:20px;margin:4px 0 16px}.vat-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.vat-toggle button{border:0;background:var(--surface);padding:4px 10px;cursor:pointer;font:inherit}.vat-toggle button[aria-pressed=true]{background:var(--primary);color:#fff}.btn{border:1px solid var(--border);background:var(--surface);padding:6px 12px;border-radius:var(--radius);cursor:pointer;font:inherit}.btn-primary{background:var(--primary);border-color:var(--primary);color:#fff}.btn-danger{color:var(--danger)}.btn-link{border:0;background:none;color:var(--muted);cursor:pointer;font:inherit}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:16px}.warn-badge{display:inline-block;background:var(--danger-bg);color:var(--danger);border-radius:10px;padding:1px 8px;font-size:12px}.num{text-align:right;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.error-text{color:var(--danger)}@media (max-width:640px){.app-header{flex-wrap:wrap;height:auto;padding:8px 12px;gap:8px}.app-header-right{flex-wrap:wrap;max-width:100%;margin-left:0;gap:8px;white-space:normal}.app-user{overflow-wrap:anywhere}.app-nav{max-width:100%}.nav-item:not(.nav-mobile){display:none}.app-main{padding:12px}}