:root{--primary: #605dff;--primary-strong: #4f46e5;--primary-soft: #efecff;--success: #16a34a;--warning: #f59e0b;--danger: #ef4444;--bg: #f6f7f9;--surface: #ffffff;--surface-soft: #f8faff;--border: #eceef2;--text: #1f2937;--text-muted: #64748b;--shadow-sm: 0 2px 8px rgba(15, 23, 42, .04);--shadow-md: 0 12px 24px rgba(15, 23, 42, .06);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--transition: .2s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--text);line-height:1.5;min-height:100vh}#app{min-height:100vh}.container{max-width:1280px;margin:0 auto;padding:24px}.header{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 24px;box-shadow:var(--shadow-sm);margin-bottom:22px}.header h1{font-size:1.6rem;font-weight:700;color:var(--text)}.header p{color:var(--text-muted);font-size:.9rem;margin-top:4px}.guide-btn{border:1px solid var(--border);background:var(--surface-soft);color:var(--text);border-radius:999px;padding:9px 14px;font-weight:600;cursor:pointer;transition:var(--transition);white-space:nowrap}.guide-btn:hover{border-color:var(--primary);color:var(--primary)}.section{margin-bottom:22px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step-badge{width:28px;height:28px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-weight:700;font-size:.85rem}.section-title{font-size:1.1rem;font-weight:700}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card,.result-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.card-title{display:flex;align-items:center;gap:10px;font-size:1rem;margin-bottom:14px}.card-title .icon{width:28px;height:28px;border-radius:8px;background:var(--primary-soft);display:inline-flex;align-items:center;justify-content:center}.form-row{display:flex;gap:10px;align-items:flex-end}.form-group{flex:1}.form-label{display:block;font-size:.78rem;color:var(--text-muted);margin-bottom:6px;font-weight:600}.form-input{width:100%;border:1px solid var(--border);background:#fff;color:var(--text);border-radius:var(--radius-sm);padding:10px 12px;font-size:.9rem;transition:var(--transition)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px #605dff26}.input-with-suffix{display:flex}.input-with-suffix .form-input{border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.input-suffix{display:inline-flex;align-items:center;justify-content:center;min-width:48px;border:1px solid var(--border);border-radius:0 var(--radius-sm) var(--radius-sm) 0;background:var(--surface-soft);color:var(--primary);font-weight:700}.input-with-toggle{display:flex;gap:8px}.input-with-toggle .form-input{flex:1}.toggle-btns{border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;display:flex}.toggle-btn{border:0;background:#fff;color:var(--text-muted);padding:0 12px;font-weight:700;cursor:pointer;transition:var(--transition)}.toggle-btn.active{background:var(--primary);color:#fff}.tax-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tax-service-item.span-2{grid-column:1 / -1;border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:var(--surface-soft)}.settings-row{display:flex;align-items:center;margin-bottom:8px}.settings-row-wrap{justify-content:space-between;flex-wrap:wrap;gap:8px}.settings-row-end{justify-content:flex-end;margin-top:6px}.settings-row:last-child{margin-bottom:0}.checkbox-label{display:inline-flex;align-items:center;gap:9px;font-size:.86rem;color:var(--text);font-weight:500;cursor:pointer}.checkbox-label input{width:15px;height:15px;accent-color:var(--primary)}.reset-pref-btn{border:1px solid var(--border);background:#fff;color:var(--text-muted);border-radius:8px;padding:7px 10px;font-size:.74rem;font-weight:700;cursor:pointer;transition:var(--transition)}.reset-pref-btn:hover{border-color:var(--danger);color:var(--danger)}.rounding-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.rounding-controls .form-group{margin:0}.btn{border:0;border-radius:var(--radius-sm);padding:10px 14px;font-size:.86rem;font-weight:700;cursor:pointer;transition:var(--transition)}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-strong)}.btn-muted{background:#fff;border:1px solid var(--border);color:var(--text-muted)}.btn-muted:hover{border-color:var(--primary);color:var(--primary)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.92}.section-actions-row{display:flex;gap:8px;margin-top:10px;margin-bottom:4px}.btn-icon{width:42px;height:42px;font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;padding:0}.participant-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.participant-tag{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:var(--primary-soft);color:var(--primary);font-size:.8rem;font-weight:600}.participant-tag .remove{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;background:#ef44441f;color:var(--danger);cursor:pointer}.empty-state-mini{border:1px dashed var(--border);border-radius:var(--radius-md);padding:14px;text-align:center;color:var(--text-muted);font-size:.86rem}.menu-workspace{margin-top:14px;display:grid;grid-template-columns:320px minmax(0,1fr);gap:12px}.menu-master,.menu-detail{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-soft);padding:12px}.menu-panel-header{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.menu-panel-toprow{display:flex;align-items:center;justify-content:space-between;gap:10px}.menu-panel-header h4{font-size:.92rem;font-weight:700}.menu-panel-header small{font-size:.78rem;color:var(--text-muted)}.mini-toggle{display:inline-flex;align-items:center;gap:6px;font-size:.74rem;color:var(--text-muted);font-weight:600;white-space:nowrap;cursor:pointer}.mini-toggle input{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.menu-master-list{display:flex;flex-direction:column;gap:8px;max-height:460px;overflow:auto;padding-right:4px}.menu-master-item{border:1px solid var(--border);background:#fff;border-radius:10px;padding:10px;text-align:left;cursor:pointer;transition:var(--transition)}.menu-master-item:hover{border-color:var(--primary)}.menu-master-item.active{border-color:var(--primary);background:var(--primary-soft)}.menu-master-top{display:flex;justify-content:space-between;gap:8px;margin-bottom:4px}.menu-master-name{font-size:.86rem;font-weight:700;color:var(--text)}.menu-master-total{font-size:.8rem;font-weight:700;color:var(--primary);white-space:nowrap}.menu-master-status{margin-bottom:6px}.status-badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 8px;font-size:.72rem;font-weight:700}.status-under{color:#a16207;background:#fef3c7}.status-fit{color:#166534;background:#dcfce7}.status-over{color:#b91c1c;background:#fee2e2}.menu-master-meta{display:flex;justify-content:space-between;gap:8px}.menu-master-meta small{font-size:.75rem;color:var(--text-muted)}.menu-detail{min-height:460px;display:flex;flex-direction:column}.menu-detail-action-row{justify-content:space-between;margin-bottom:10px}.detail-quick-actions{display:flex;gap:8px;margin-bottom:10px;flex-wrap:wrap}.item-scope-settings{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:10px}.item-scope-settings .form-group{margin:0}.participant-search{margin-bottom:10px}.sharing-target-tools{border:1px dashed var(--border);border-radius:10px;background:#fff;padding:8px 10px;margin-bottom:10px;display:flex;align-items:center;justify-content:space-between;gap:10px}.sharing-target-tools small{font-size:.78rem;color:var(--text-muted);font-weight:600}.sharing-target-actions{display:flex;gap:8px;flex-wrap:wrap}.menu-detail-list{border-top:1px dashed var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px;max-height:340px;overflow:auto;padding-right:4px}.menu-item-main{display:flex;align-items:center;gap:10px}.menu-item-info{flex:1;min-width:0}.menu-item-name{font-size:.92rem;font-weight:700;color:var(--text)}.menu-item-details{font-size:.8rem;color:var(--text-muted)}.menu-item-actions{display:flex;align-items:center}.inline-qty-control,.assign-qty-control{display:flex;align-items:center;gap:8px}.qty-btn{width:26px;height:26px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-weight:700;cursor:pointer;transition:var(--transition)}.qty-btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary)}.qty-btn:disabled{opacity:.45;cursor:not-allowed}.qty-value{min-width:40px;text-align:center;font-size:.86rem;font-weight:700}.btn-remove{border:1px solid var(--border);background:#fff;width:28px;height:28px;border-radius:8px;color:var(--text-muted);cursor:pointer;font-size:1rem;transition:var(--transition)}.btn-remove:hover{color:#fff;background:var(--danger);border-color:var(--danger)}.menu-item-assign{margin-top:10px;border-top:1px dashed var(--border);padding-top:10px;display:flex;flex-direction:column;gap:8px}.assign-summary small,.menu-item-hint small{color:var(--text-muted);font-size:.78rem}.assign-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.assign-name{font-size:.86rem;color:var(--text)}.assign-name-wrap{display:flex;align-items:center;min-width:0;flex:1}.assign-share-check{display:inline-flex;align-items:center;gap:8px;cursor:pointer}.assign-share-check input{width:14px;height:14px;accent-color:var(--primary);cursor:pointer}.result-card{background:#fff}.result-date{color:var(--text-muted);font-size:.82rem;margin-bottom:14px;padding-bottom:12px;border-bottom:1px solid var(--border)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-bottom:16px}.result-person{border:1px solid var(--border);border-radius:var(--radius-md);padding:12px;background:var(--surface-soft)}.result-person-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;gap:12px}.result-person-name{font-weight:700;font-size:.9rem}.result-person-total{color:var(--primary);font-weight:700;font-size:.9rem}.result-person-items{list-style:none;font-size:.84rem}.result-person-items li{display:flex;justify-content:space-between;gap:12px;padding:4px 0}.tax-service-line{color:var(--text-muted)}.result-summary{border-top:1px solid var(--border);padding-top:12px}.summary-row{display:flex;justify-content:space-between;padding:4px 0;color:var(--text-muted);font-size:.86rem}.summary-row.total{margin-top:4px;padding-top:10px;border-top:1px solid var(--border);color:var(--text);font-weight:700;font-size:.95rem}.download-section{margin-top:14px;text-align:left}.download-actions-grid{display:flex;flex-wrap:wrap;gap:8px}.share-link{margin-top:10px;font-size:.78rem;color:var(--text-muted);word-break:break-all}.history-card{margin-top:12px}.history-list{display:flex;flex-direction:column;gap:8px}.history-row{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--border);border-radius:10px;padding:8px 10px;font-size:.82rem}.download-btn{background:var(--primary);color:#fff}.download-btn:hover{background:var(--primary-strong)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.modal-content{width:min(560px,100%);max-height:90vh;overflow:auto;background:#fff;border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.modal-content.modal-sm{width:min(420px,100%)}.modal-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);padding:14px 16px}.modal-header h2{font-size:1rem}.modal-close{width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:#fff;cursor:pointer;color:var(--text-muted)}.modal-body{padding:16px}.confirm-text{font-size:.86rem;color:var(--text-muted);margin-bottom:14px}.modal-actions{display:flex;justify-content:flex-end;gap:8px}.guide-step{display:flex;gap:10px;margin-bottom:14px}.guide-step:last-child{margin-bottom:0}.guide-number{width:24px;height:24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--primary-soft);color:var(--primary);font-size:.78rem;font-weight:700;flex-shrink:0}.guide-text strong{font-size:.87rem}.guide-text p{font-size:.82rem;color:var(--text-muted);margin-top:2px}@media (max-width: 960px){.grid-2,.menu-workspace{grid-template-columns:1fr}.menu-master-list,.menu-detail-list{max-height:300px}.menu-detail{min-height:unset}.header{flex-direction:column;align-items:flex-start}.download-section{text-align:left}}@media (max-width: 720px){.container{padding:14px}.tax-service-grid,.rounding-controls,.item-scope-settings{grid-template-columns:1fr}.form-row{flex-wrap:wrap}.form-row .form-group{min-width:160px;flex:1 1 auto}.menu-item-main{flex-wrap:wrap}.sharing-target-tools{flex-direction:column;align-items:flex-start}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:999px}