:root{--color-primary:#0f172a;--color-primary-light:#334155;--color-blue:#2563eb;--color-blue-light:#eff6ff;--color-success:#10b981;--color-success-light:#ecfdf5;--color-warning:#f59e0b;--color-warning-light:#fffbeb;--color-danger:#ef4444;--color-danger-light:#fef2f2;--color-bg-body:#f0f4f8;--color-bg-surface:#fff;--color-bg-hover:#f1f5f9;--color-border:#e2e8f0;--color-border-light:#f1f5f9;--color-surface-body:var(--color-bg-body);--color-surface-sidebar:var(--color-bg-surface);--color-surface-table:var(--color-bg-surface);--color-surface-table-header:var(--color-bg-hover);--color-surface-card:var(--color-bg-surface);--color-surface-header:var(--color-bg-surface);--color-surface-input:var(--color-bg-surface);--color-surface-input-border:var(--color-border);--color-table-border:var(--color-border);--color-table-hover:var(--color-bg-hover);--color-text-main:#0f172a;--color-text-muted:#64748b;--color-text-light:#94a3b8;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:1rem;--radius-xl:1.5rem;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 25px -3px #0000000d, 0 4px 10px -4px #00000008;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--color-primary:#1e293b;--color-primary-light:#475569;--color-blue:#3b82f6;--color-blue-light:#3b82f633;--color-success:#10b981;--color-success-light:#10b98133;--color-warning:#f59e0b;--color-warning-light:#f59e0b33;--color-danger:#ef4444;--color-danger-light:#ef444433;--color-bg-body:#121212;--color-bg-surface:#1e1e1e;--color-bg-hover:#2c2c2c;--color-border:#444;--color-border-light:#333;--color-text-main:#e0e0e0;--color-text-muted:#a0a0a0;--color-text-light:#777;--color-surface-body:#121212;--color-surface-sidebar:#1a1a1a;--color-surface-table:#1e1e1e;--color-surface-table-header:#2a2a2a;--color-surface-card:#2a2a2a;--color-surface-header:#1a1a1a;--color-surface-input:#2a2a2a;--color-surface-input-border:#444;--color-table-border:#333;--color-table-hover:#2c2c2c;--shadow-sm:0 1px 2px 0 #00000080;--shadow-md:0 4px 6px -1px #00000080;--shadow-lg:0 4px 10px #0000004d}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-surface-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;line-height:1.5}h1,h2,h3,h4,h5,h6{color:var(--color-text-main);font-weight:600;line-height:1.2}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;background:0 0;border:none}.app-container{min-height:100vh;display:flex}.sidebar{background-color:var(--color-surface-sidebar);border-right:1px solid var(--color-border);width:260px;padding:var(--space-6) 0;z-index:50;flex-direction:column;height:100vh;display:flex;position:fixed}.main-content{flex:1;min-width:0;min-height:100vh;margin-left:260px;overflow-x:hidden}.page-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);background-color:var(--color-surface-header);z-index:40;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.page-body{padding:var(--space-8)}.card{background-color:var(--color-surface-card);border:1px solid var(--color-border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-6)}.grid{gap:var(--space-6);display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.table-container{border:1px solid var(--color-table-border);border-radius:var(--radius-md);background:var(--color-surface-table);width:100%;max-height:calc(100vh - 240px);overflow:auto}table{border-collapse:collapse;text-align:left;width:100%}th{z-index:10;background-color:var(--color-surface-table-header);color:var(--color-text-muted);font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-table-border);box-shadow:0 1px 0 var(--color-table-border);font-weight:500;position:sticky;top:0}td{padding:var(--space-4);border-bottom:1px solid var(--color-table-border);font-size:var(--font-size-sm);color:var(--color-text-main)}tr:last-child td{border-bottom:none}tr:hover td{background-color:var(--color-table-hover)}.badge{font-size:var(--font-size-xs);border-radius:9999px;align-items:center;padding:.125rem .5rem;font-weight:500;line-height:1.25rem;display:inline-flex}.badge-success{background-color:var(--color-success-light);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger)}.badge-neutral{background-color:var(--color-bg-hover);color:var(--color-text-muted)}.badge-blue{background-color:var(--color-blue-light);color:var(--color-blue)}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.text-large{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl);font-weight:600}.font-medium{font-weight:500}.font-semibold{font-weight:600}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-item-center{align-items:center;display:flex}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-light)}.input{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-surface-input-border);border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);background-color:var(--color-surface-input);color:var(--color-text-main);transition:border-color var(--transition-fast)}.input:focus{border-color:var(--color-blue);box-shadow:0 0 0 3px var(--color-blue-light);outline:none}select.input{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;background-color:var(--color-surface-input);padding-right:2.5rem}.button{padding:var(--space-2) var(--space-4);background-color:var(--color-bg-surface);color:var(--color-text-main);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;font-weight:500;display:inline-flex}.button:hover{background-color:var(--color-bg-hover);border-color:var(--color-text-light)}.button-primary{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.button-primary:hover{background-color:var(--color-primary-light)}.feature-badge.info{background-color:var(--color-blue);color:#fff}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:0 0}.custom-scrollbar::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}.button-danger{background-color:var(--color-danger);color:#fff;border-color:var(--color-danger)}.button-danger:hover{filter:brightness(.9)}.button:disabled{opacity:.6;cursor:not-allowed}.modal-overlay{z-index:50;width:100vw;height:100vh;padding:var(--space-4);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0f172a66;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{background-color:var(--color-bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;width:100%;max-width:500px;max-height:90vh;display:flex}.modal-header{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-body{padding:var(--space-6);gap:var(--space-4);flex-direction:column;display:flex;overflow-y:auto}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--space-3);background-color:var(--color-bg-body);border-bottom-left-radius:var(--radius-lg);border-bottom-right-radius:var(--radius-lg);display:flex}.form-group{gap:var(--space-1);flex-direction:column;display:flex}.form-label{font-size:var(--font-size-sm);color:var(--color-text-main);font-weight:500}.tabs-container{gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-1);background-color:var(--color-border);border-radius:var(--radius-md);display:inline-flex}.tab-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-sm);border-radius:var(--radius-sm);color:var(--color-text-muted);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.tab-button:hover{color:var(--color-text-main);background-color:#ffffff80}.tab-button.active{background-color:var(--color-bg-surface);color:var(--color-blue);box-shadow:var(--shadow-sm)}.month-selector{align-items:center;gap:var(--space-2);background-color:var(--color-bg-surface);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:inline-flex}.month-selector span{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:500}.month-selector input{color:var(--color-text-main);font-family:inherit;font-weight:600;font-size:var(--font-size-base);cursor:pointer;background:0 0;border:none;outline:none}.alert-row{border:1px solid var(--color-warning-light);cursor:pointer;transition:all var(--transition-fast)}.alert-row:hover{background-color:var(--color-warning-light);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.alert-row-title{transition:color var(--transition-fast)}.alert-row:hover .alert-row-title{color:var(--color-warning)}.budget-hover-row{transition:background 80ms}.budget-hover-row:hover td{transition:background 80ms;background:#6366f11a!important}.guide-wrapper{background-color:var(--color-bg-surface);color:var(--color-text-main);min-height:100vh}.guide-header{background-color:var(--color-bg-hover);border-bottom:1px solid var(--color-border);text-align:center;margin-bottom:60px;padding:60px 32px;position:relative;overflow:hidden}.guide-header-icon{background:var(--color-bg-surface);border:1px solid var(--color-border);width:64px;color:var(--color-blue);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 24px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.guide-title{color:var(--color-text-main);margin-bottom:16px;font-size:2.5rem;font-weight:800}.guide-subtitle{color:var(--color-text-muted);font-size:1.125rem;font-weight:500}.guide-section{max-width:1000px;margin:0 auto 80px;padding:0 32px}.section-title{text-align:center;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;font-size:1.5rem;font-weight:800;display:flex}.feature-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}@media (width<=768px){.feature-grid{grid-template-columns:1fr}}.feature-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;padding:24px;transition:box-shadow .2s,transform .2s;box-shadow:0 1px 3px #0000001a}.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.feature-icon-wrapper{background:var(--color-bg-hover);border:1px solid var(--color-border-light);border-radius:12px;width:max-content;margin-bottom:16px;padding:12px}.feature-card h3{margin-bottom:8px;font-size:1.125rem;font-weight:800}.feature-card p{color:var(--color-text-muted);font-size:.875rem;line-height:1.6}.flow-section{background-color:var(--color-bg-hover);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:80px;padding:80px 32px}.flow-container{justify-content:center;align-items:center;gap:24px;max-width:1000px;margin:0 auto;display:flex}@media (width<=900px){.flow-container{flex-direction:column}}.flow-box{background:var(--color-bg-surface);border:2px solid var(--color-border);text-align:center;border-radius:12px;align-items:center;min-width:140px;padding:16px;display:flex;box-shadow:0 1px 2px #0000000d}.flow-box.highlight{background:var(--color-blue);border-color:var(--color-blue);color:#fff;transform:scale(1.05);box-shadow:0 10px 15px -3px #2563eb4d}.flow-box .icon{color:var(--color-text-light);margin-bottom:8px}.flow-box.highlight .icon{color:#fff}.flow-box .title{margin-bottom:4px;font-size:.875rem;font-weight:800}.flow-box.highlight .title{font-size:1.125rem}.flow-box .subtitle{color:var(--color-text-muted);font-size:.75rem;font-weight:700}.flow-box.highlight .subtitle{color:var(--color-blue-light)}.flow-arrow{color:var(--color-border);align-items:center;display:flex}@media (width<=900px){.flow-arrow{margin:8px 0;transform:rotate(90deg)}}.flow-output-box{background:var(--color-bg-surface);border:2px solid var(--color-border);border-radius:12px;min-width:180px;padding:16px}.flow-output-title{text-align:center;color:var(--color-text-main);border-bottom:1px solid var(--color-border);margin-bottom:8px;padding-bottom:8px;font-size:.875rem;font-weight:800}.flow-output-item{color:var(--color-text-muted);background:var(--color-bg-hover);text-align:center;border-radius:6px;margin-bottom:8px;padding:8px;font-size:.75rem;font-weight:700}@keyframes flowDash{to{stroke-dashoffset:-20px}}.animate-flow{stroke:var(--color-blue);animation:1s linear infinite flowDash}.action-table-container{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;overflow:hidden;box-shadow:0 1px 3px #0000000d}.action-row{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;padding:20px;transition:background-color .2s;display:flex}.action-row:last-child{border-bottom:none}.action-row:hover{background-color:var(--color-bg-hover)}@media (width<=600px){.action-row{flex-direction:column;align-items:flex-start;gap:12px}.action-row-right{justify-content:space-between;width:100%}}.action-intent{color:var(--color-text-main);font-weight:800}.action-row-right{align-items:center;gap:16px;display:flex}.action-dest{color:var(--color-blue);background:var(--color-blue-light);border:1px solid #2563eb33;border-radius:99px;padding:4px 12px;font-size:.875rem;font-weight:800}.action-link{color:var(--color-text-light);opacity:0;align-items:center;gap:4px;font-size:.875rem;font-weight:800;text-decoration:none;transition:all .2s;display:flex;transform:translate(-10px)}.action-row:hover .action-link{opacity:1;color:var(--color-blue);transform:translate(0)}.menu-grid-section{background-color:var(--color-bg-hover);border-top:1px solid var(--color-border);border-bottom:1px solid var(--color-border);margin-bottom:40px;padding:80px 32px}.menu-card{background:var(--color-bg-surface);border:1px solid var(--color-border);border-radius:16px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 1px 3px #0000000d}.menu-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px #0000001a}.menu-card-header{background:var(--color-bg-hover);border-bottom:1px solid var(--color-border-light);align-items:center;gap:12px;padding:16px 20px;display:flex}.menu-number{background:var(--color-bg-surface);border:1px solid var(--color-border);width:24px;height:24px;color:var(--color-text-light);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:.65rem;font-weight:900;display:flex}.menu-card-title{color:var(--color-text-main);align-items:center;gap:8px;font-size:1.125rem;font-weight:800;display:flex}.menu-card-icon{color:var(--color-blue)}.menu-card-body{flex-direction:column;flex:1;gap:20px;padding:20px;display:flex}.menu-label{text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-light);margin-bottom:4px;font-size:.65rem;font-weight:900;display:block}.menu-overview{color:var(--color-text-muted);font-size:.875rem;font-weight:600;line-height:1.6}.menu-scene-box{background:var(--color-blue-light);color:var(--color-blue);border:1px solid #2563eb33;border-radius:8px;margin-top:auto;padding:10px;font-size:.75rem;font-weight:800;line-height:1.4}.guide-footer{text-align:center;padding:40px 32px 80px}.guide-footer-text{color:var(--color-text-muted);font-size:1rem;font-weight:700;line-height:1.6}