@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css";:root{--primary:#ff7e36;--primary-hover:#f25c05;--bg-color:#f1f5f9;--bg-surface:#fff;--bg-sidebar:#fff;--text-primary:#0f172a;--text-secondary:#64748b;--border-color:#cbd5e1;--glass:#fffffff2;--sidebar-width:250px;--header-height:64px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"sans-serif";line-height:1.5}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul{list-style:none}.sidebar{height:100vh;width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-color);z-index:50;flex-direction:column;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;box-shadow:1px 0 10px #00000008}.sidebar-header{height:var(--header-height);border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:0 1.5rem;display:flex}.logo{color:var(--text-primary);letter-spacing:-.02em;align-items:center;gap:.5rem;font-size:1.25rem;font-weight:700;display:flex}.logo-icon{font-size:1.5rem}.logo-text{background:linear-gradient(135deg, var(--primary), #ffb74d);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.close-btn{color:var(--text-secondary);display:none}.close-btn:hover{color:var(--text-primary)}.sidebar-nav{flex:1;padding:1.5rem 1rem;overflow-y:auto}.sidebar-nav ul{flex-direction:column;gap:.5rem;display:flex}.nav-link{color:var(--text-secondary);border:1px solid #0000;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.nav-icon{transition:transform .2s}.nav-link:hover .nav-icon{transform:scale(1.1)}.nav-link.disabled{opacity:.5;cursor:not-allowed;filter:grayscale();position:relative;overflow:hidden}.nav-link.disabled:hover{color:var(--text-secondary)!important;background:0 0!important;border-color:#0000!important}.badge-soon{color:#64748b;text-transform:uppercase;background:#e2e8f0;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700;position:absolute;right:.75rem}.sidebar-footer{border-top:1px solid var(--border-color);padding:1.5rem}.version-info{color:var(--text-secondary);text-align:center;font-size:.875rem}@media (width<=1023px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.close-btn{display:block}}.topbar{height:var(--header-height);background-color:var(--glass);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:30;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:sticky;top:0;box-shadow:0 1px 4px #00000005}.topbar-left{flex:1;align-items:center;gap:1.5rem;display:flex}.menu-btn{color:var(--text-primary);display:none}.menu-btn:hover{color:var(--primary)}@media (width<=1023px){.topbar{padding:0 1.5rem}.menu-btn{display:block}}.mvp-page{flex-direction:column;gap:1.5rem;animation:.4s ease-out fade-in;display:flex}.top-panel{flex-wrap:wrap;align-items:stretch;gap:1.25rem;display:flex}.top-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;flex:auto;padding:1.25rem 1.5rem;transition:border-color .25s,box-shadow .25s;box-shadow:0 2px 8px #0000000a}.top-card:hover{border-color:var(--primary);box-shadow:0 8px 20px -4px #00000012}.card-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:.35rem;margin-bottom:1rem;font-size:.8rem;font-weight:700;display:flex}.settings-row{flex-wrap:nowrap;align-items:flex-end;gap:1.25rem;padding-bottom:.2rem;display:flex;overflow-x:auto}.sg-field label{color:var(--text-secondary);white-space:nowrap;margin-bottom:.35rem;font-size:.78rem;font-weight:600;display:block}.iw{border:1px solid var(--border-color);background:var(--bg-color);border-radius:9px;align-items:center;transition:border-color .2s,box-shadow .2s;display:flex;overflow:hidden}.iw:focus-within{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.iw input{color:var(--text-primary);background:0 0;border:none;outline:none;width:90px;min-width:0;padding:.55rem .65rem;font-size:.95rem;font-weight:700}.iw span{color:var(--text-secondary);white-space:nowrap;padding:0 .65rem;font-size:.75rem;font-weight:600}.sg-check{flex-direction:column;gap:.25rem;display:flex}.sg-check small{color:var(--text-secondary);margin-top:.2rem;font-size:.72rem}.eff-card{text-align:center;min-width:130px}.eff-value{letter-spacing:-.04em;font-size:2rem;font-weight:900;line-height:1.1}.eff-value.pos{color:#059669}.eff-value.neg{color:#d97706}.eff-sub{color:var(--text-secondary);margin-top:.3rem;font-size:.75rem}.summary-card{min-width:340px}.summary-row{flex-wrap:wrap;gap:1rem;display:flex}.sm-item{flex-direction:column;flex:auto;gap:.15rem;min-width:80px;display:flex}.sm-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;font-size:.72rem;font-weight:600}.sm-val{color:var(--text-primary);white-space:nowrap;font-size:1.1rem;font-weight:800}.sm-val em{color:var(--text-secondary);margin-left:2px;font-size:.72rem;font-style:normal;font-weight:500}.sm-val.orange{color:var(--primary)}.rate-big .sm-val{font-size:1.4rem}.rate-big.pos .sm-val{color:#059669}.rate-big.neg .sm-val{color:#d97706}.table-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:14px;overflow:visible;box-shadow:0 2px 8px #0000000a}.table-toolbar{border-bottom:1px solid var(--border-color);background:var(--bg-color);border-top-left-radius:14px;border-top-right-radius:14px;justify-content:space-between;align-items:center;padding:.85rem 1.25rem;display:flex}.table-title{color:var(--text-primary);font-size:.85rem;font-weight:700}.tb-actions{gap:.6rem;display:flex}.tb-btn{border:1px solid var(--border-color);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;border-radius:8px;align-items:center;gap:.3rem;padding:.4rem .9rem;font-size:.8rem;font-weight:600;transition:all .2s;display:flex}.tb-btn:hover{color:#7c3aed;border-color:#8b5cf6}.tb-btn.add:hover{border-color:var(--primary);color:var(--primary)}.preset-menu{background:var(--bg-surface);border:1px solid var(--border-color);z-index:100;border-radius:12px;width:max-content;min-width:420px;margin-top:.5rem;padding:.5rem;animation:.2s ease-out fade-in;position:absolute;top:100%;right:0;box-shadow:0 10px 25px -5px #0000001a}.preset-menu-header{color:var(--text-secondary);border-bottom:1px solid var(--border-color);text-align:left;margin-bottom:.25rem;padding:.5rem;font-size:.72rem;font-weight:700}.preset-item{border-bottom:1px solid var(--border-color);flex-flow:row;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem .65rem;display:flex}.preset-item:last-child{border-bottom:none}.preset-name-wrap{flex-shrink:0;align-items:center;gap:.4rem;display:flex}.preset-name{color:var(--text-primary);font-size:.82rem;font-weight:700}.preset-options{flex-wrap:nowrap;flex-shrink:0;gap:.3rem;display:flex}.preset-opt-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;white-space:nowrap;background:#f8fafc;border-radius:6px;padding:.2rem .4rem;font-size:.72rem;font-weight:600;transition:all .15s}.preset-opt-btn:hover{border-color:var(--primary);color:var(--primary);background:#fff7ed}.preset-badge{color:#8b5cf6;background:#f3e8ff;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.table-wrap{overflow-x:auto}.item-table{border-collapse:collapse;width:100%;font-size:.88rem}.item-table thead tr{background:var(--bg-color);border-bottom:2px solid var(--border-color)}.item-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.03em;text-align:left;white-space:nowrap;padding:.65rem .75rem;font-size:.75rem;font-weight:700}.item-table tbody tr{border-bottom:1px solid var(--border-color);transition:background .15s}.item-table tbody tr:last-child{border-bottom:none}.item-table tbody tr:hover{background:#f8fafc}.item-table td{vertical-align:middle;padding:.5rem .75rem}.cell-input{width:100%;color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:7px;outline:none;padding:.4rem .5rem;font-size:.88rem;font-weight:600;transition:border-color .15s,background .15s}.cell-input:focus{background:#eff6ff;border-color:#3b82f6}.cell-input::placeholder{color:#cbd5e1;font-weight:400}.cell-input.center{text-align:center}.cell-iw{align-items:center;display:flex}.cell-iw input{flex:1}.cell-iw span{color:var(--text-secondary);white-space:nowrap;padding:0 .25rem;font-size:.72rem;font-weight:600}.result-cell{color:var(--text-primary);white-space:nowrap;font-size:.85rem;font-weight:700}.result-cell.small{color:var(--text-secondary);font-weight:600}.result-cell.orange{color:var(--primary)}.result-cell.rate{font-size:.9rem}.result-cell.rate.pos{color:#059669}.result-cell.rate.neg{color:#d97706}.row-del{color:#cbd5e1;text-align:center;cursor:pointer;background:0 0;border-radius:50%;width:22px;height:22px;margin:auto;font-size:1rem;font-weight:700;line-height:22px;transition:all .15s;display:block}.row-del:hover{color:#ef4444;background:#fee2e2}.ck-label{color:var(--text-primary);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:.45rem;font-size:.88rem;font-weight:600;display:inline-flex}.ck-label input[type=checkbox]{display:none}.ck-box{border:2px solid var(--border-color);background:var(--bg-surface);border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s;display:flex}.ck-label input[type=checkbox]:checked+.ck-box{background:var(--primary);border-color:var(--primary)}.ck-label input[type=checkbox]:checked+.ck-box:after{content:"✓";color:#fff;font-size:.7rem;font-weight:900}.center-ck{justify-content:center}.scissors-row{background:#fefce8!important;border-bottom:2px solid #fde68a!important}.scissors-row:hover{background:#fef9c3!important}.scissors-name-cell{align-items:center;gap:.4rem;display:flex}.scissors-name{color:#92400e;white-space:nowrap;font-size:.85rem;font-weight:700}.scissors-info-btn{color:#92400e;cursor:pointer;background:#fde68a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .15s;display:flex}.scissors-info-btn:hover{background:#fcd34d}.scissors-tooltip{color:#f8fafc;z-index:200;pointer-events:none;background:#1e293b;border-radius:10px;width:230px;padding:.75rem 1rem;font-size:.78rem;line-height:1.6;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 8px 20px #0003}.scissors-fixed{color:#92400e;padding:.4rem .5rem;font-size:.88rem;font-weight:700}.scissors-qty-cell{color:#92400e;text-align:center;align-items:center;gap:.25rem;padding:.4rem .5rem;font-size:.9rem;font-weight:700;display:flex}.scissors-qty-hint{color:#b45309;font-size:.68rem;font-weight:500}.scissors-check{color:var(--primary);font-size:1rem;font-weight:900}.mileage-summary-row td{background:#f0fdf4;border-top:2px solid #bbf7d0}.ms-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:.6rem 1.25rem;display:flex}.ms-title{color:#166534;font-size:.82rem;font-weight:700}.ms-stats{flex-wrap:wrap;align-items:center;gap:.85rem;display:flex}.ms-divider{color:#86efac;font-size:.8rem}.ms-val{color:#15803d;font-size:.78rem}.ms-val b{color:#166534}.ms-val small{color:#22c55e;font-size:.7rem}.scissors-auto-info{flex-wrap:wrap;align-items:center;gap:.4rem;padding:.4rem .5rem;display:flex}.scissors-auto-label{color:#b45309;font-size:.72rem;font-weight:600}.scissors-auto-val{color:#92400e;font-size:.9rem;font-weight:800}.scissors-auto-val em{color:#b45309;margin-left:1px;font-size:.7rem;font-style:normal;font-weight:600}.scissors-auto-sub{color:#b45309;background:#fde68a;border-radius:4px;padding:.1rem .35rem;font-size:.7rem}.scissors-value-result{flex-wrap:wrap;align-items:center;gap:.5rem;padding:.4rem .75rem;display:flex}.sv-total{white-space:nowrap;font-size:1.1rem;font-weight:900}.sv-total.pos{color:#059669}.sv-total.neg{color:#d97706}.sv-label{color:#92400e;white-space:nowrap;background:#fde68a;border-radius:4px;padding:.1rem .4rem;font-size:.7rem}.sv-hint{color:#9ca3af;white-space:nowrap;font-size:.7rem}@media (width<=1200px){.top-panel{grid-template-columns:1fr 140px}.summary-card{grid-column:1/-1;width:100%}.summary-row{flex-wrap:wrap;gap:.75rem}}@media (width<=950px){.table-toolbar{flex-direction:column;align-items:flex-start;gap:.75rem}.tb-actions{flex-wrap:wrap;justify-content:flex-start;width:100%}.tb-btn{flex:auto;justify-content:center}.preset-dropdown-container,.preset-dropdown-container .tb-btn{width:100%}.item-table thead{display:none}.item-table,.item-table tbody{width:100%;display:block}.item-row,.scissors-row{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:12px;flex-wrap:wrap;gap:0;margin-bottom:1rem;padding:.5rem;display:flex;box-shadow:0 4px 6px -1px #00000005}.item-table td{box-sizing:border-box;border:none;flex-direction:column;align-items:flex-start;padding:.5rem .25rem;display:flex}.item-table td:before{content:attr(data-label);color:var(--text-secondary);margin-bottom:.25rem;font-size:.65rem;font-weight:700}.item-table td[data-label=""]:before{display:none}.item-table tr.item-row td:first-child,.item-table tr.scissors-row td:first-child{width:37%}.item-table tr.item-row td:nth-child(2),.item-table tr.scissors-row td:nth-child(2){width:23%}.item-table tr.item-row td:nth-child(3),.item-table tr.scissors-row td:nth-child(3){width:11%}.item-table tr.item-row td:nth-child(4),.item-table tr.scissors-row td:nth-child(4){width:29%;padding-right:0}.item-table td:first-child input,.item-table td:nth-child(2) .cell-iw,.item-table td:nth-child(3) input,.item-table td:nth-child(4) .cell-iw{width:100%}.item-table td:nth-child(2) .cell-iw input,.item-table td:nth-child(4) .cell-iw input{width:100%;min-width:0}.item-table tr.item-row td:nth-child(4),.item-table tr.item-row td:first-child,.item-table tr.item-row td:nth-child(2),.item-table tr.item-row td:nth-child(3),.item-table tr.scissors-row td:nth-child(4),.item-table tr.scissors-row td:first-child,.item-table tr.scissors-row td:nth-child(2),.item-table tr.scissors-row td:nth-child(3){border-bottom:1px dashed var(--border-color);margin-bottom:.25rem;padding-bottom:.85rem}.item-table tr.item-row td:nth-child(5),.item-table tr.scissors-row td:nth-child(5){justify-content:center;align-items:center;width:14%}.item-table tr.item-row td:nth-child(6),.item-table tr.scissors-row td:nth-child(6){align-items:center;width:21%}.item-table tr.item-row td:nth-child(7),.item-table tr.scissors-row td:nth-child(7){align-items:center;width:27%}.item-table tr.item-row td:nth-child(8),.item-table tr.scissors-row td:nth-child(8){align-items:center;width:21%}.item-table tr.item-row td:nth-child(9),.item-table tr.scissors-row td:nth-child(9){align-items:center;width:12%}.item-table tr.item-row td:nth-child(10),.item-table tr.scissors-row td:nth-child(10){justify-content:center;align-items:center;width:5%;padding:0}.mileage-summary-row{width:100%;margin-bottom:2rem;display:block}.mileage-summary-row td{width:100%!important;padding:0!important}.ms-content{text-align:center;flex-direction:column;align-items:center;gap:.5rem;padding:1rem}.ms-stats{flex-wrap:wrap;justify-content:center;gap:.4rem}.ms-divider{display:none}.center-ck{margin:0 auto}.scissors-name-cell{flex-direction:column;align-items:flex-start;gap:.25rem}.sv-hint{white-space:normal;text-align:center}.scissors-auto-info{justify-content:flex-start}}@media (width<=900px){.top-panel{grid-template-columns:1fr}.eff-card{text-align:left;width:100%}.summary-card{width:100%}.settings-row{flex-wrap:wrap;overflow:visible}.iw input{width:70px}}@media (width<=640px){.top-panel{gap:1rem}.sm-val{font-size:.95rem}.rate-big .sm-val{font-size:1.15rem}.eff-value{font-size:1.6rem}.settings-row>.sg-field{flex:100px}.settings-row>.sg-check{flex:100%;margin-left:0;padding-top:0}.summary-card{width:100%;min-width:0!important}.summary-row{gap:1rem .5rem;flex-wrap:wrap!important}.summary-card .sm-item{flex:45%!important}.top-card{padding:1rem!important}.preset-menu{width:320px;min-width:auto;left:0;right:auto}.preset-item,.preset-options{flex-wrap:wrap}}.tool-page{flex-direction:column;gap:2rem;animation:.4s ease-out fade-in;display:flex}.tool-header{border-bottom:2px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:1.5rem;display:flex}.tool-title{align-items:center;gap:1.25rem;display:flex}.tool-icon{border-radius:16px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 4px 6px -1px #0000000d}.tool-title h1{color:var(--text-primary);margin-bottom:.25rem;font-size:1.75rem;font-weight:700}.tool-title p{color:var(--text-secondary);font-size:1rem}.tool-content-box{background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3rem;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.tool-btn{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-color);cursor:pointer;border-radius:12px;padding:.75rem 2rem;font-size:1.05rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000000d}.tool-btn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006}.sim-grid{grid-template-columns:1fr 1fr;gap:2rem;width:100%;display:grid}.sim-panel{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:16px;padding:1.75rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.sim-panel:hover{border-color:var(--hover-color,var(--primary));transform:translateY(-4px);box-shadow:0 15px 30px -5px #00000014,0 8px 10px -5px #0000000a}.sim-panel h3{color:var(--text-primary);border-bottom:2px solid var(--border-color);margin-bottom:1.25rem;padding-bottom:.5rem;font-size:1.15rem;font-weight:700}@media (width<=1023px){.sim-grid{grid-template-columns:1fr}}.app-layout{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;height:100vh;margin-left:0;transition:margin-left .3s cubic-bezier(.4,0,.2,1);display:flex}.page-container{flex:1;padding:2rem 2rem 4rem;overflow-y:auto}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:40;background-color:#00000080;position:fixed;inset:0}.placeholder-page{height:60vh;color:var(--text-secondary);flex-direction:column;justify-content:center;align-items:center;animation:.5s ease-out fade-in;display:flex}.placeholder-page h2{color:var(--text-primary);margin-bottom:1rem;font-size:2rem}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (width>=1024px){.main-content{margin-left:var(--sidebar-width)}}@media (width<=1023px){.page-container{padding:1.5rem}}