@font-face{font-family:Pretendard;src:url('/fonts/Pretendard-Regular.otf') format('opentype');font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url('/fonts/Pretendard-Bold.otf') format('opentype');font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--bg:#0B0B0D;--panel:#16151A;--panel-2:#1D1C22;--border:#3A3742;--text:#EFEBE3;--text-2:#B9B3A8;--muted:#B9B3A8;--primary:#6E1423;--primary-bright:#8A2030;--accent-text:#E6A9B0;--brass:#A8895C;--brass-line:rgba(168,137,92,.55);--data:#8FB6C9;--success:#4EC98A;--danger:#F2857D;--warn:#E0A13C;--maxw:1440px;--font:Pretendard,system-ui,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:var(--bg);font:15px/1.65 var(--font)}body::before{content:'';position:fixed;inset:0;background:url('/black-marble.png') center/cover;opacity:.13;pointer-events:none;z-index:-1}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:var(--accent-text);text-underline-offset:4px}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--accent-text);outline-offset:4px}::selection{background:var(--primary);color:white}input{caret-color:var(--accent-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:var(--border);border-radius:8px}::-webkit-scrollbar-track{background:var(--bg)}[hidden]{display:none!important}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}button.hd-btn{font:600 13px var(--font)}.skip{position:fixed;top:-100px;left:20px;z-index:999;background:var(--panel);padding:14px}.skip:focus{top:10px}
main{max-width:var(--maxw);margin:auto;padding:44px 32px 16px}.page-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px}h1{font-size:30px;line-height:1.3;letter-spacing:-.02em;margin:0 0 10px}h2{font-size:19px;line-height:1.45;margin:0}p{margin:0;color:var(--text-2)}.sync{text-align:right;font-size:13px;color:var(--text-2);display:grid;justify-items:end;gap:8px}.text-button{display:inline-flex;align-items:center;gap:7px;border:0;color:var(--accent-text);background:none;padding:4px}.text-button svg{width:17px;height:17px}.notice{border:1px solid var(--border);background:var(--panel);padding:12px 16px;margin-bottom:20px;color:var(--warn)}.toolbar{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:16px 0;border-top:1px solid var(--brass-line);border-bottom:1px solid var(--border);margin-bottom:24px}.period{display:flex;gap:4px;flex-wrap:wrap}.period button{border:1px solid transparent;border-radius:6px;color:var(--text-2);background:none;padding:8px 14px}.period button[aria-pressed=true]{background:var(--primary);color:white}.period button:hover{border-color:var(--border)}.dates{display:flex;gap:10px;align-items:end}.dates label{font-size:12px;color:var(--text-2);display:grid;gap:3px}.dates>span{align-self:center;color:var(--text-2)}input,select{background:#060607;border:1px solid var(--border);border-radius:6px;padding:9px 10px;color:var(--text);min-width:0}input::placeholder{color:var(--text-2)}input[type=date]{font-size:13px;max-width:150px}.secondary{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:8px 16px}.secondary:hover{border-color:var(--brass)}
.workspace{display:grid;grid-template-columns:304px minmax(0,1fr);border:1px solid var(--border);border-radius:12px;background:rgba(22,21,26,.93);min-height:670px;overflow:hidden}.catalog{border-right:1px solid var(--border)}.catalog-head{padding:24px 20px 16px;border-bottom:1px solid var(--border)}.catalog h2{display:flex;align-items:center;gap:8px;margin-bottom:20px}.catalog h2 span{font-size:13px;color:var(--data);font-variant-numeric:tabular-nums;font-weight:400}.search{display:flex;position:relative}.search svg{position:absolute;width:18px;height:18px;top:13px;left:12px;color:var(--text-2)}.search input{width:100%;padding-left:38px;font-size:13px}.check{display:flex;gap:7px;align-items:center;color:var(--text-2);font-size:13px;margin-top:12px}.check input{accent-color:var(--primary);width:15px;height:15px;padding:0;margin:0}.product-list{max-height:700px;overflow:auto}.product-button{width:100%;display:block;text-align:left;padding:20px;border:0;border-bottom:1px solid #2A2830;background:none;color:var(--text)}.product-button:hover{background:var(--panel-2)}.product-button[aria-pressed=true]{background:#291C22;box-shadow:inset 0 0 0 1px var(--brass-line)}.product-name{font-size:14px;line-height:1.5;display:block;overflow-wrap:anywhere;font-weight:600}.product-meta{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:10px;font-size:12px;color:var(--text-2)}.product-price{color:var(--data);font-size:15px;font-variant-numeric:tabular-nums}.product-status{display:block;font-size:12px;margin-top:6px;color:var(--text-2)}.status-error{color:var(--danger)}.status-warn{color:var(--warn)}.detail{padding:30px 32px;min-width:0}.detail-top{display:flex;justify-content:space-between;gap:24px;align-items:start}.detail-top h2{font-size:23px;overflow-wrap:anywhere}.detail-top p{font-size:13px;margin-top:8px}.product-link{display:inline-flex;align-items:center;white-space:nowrap;gap:6px;font-size:13px;padding-top:6px}.product-link svg{width:14px;height:14px}.current-values{display:grid;grid-template-columns:1.2fr 1fr 1.2fr;gap:24px;padding:24px 0;border-bottom:1px solid var(--border);margin-bottom:26px}.current-values dt{color:var(--text-2);font-size:13px;margin-bottom:8px}.current-values dd{margin:0;font-size:27px;line-height:1.3;font-weight:600;font-variant-numeric:tabular-nums;color:var(--data)}.current-values dd small{font-size:14px;font-weight:400;margin-left:4px}.shipping-note{font-size:13px;color:var(--text-2);margin-bottom:22px}.chart-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.chart-head h3,.record-head h3{font-size:15px;margin:0}.legend{font-size:12px;display:flex;gap:16px;color:var(--text-2)}.legend span{display:flex;gap:6px;align-items:center}.legend i{width:16px;height:2px;background:var(--data)}.legend span:last-child i{background:var(--accent-text)}.chart{margin-top:12px;min-height:220px}.chart svg{display:block;width:100%;height:auto;stroke-width:1.5}.chart .grid{stroke:#3A3742;stroke-width:1}.chart text{stroke:none;fill:var(--text-2);font-family:var(--font);font-size:12px}.chart .price-line{stroke:var(--data);stroke-width:2.4}.chart .total-line{stroke:var(--accent-text);stroke-width:2.4;stroke-dasharray:6 3}.chart .dot{fill:var(--data);stroke:var(--panel);stroke-width:2}.chart-caption{font-size:12px;color:var(--text-2);margin:8px 0 24px}.record-head{display:flex;gap:16px;align-items:center;justify-content:space-between;border-top:1px solid var(--border);padding:22px 0 14px}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap;text-align:left;font-variant-numeric:tabular-nums}th{font-size:12px;font-weight:400;color:var(--text-2);padding:12px 10px;background:#111015;border-bottom:1px solid var(--border)}td{padding:13px 10px;border-bottom:1px solid #2A2830}td.money{text-align:right;color:var(--data)}th.money{text-align:right}td.name-cell{white-space:normal;min-width:170px;max-width:300px;overflow-wrap:anywhere}.change{color:var(--accent-text)}.table-note{color:var(--text-2);font-size:12px;padding:12px 0}.pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;font-size:12px;color:var(--text-2)}.pagination button{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:6px 12px;border-radius:6px}.empty{text-align:center;display:grid;place-content:center;min-height:300px;padding:30px;gap:14px}.empty svg{width:64px;height:64px;color:var(--brass);margin:auto}.empty h2{font-size:19px}.empty p{max-width:55ch;line-height:1.8;font-size:14px}.loading{padding:24px;font-size:14px}.wide-section{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:28px 32px;min-height:500px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.section-top p{font-size:13px;margin-top:8px}.record-options{display:flex;align-items:end;gap:18px}.record-options>label:not(.check){font-size:12px;color:var(--text-2);display:grid;gap:5px}.record-options select{max-width:300px;font-size:13px}.good{color:var(--success)}footer{margin:28px 0 12px;max-width:90ch}footer p{font-size:12px;margin:5px 0;color:var(--text-2)}
@media(max-width:1100px){main{padding:32px 24px}.workspace{grid-template-columns:260px minmax(0,1fr)}.detail{padding:24px}.toolbar{flex-wrap:wrap}.current-values{gap:16px}.current-values dd{font-size:23px}.hd-actions .is-ghost{display:none}}
@media(max-width:740px){main{padding:28px 16px 12px}.page-intro{align-items:start;flex-direction:column;gap:16px;margin-bottom:24px}h1{font-size:26px}.sync{text-align:left;justify-items:start;display:flex;flex-wrap:wrap;gap:14px;font-size:12px}.toolbar{gap:14px}.period button{padding:7px 10px;font-size:13px}.dates{width:100%;gap:8px;justify-content:space-between}.dates label{flex:1}.dates input{width:100%;max-width:none;font-size:12px}.workspace{display:block}.catalog{border-right:0;border-bottom:1px solid var(--border)}.catalog-head{padding:20px}.catalog-head h2{margin-bottom:12px}.product-list{max-height:240px}.product-button{padding:14px 20px}.product-name{font-size:13px}.product-meta{margin-top:6px}.detail{padding:24px 18px}.detail-top{flex-direction:column;gap:8px}.detail-top h2{font-size:20px}.current-values{gap:12px;padding:20px 0}.current-values dt{font-size:12px}.current-values{grid-template-columns:repeat(3,minmax(0,1fr))}.current-values dd{font-size:clamp(15px,4.5vw,20px);white-space:nowrap}.current-values dd small{font-size:12px}.chart{min-height:160px}.chart-head{flex-wrap:wrap;gap:10px}.wide-section{padding:24px 18px}.section-top{display:block}.record-options{margin-top:16px;display:grid;gap:10px}.record-options select{width:100%;max-width:none}.record-head{flex-wrap:wrap}.hd-brand{font-size:17px}.hd-actions .hd-btn{font-size:12px;padding:8px 10px}.pagination{flex-wrap:wrap}th,td{padding:10px 8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}