:root{font-family:Noto Sans KR,Pretendard,Segoe UI,sans-serif;color-scheme:light;--color-canvas: #eef2f6;--color-surface: #ffffff;--color-surface-strong: #fbfcfe;--color-ink: #172b45;--color-ink-soft: #43566f;--color-muted: #718096;--color-line: #d8e1eb;--color-line-strong: #b8c6d6;--color-signal: #356bb5;--color-signal-strong: #245795;--color-success: #50bd8c;--color-danger: #d15e4d;--color-shadow: rgba(28, 61, 100, .1);--font-mono: "IBM Plex Mono", "SFMono-Regular", Consolas, monospace;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 24px;--space-1: 6px;--space-2: 10px;--space-3: 14px;--space-4: 20px;--space-5: 28px;--space-6: 40px;--shadow-raised: 0 24px 60px var(--color-shadow)}html[data-theme=dark]{color-scheme:dark;--color-canvas: #101a29;--color-surface: #17253a;--color-surface-strong: #1c2d45;--color-ink: #edf4fc;--color-ink-soft: #c4d1e0;--color-muted: #93a5ba;--color-line: #334962;--color-line-strong: #4b6582;--color-signal: #75a9ee;--color-signal-strong: #5f92d3;--color-success: #70d8aa;--color-danger: #ef8878;--color-shadow: rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:0;min-height:100vh;background:var(--color-canvas);color:var(--color-ink)}button,input{font:inherit}button{color:inherit}:focus-visible{outline:3px solid var(--color-success);outline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.loading-screen{min-height:100vh;display:grid;place-items:center;color:var(--color-ink-soft)}.eyebrow{color:var(--color-signal);font:700 11px/1.2 var(--font-mono);letter-spacing:.13em}.brand-logo{display:inline-grid;align-items:center;min-height:28px}.brand-logo img{grid-area:1 / 1;display:block;width:132px;height:auto}.brand-logo-dark,html[data-theme=dark] .brand-logo-light{display:none!important}html[data-theme=dark] .brand-logo-dark{display:block!important}.button{min-height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-sm);padding:9px 16px;font-weight:700;cursor:pointer;transition:background .18s ease,border-color .18s ease,transform .18s ease}.button:hover:not(:disabled){transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.55}.button-primary{background:var(--color-signal);color:#fff}.button-primary:hover:not(:disabled){background:var(--color-signal-strong)}.button-secondary{background:var(--color-surface);border-color:var(--color-line-strong);color:var(--color-ink)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){background:var(--color-surface-strong);border-color:var(--color-signal)}.button-danger{background:var(--color-danger);color:#fff}.button-quiet{background:transparent;border-color:var(--color-line);color:var(--color-ink-soft)}.field{display:grid;gap:7px;color:var(--color-ink);font-size:13px;font-weight:700}.monthly-average-example{display:block;width:320px;max-width:100%;height:auto;margin-top:8px;background:#fff}.field small{color:var(--color-muted);font-weight:400;line-height:1.6}.field input,.rule-row input{width:100%;min-height:44px;border:1px solid var(--color-line-strong);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-ink);padding:10px 12px}.field input:hover,.rule-row input:hover{border-color:var(--color-signal)}.field input:focus,.rule-row input:focus{border-color:var(--color-signal);outline:3px solid color-mix(in srgb,var(--color-signal) 18%,transparent)}.status{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--color-line);border-radius:999px;padding:5px 9px;color:var(--color-ink-soft);font:700 11px/1 var(--font-mono)}.status i{width:7px;height:7px;border-radius:50%;background:var(--color-success)}.status-pending i{background:var(--color-signal)}.status-danger i{background:var(--color-danger)}.theme-control{position:fixed;right:18px;bottom:18px;z-index:10}.theme-switcher{display:flex;padding:4px;background:var(--color-surface);border:1px solid var(--color-line);border-radius:12px;box-shadow:0 8px 24px var(--color-shadow)}.theme-switcher button{width:34px;height:32px;border:0;border-radius:7px;display:grid;place-items:center;background:transparent;cursor:pointer}.theme-switcher button.selected{background:var(--color-signal);color:#fff}.theme-switcher svg{width:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.login-page{min-height:100vh;display:grid;place-items:center;padding:var(--space-4);background:radial-gradient(circle at 12% 15%,color-mix(in srgb,var(--color-signal) 12%,transparent),transparent 32%),var(--color-canvas)}.login-card{width:min(100%,470px);padding:var(--space-6);border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-raised)}.login-heading{margin:42px 0 28px}.login-heading h1{margin:8px 0 10px;font-size:clamp(30px,6vw,42px);letter-spacing:-.04em}.login-heading p{margin:0;max-width:45ch;color:var(--color-ink-soft);font-size:14px;line-height:1.75}.login-form{display:grid;gap:18px}.login-form .button{margin-top:4px;min-height:48px}.security-note{display:flex;align-items:flex-start;gap:10px;margin-top:24px;padding-top:20px;border-top:1px solid var(--color-line);color:var(--color-muted);font-size:12px;line-height:1.65}.security-note svg{flex:0 0 auto;color:var(--color-success)}.app-shell{min-height:100vh;display:grid;grid-template-columns:220px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:32px;padding:28px 22px;background:var(--color-surface);border-right:1px solid var(--color-line)}.product-mark{display:flex;align-items:center;gap:11px;padding:14px 0 18px;border-bottom:1px solid var(--color-line)}.product-mark svg{color:var(--color-signal)}.product-mark strong,.product-mark span{display:block}.product-mark strong{font-size:14px}.product-mark span{margin-top:4px;color:var(--color-muted);font:10px/1 var(--font-mono)}.sidebar nav{display:grid;gap:7px}.nav-item{display:flex;align-items:center;gap:10px;min-height:42px;padding:9px 11px;border-radius:var(--radius-sm);color:var(--color-ink-soft);text-decoration:none;font-size:13px;font-weight:700}.nav-item span{color:var(--color-muted);font:10px/1 var(--font-mono)}.nav-item:hover,.nav-item.active{background:var(--color-surface-strong);color:var(--color-signal)}.nav-item.active{box-shadow:inset 3px 0 var(--color-signal)}.sidebar-help{margin-top:auto;padding:14px;border:1px solid var(--color-line);border-radius:var(--radius-md);color:var(--color-ink-soft)}.sidebar-help svg{color:var(--color-signal)}.sidebar-help p{margin:8px 0 0;font-size:11px;line-height:1.7}.workspace{min-width:0}.topbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px clamp(22px,4vw,52px);background:color-mix(in srgb,var(--color-canvas) 90%,transparent);border-bottom:1px solid var(--color-line)}.topbar h1{margin:6px 0 0;font-size:clamp(22px,3vw,30px);letter-spacing:-.035em}.account{display:flex;align-items:center;gap:12px;color:var(--color-muted);font-size:12px}.content{width:min(100%,1120px);display:grid;gap:20px;padding:32px clamp(20px,4vw,52px) 100px}.panel{scroll-margin-top:16px;padding:clamp(20px,3vw,30px);border:1px solid var(--color-line);border-radius:var(--radius-md);background:var(--color-surface)}.section-heading{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.section-heading h2{margin:0;font-size:19px;letter-spacing:-.025em}.section-heading p,.rules-heading p{margin:6px 0 0;color:var(--color-muted);font-size:12px;line-height:1.65}.step,.rule-number{color:var(--color-signal);font:700 11px/1 var(--font-mono)}.step{display:grid;place-items:center;flex:0 0 35px;height:35px;border-radius:50%;background:color-mix(in srgb,var(--color-signal) 12%,transparent)}.dropzone{width:100%;min-height:178px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1.5px dashed var(--color-line-strong);border-radius:var(--radius-md);background:var(--color-surface-strong);cursor:pointer}.dropzone svg{color:var(--color-signal)}.dropzone strong{max-width:80%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.dropzone span{color:var(--color-muted);font:11px/1.5 var(--font-mono)}.dropzone:hover,.dropzone.dragging{border-color:var(--color-signal);background:color-mix(in srgb,var(--color-signal) 7%,var(--color-surface))}.dropzone.selected{border-style:solid;border-color:var(--color-success)}.date-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-bottom:26px;border-bottom:1px solid var(--color-line)}.rules-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px 0 14px}.rules-heading h3{margin:0;font-size:15px}.rules-list{display:grid;gap:9px}.rule-row{display:grid;grid-template-columns:30px minmax(120px,.65fr) minmax(180px,1fr) 40px;align-items:end;gap:10px;padding:12px;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface-strong)}.rule-number{align-self:center;text-align:center}.rule-row label{display:grid;gap:6px;color:var(--color-muted);font-size:11px;font-weight:700}.icon-button{width:40px;height:44px;display:grid;place-items:center;border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-muted);cursor:pointer}.icon-button:hover{border-color:var(--color-danger);color:var(--color-danger)}.empty-state{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px;border:1px dashed var(--color-line-strong);border-radius:var(--radius-sm);color:var(--color-muted);font-size:13px}.result-panel{border-color:var(--color-line-strong)}.message{display:flex;align-items:flex-start;gap:10px;border-radius:var(--radius-sm);padding:13px 14px;font-size:13px;line-height:1.6}.message-error{border:1px solid color-mix(in srgb,var(--color-danger) 42%,var(--color-line));background:color-mix(in srgb,var(--color-danger) 8%,var(--color-surface));color:var(--color-danger)}.message svg{flex:0 0 auto;margin-top:2px}.ready-note{display:flex;gap:9px;align-items:center;padding:13px 14px;border-radius:var(--radius-sm);background:var(--color-surface-strong);color:var(--color-ink-soft);font-size:13px}.ready-note svg{color:var(--color-success)}.run-button{width:100%;min-height:50px;margin-top:18px}.result-summary{display:grid;gap:17px}.result-status{display:flex;align-items:center;gap:10px}.result-status strong{font-size:14px}.result-summary dl{display:grid;grid-template-columns:repeat(4,1fr);margin:0;border:1px solid var(--color-line);border-radius:var(--radius-sm);overflow:hidden}.result-summary dl div{padding:14px;border-right:1px solid var(--color-line)}.result-summary dl div:last-child{border-right:0}.result-summary dt{color:var(--color-muted);font-size:10px}.result-summary dd{margin:7px 0 0;font:700 18px/1 var(--font-mono)}@media(max-width:1080px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto;display:grid;grid-template-columns:auto 1fr;align-items:center;padding:18px 24px;border-right:0;border-bottom:1px solid var(--color-line)}.sidebar .brand-logo,.sidebar-help{display:none}.product-mark{padding:0;border:0}.sidebar nav{display:flex;justify-content:flex-end}.topbar{min-height:92px}.content{margin-inline:auto}}@media(max-width:760px){.sidebar{grid-template-columns:1fr;gap:14px}.sidebar nav{display:grid;grid-template-columns:repeat(3,1fr)}.nav-item{justify-content:center}.topbar{align-items:flex-start}.account{align-items:flex-end;flex-direction:column}.date-grid{grid-template-columns:1fr}.rule-row{grid-template-columns:28px 1fr 40px}.rule-row label:nth-of-type(2){grid-column:2 / 3}.icon-button{grid-column:3;grid-row:1}.result-summary dl{grid-template-columns:repeat(2,1fr)}.result-summary dl div{border-bottom:1px solid var(--color-line)}}@media(max-width:480px){.login-page{padding:12px}.login-card{padding:28px 22px}.sidebar{padding:16px}.nav-item{flex-direction:column;gap:5px;text-align:center;font-size:11px}.topbar{padding:20px 16px;flex-direction:column}.account{width:100%;align-items:center;flex-direction:row;justify-content:space-between}.account span{max-width:52vw;overflow:hidden;text-overflow:ellipsis}.content{padding:20px 12px 92px}.panel{padding:18px 14px}.dropzone strong{max-width:92%}.rules-heading{align-items:stretch;flex-direction:column}.rule-row{grid-template-columns:1fr 40px}.rule-number{display:none}.rule-row label,.rule-row label:nth-of-type(2){grid-column:1 / -1}.icon-button{grid-column:2;grid-row:1;justify-self:end;height:36px}.empty-state{align-items:stretch;flex-direction:column}.result-summary dl{grid-template-columns:1fr}.result-summary dl div{border-right:0}.theme-control{right:10px;bottom:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}