@import "https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.css";
:root{--bg-color:#fff;--card-bg:#fff;--card-hover:#f8fafc;--border-color:#e2e8f0;--accent-blue:#4f46e5;--accent-pink:#db2777;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--font-family:"Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif}html{scrollbar-gutter:stable}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box}.nav-pill,.report-btn,.btn-primary,.btn-secondary,.btn-accent,.input-text,.input-text-sm,.input-compact,.select-apple,.dropzone,.custom-table tr,.stat-card,.table-action-btn,.th-sortable{transition:background-color .2s cubic-bezier(.4,0,.2,1),border-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .2s cubic-bezier(.4,0,.2,1)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}.navbar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:100;background:#ffffffd9;justify-content:space-between;align-items:center;margin-top:-24px;margin-bottom:32px;padding:24px 0 16px;display:flex;position:sticky;top:0}.nav-pills{z-index:1;background:#f1f5f9;border-radius:9999px;gap:4px;padding:6px;display:flex;position:relative}.nav-pill-indicator{background:var(--card-bg);z-index:-1;pointer-events:none;border-radius:9999px;transition:left .22s cubic-bezier(.4,0,.2,1),width .22s cubic-bezier(.4,0,.2,1);position:absolute;top:6px;bottom:6px;box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a}.nav-pill{color:#64748b;cursor:pointer;z-index:2;background:0 0;border:none;border-radius:9999px;outline:none;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:600;display:flex;position:relative}.nav-pill:hover,.nav-pill.active{color:var(--text-primary)}.nav-pill:focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px}.report-btn{background:var(--card-bg);color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;border-radius:9999px;align-items:center;gap:8px;padding:8px 20px;font-size:.9rem;font-weight:600;display:flex;box-shadow:0 1px 2px #0000000d}.report-btn:hover{background:var(--bg-color);color:var(--text-primary);border-color:#cbd5e1}.main-title{color:var(--text-primary);letter-spacing:-.03em;margin:0 0 6px;font-size:2.4rem;font-weight:700}.main-subtitle{color:var(--text-secondary);margin:0 0 40px;font-size:.95rem}.glass-card{-webkit-backdrop-filter:blur(20px);box-sizing:border-box;background:#ffffffb8;border:1px solid #ffffff8c;border-radius:16px;width:100%;min-width:0;padding:32px;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s cubic-bezier(.34,1.56,.64,1),border-color .3s;box-shadow:0 8px 32px #1f268708,0 1px 3px #00000003}.glass-card:hover{border-color:#ffffffd9;transform:translateY(-3px);box-shadow:0 12px 40px #1f26870f,0 2px 8px #00000005}.dashboard-grid{grid-template-columns:minmax(0,4.5fr) minmax(0,5.5fr);align-items:start;gap:32px;display:grid}@media (max-width:1024px){.dashboard-grid{grid-template-columns:minmax(0,1fr)}}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-bottom:32px;display:grid}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.stat-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:16px;flex-direction:column;justify-content:space-between;padding:24px;display:flex;box-shadow:0 4px 30px #00000005,0 1px 3px #00000005}.stat-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:.8rem;font-weight:700}.stat-val{color:var(--text-primary);margin-bottom:4px;font-size:1.6rem;font-weight:700}.stat-desc{color:var(--text-muted);font-size:.75rem}.dropzone{text-align:center;cursor:pointer;box-sizing:border-box;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;width:100%;padding:32px 16px;display:flex}.dropzone:hover,.dropzone.active{border-color:var(--accent-blue);background:#4f46e505}.dropzone-icon{color:var(--accent-blue);margin-bottom:16px;font-size:2.5rem}.input-text{width:100%;color:var(--text-primary);background:#fff;border:1px solid #cbd5e1;border-radius:12px;outline:none;padding:14px 18px;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.input-text:focus{border-color:#0071e3;box-shadow:0 0 0 4px #0071e326}.btn-primary{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:.95rem;font-weight:600;display:inline-flex;box-shadow:0 4px 6px -1px #0000001a}.btn-primary:hover{background:#1e293b;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;background:#fff;border-radius:12px;padding:14px 28px;font-size:.95rem;font-weight:600;box-shadow:0 1px 2px #0000000d}.btn-secondary:hover{color:var(--text-primary);background:#f8fafc;border-color:#cbd5e1}.table-container{border:1px solid var(--border-color);background:#fff;border-radius:16px;width:100%;max-width:100%;margin-top:16px;overflow-x:auto}.custom-table{border-collapse:collapse;text-align:left;width:100%}.custom-table th{color:var(--text-secondary);border-bottom:1px solid var(--border-color);background:#f8fafc;padding:16px 20px;font-size:.85rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);padding:16px 20px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr{transition:background-color .2s}.custom-table tr:hover{background:#0071e304}.alert-success{color:#059669;background:#10b9810d;border:1px solid #10b9811a;border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:.9rem}.alert-warning{color:#d97706;background:#f59e0b0d;border:1px solid #f59e0b1a;border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:.9rem}.alert-error{color:#dc2626;background:#ef44440d;border:1px solid #ef44441a;border-radius:12px;margin-bottom:16px;padding:16px 20px;font-size:.9rem}.donut-wrapper{flex-wrap:wrap;justify-content:space-around;align-items:center;gap:24px;margin:32px 0;display:flex}.donut-chart-container{width:200px;height:200px;position:relative}.donut-inner-text{text-align:center;pointer-events:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.donut-inner-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:.75rem}.donut-inner-val{color:var(--text-primary);font-size:1.1rem;font-weight:700}.donut-legends{flex-direction:column;flex-grow:1;gap:8px;max-width:240px;display:flex}.donut-legend-item{border:1px solid var(--border-color);background:#f8fafc;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 16px;font-size:.85rem;display:flex}.donut-legend-color{border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.comment-bubble{border:1px solid var(--border-color);border-left:4px solid var(--accent-blue);background:#f8fafc;border-radius:14px;margin-bottom:12px;padding:16px;font-size:.85rem;line-height:1.5}.comment-author{color:var(--text-primary);margin-bottom:4px;font-size:.8rem;font-weight:700}.spinner{border:2px solid #0000001a;border-top-color:var(--text-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{color:var(--text-secondary);text-align:center;border:1px dashed var(--border-color);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffffbf;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;padding:64px 32px;display:flex}.empty-state-icon{color:var(--text-muted);margin-bottom:16px;font-size:3rem}.badge-live{color:#2563eb;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:9999px;margin-left:8px;padding:2px 8px;font-size:.7rem;font-weight:700}.input-compact,.input-text-sm{width:100%;color:var(--text-primary);background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.input-compact:focus,.input-text-sm:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.input-compact::placeholder,.input-text-sm::placeholder{color:var(--text-muted);font-weight:400}.select-apple{width:100%;color:var(--text-primary);cursor:pointer;appearance:none;background:#fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235c4e52' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") right 14px center/14px no-repeat;border:1px solid #cbd5e1;border-radius:8px;outline:none;padding:10px 40px 10px 14px;font-family:inherit;font-size:.85rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #0000000d}.select-apple:focus{border-color:#0071e3;box-shadow:0 0 0 3px #0071e326}.btn-accent{background:var(--accent-blue);color:#fff;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:.85rem;font-weight:600;display:inline-flex;box-shadow:0 2px 4px #4f46e526}.btn-accent:hover{background:var(--accent-pink);transform:translateY(-1px)}.btn-accent:active{transform:translateY(0)}.table-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px 8px;font-size:.75rem;font-weight:600}.table-action-btn.refresh{color:var(--accent-blue)}.table-action-btn.refresh:hover{background:#4f46e50d}.table-action-btn.delete{color:var(--error)}.table-action-btn.delete:hover{background:#ef44440d}.custom-table.table-sm th{color:var(--text-secondary);background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:10px 14px;font-size:.75rem;font-weight:600}.custom-table.table-sm td{color:var(--text-primary);border-bottom:1px solid #f1f5f9;padding:10px 14px;font-size:.8rem}.custom-table.table-sm tr:last-child td{border-bottom:none}.custom-table.table-sm tr{transition:background-color .2s}.custom-table.table-sm tr:hover{background:#0071e306}.th-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.th-sortable:hover{color:var(--text-primary)!important;background-color:#f1f5f9!important}.sort-indicator{color:var(--text-muted);margin-left:4px;font-size:.65rem}.btn-sm{border-radius:8px!important;padding:10px 20px!important;font-size:.85rem!important}.tabular-nums{font-variant-numeric:tabular-nums}.app-container{max-width:100%;margin:0 auto;padding:24px 62px}@media (max-width:768px){.app-container{padding:16px 16px 100px}}.grid-2col-responsive{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;display:grid}@media (max-width:768px){.grid-2col-responsive{grid-template-columns:minmax(0,1fr)}}.grid-3col-responsive{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:768px){.grid-3col-responsive{grid-template-columns:minmax(0,1fr)}}.grid-cleaner-responsive{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:24px;display:grid}@media (max-width:768px){.grid-cleaner-responsive{grid-template-columns:minmax(0,1fr);gap:16px}}.grid-settlement-form-responsive{grid-template-columns:minmax(0,1.2fr) minmax(0,1.4fr) minmax(0,1.4fr);gap:16px;display:grid}@media (max-width:768px){.grid-settlement-form-responsive{grid-template-columns:minmax(0,1fr)}}.grid-settlement-filter-responsive{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:16px;display:grid}@media (max-width:768px){.grid-settlement-filter-responsive{grid-template-columns:minmax(0,1fr)}.navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);z-index:1000;scrollbar-width:none;-webkit-overflow-scrolling:touch;background:#ffffffd9;border-radius:20px;width:calc(100% - 32px);max-width:500px;margin:0;padding:8px;position:fixed;top:auto;bottom:20px;left:50%;overflow-x:auto;transform:translate(-50%);box-shadow:0 10px 30px #00000014,0 1px 4px #0000000a}.navbar::-webkit-scrollbar{display:none}.nav-pills{background:#f1f5f9;border-radius:12px;flex-wrap:nowrap;gap:4px;width:max-content;padding:4px}.nav-pill-indicator{background:#fff;border-radius:8px;top:4px;bottom:4px;box-shadow:0 1px 3px #00000014}.nav-pill{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px 14px;font-size:.8rem;display:inline-flex}.glass-card,.stat-card{border-radius:12px;padding:16px}}.settlement-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.kpi-card{border:1px solid var(--border-color);border-radius:16px;flex-direction:column;justify-content:space-between;padding:20px;display:flex}.kpi-card-title{font-size:.75rem;font-weight:500}.kpi-card-value{font-variant-numeric:tabular-nums;white-space:nowrap;margin-top:6px;font-size:1.5rem;font-weight:600;display:block}@media (max-width:768px){.settlement-kpi-grid{gap:8px}.kpi-card{border-radius:10px;padding:12px 8px}.kpi-card-title{font-size:.65rem}.kpi-card-value{margin-top:4px;font-size:.9rem}.hide-mobile{display:none}.main-title{font-size:1.6rem}.input-compact,.input-text-sm,.select-apple,.dropdown-multiselect-btn{min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:.9rem!important}.input-text{min-height:44px!important;font-size:.95rem!important}.btn-primary,.btn-secondary{justify-content:center;align-items:center;display:inline-flex;min-height:44px!important}.btn-accent{justify-content:center;align-items:center;display:inline-flex;min-height:44px!important;padding-top:12px!important;padding-bottom:12px!important}}g:focus,path:focus,svg:focus{outline:none!important}.chart-container-blog{border:1px solid var(--border-color);background:#f8fafc;border-radius:16px;justify-content:center;align-items:center;width:100%;height:546px;margin-bottom:20px;padding:20px 24px;display:flex}@media (max-width:768px){.chart-container-blog{height:280px;padding:10px 12px}}.chart-card-settlement{height:370px}@media (max-width:768px){.chart-card-settlement{min-height:320px;height:auto!important}}.donut-chart-grid{flex:1;grid-template-columns:minmax(0,6fr) minmax(0,4fr);align-items:center;gap:16px;min-height:0;display:grid}@media (max-width:768px){.donut-chart-grid{grid-template-columns:minmax(0,1fr);justify-items:center;gap:24px}}.subtab-pill-container{-webkit-backdrop-filter:blur(10px);background:#78788014;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:4px;display:flex}.subtab-pill-wrapper{flex-wrap:wrap;gap:8px;display:flex}@media (max-width:768px){.subtab-pill-container{scrollbar-width:none;-webkit-overflow-scrolling:touch;white-space:nowrap!important;flex-wrap:nowrap!important;justify-content:flex-start!important;padding:6px!important;overflow-x:auto!important}.subtab-pill-container::-webkit-scrollbar{display:none}.subtab-pill-wrapper{flex-wrap:nowrap!important;width:max-content!important}}.subtab-pill{cursor:pointer;border:none;border-radius:8px;padding:8px 16px;font-size:.85rem;transition:all .2s}@media (max-width:768px){.subtab-pill{justify-content:center;align-items:center;display:inline-flex;min-height:44px!important;padding-top:10px!important;padding-bottom:10px!important;font-size:.9rem!important}}.month-selector-scroll{gap:2px;display:flex}@media (max-width:768px){.month-selector-scroll{scrollbar-width:none;-webkit-overflow-scrolling:touch;max-width:100%;width:100%!important;overflow-x:auto!important}.month-selector-scroll::-webkit-scrollbar{display:none}}