:root{--color-bg: #f5f7fa;--color-surface: #ffffff;--color-sidebar: #1e2430;--color-sidebar-text: #e5e9f0;--color-sidebar-active: #2b3444;--color-accent: #2563eb;--color-accent-hover: #1d4ed8;--color-danger: #dc2626;--color-warning: #d97706;--color-success: #16a34a;--color-text: #1f2937;--color-text-muted: #6b7280;--color-border: #e5e7eb;--radius-md: 10px;--radius-lg: 14px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .08), 0 4px 12px rgba(0, 0, 0, .05);--font-main: "Segoe UI", Roboto, "Helvetica Neue", Arial, system-ui, sans-serif}html{overflow-y:scroll;scrollbar-gutter:stable}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-main);background:var(--color-bg);color:var(--color-text);font-size:14px;line-height:1.45}.plan-frame{display:block;transform:translateZ(0);backface-visibility:hidden}.plan-frame svg{display:block;max-width:100%;height:auto}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;border:none;border-radius:var(--radius-md);padding:8px 16px;font-size:14px;font-family:inherit;cursor:pointer;transition:background .15s ease,transform .05s ease;text-decoration:none}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--color-accent);color:#fff}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text);border:1px solid var(--color-border)}.btn-ghost:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--color-success);color:#fff}.btn-success:hover{background:#15803d}.input{width:100%;padding:9px 12px;font-size:14px;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text)}.input:focus{outline:2px solid var(--color-accent);outline-offset:0;border-color:transparent}.label{display:block;margin-bottom:6px;font-weight:600;color:var(--color-text)}.table{width:100%;border-collapse:collapse;background:var(--color-surface);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card)}.table th,.table td{text-align:left;padding:10px 14px;border-bottom:1px solid var(--color-border)}.table th{background:var(--color-bg);font-weight:600;color:var(--color-text-muted);font-size:12px;text-transform:uppercase;letter-spacing:.04em}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.badge-success{background:#dcfce7;color:var(--color-success)}.badge-danger{background:#fee2e2;color:var(--color-danger)}.badge-warning{background:#fef3c7;color:var(--color-warning)}.badge-muted{background:var(--color-bg);color:var(--color-text-muted)}.layout{display:flex;min-height:100%}.layout-main{flex:1;display:flex;flex-direction:column;min-width:0}.layout-content{padding:24px;flex:1}.page-title{margin:0 0 4px;font-size:22px}.page-subtitle{margin:0 0 18px;color:var(--color-text-muted)}.row-focus{animation:row-focus-flash 2.6s ease-out}@keyframes row-focus-flash{0%{background:#fde68a}70%{background:#fde68a}to{background:transparent}}