.cp-tool{--cp-panel:#fff;--cp-soft:#f3f3f0;--cp-soft-2:#e9e9e4;--cp-text:#20201e;--cp-muted:#74746e;--cp-accent:#bc7825;--cp-accent-soft:#fff0dc;--cp-green:#267d58;width:min(1180px,calc(100% - 32px));margin:0 auto;padding:12px 0 48px;color:var(--cp-text);font-size:14px}.tw-dark .cp-tool{--cp-panel:#1a1a19;--cp-soft:#232321;--cp-soft-2:#2b2b28;--cp-text:#efefe9;--cp-muted:#aaa9a2;--cp-accent:#eda44e;--cp-accent-soft:rgba(237,164,78,.12);--cp-green:#58bd8c}.cp-tool *{box-sizing:border-box}.cp-tool [hidden]{display:none!important}
.cp-breadcrumb{display:flex;align-items:center;gap:5px;min-height:34px;color:var(--cp-muted);font-size:12px}.cp-breadcrumb a{color:inherit;text-decoration:none}.cp-breadcrumb a:hover{color:var(--cp-accent)}.cp-breadcrumb i{font-size:14px}.cp-hero{display:flex;align-items:center;gap:17px;min-height:116px;padding:20px 24px;border-radius:4px;background:var(--cp-panel)}.cp-hero-icon{display:grid;width:62px;height:62px;flex:0 0 auto;place-items:center;border-radius:4px;background:#211a13;color:#efa750}.cp-hero-icon i{font-size:32px}.cp-title-line{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.cp-title-line h1{margin:0;font-size:28px;font-weight:700;line-height:1.2}.cp-title-line span{padding:4px 9px;border-radius:999px;background:var(--cp-accent-soft);color:var(--cp-accent);font-size:12px}.cp-hero p{margin:8px 0 0;color:var(--cp-muted);line-height:1.7}.cp-load-error{padding:22px;border-radius:4px;background:var(--cp-panel);color:#c65b5f}
.cp-mode{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:12px 0;padding:4px;border-radius:4px;background:var(--cp-panel)}.cp-mode button{display:flex;min-height:46px;align-items:center;justify-content:center;gap:8px;border:0;border-radius:3px;background:transparent;color:var(--cp-muted);font:600 14px/1 inherit;cursor:pointer}.cp-mode button i{font-size:20px}.cp-mode button:hover{background:var(--cp-soft)}.cp-mode button[aria-selected=true]{background:var(--cp-accent-soft);color:var(--cp-accent)}
.cp-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.cp-summary article{position:relative;min-height:104px;overflow:hidden;padding:19px 20px;border-radius:4px;background:var(--cp-panel)}.cp-summary span{display:block;color:var(--cp-muted);font-size:12px}.cp-summary strong{display:block;margin-top:7px;color:var(--cp-accent);font-size:25px;font-weight:700;font-variant-numeric:tabular-nums}.cp-summary article>i{position:absolute;right:15px;bottom:8px;color:var(--cp-accent);font-size:48px;opacity:.11}
.cp-layout{display:grid;grid-template-columns:340px minmax(0,1fr);gap:12px;align-items:start}.cp-settings,.cp-table-card{border-radius:4px;background:var(--cp-panel)}.cp-settings{position:sticky;top:72px;padding:18px}.cp-settings header,.cp-table-card header{display:flex;align-items:center;justify-content:space-between;gap:12px}.cp-settings header p,.cp-table-card header p{margin:0;color:var(--cp-accent);font-size:12px;letter-spacing:.11em}.cp-settings header h2,.cp-table-card header h2{margin:2px 0 0;font-size:19px;font-weight:700}.cp-settings header button{display:flex;height:34px;align-items:center;gap:5px;border:0;border-radius:3px;background:var(--cp-soft);padding:0 9px;color:var(--cp-muted);font:500 12px/1 inherit;cursor:pointer}.cp-settings header button:hover{color:var(--cp-accent)}.cp-settings fieldset{min-width:0;margin:17px 0 0;padding:0;border:0}.cp-settings legend{margin-bottom:8px;font-size:13px;font-weight:600}.cp-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cp-settings label>span:first-child{display:block;margin-bottom:6px;color:var(--cp-muted);font-size:12px}.cp-settings input{width:100%;height:43px;border:0;border-radius:3px;outline:0;background:var(--cp-soft);padding:0 11px;color:var(--cp-text);font:600 16px/1 inherit}.cp-settings input:focus{box-shadow:inset 0 0 0 2px var(--cp-accent)}.cp-settings input:disabled{cursor:not-allowed;opacity:.48}.cp-suffix{position:relative;display:block}.cp-suffix input{padding-right:30px}.cp-suffix small{position:absolute;right:11px;top:50%;color:var(--cp-muted);font-size:12px;transform:translateY(-50%)}.cp-divider{height:1px;margin:18px 0;background:var(--cp-soft-2)}.cp-field{display:block;margin-top:14px}.cp-field>span{display:flex!important;align-items:center;justify-content:space-between;gap:8px}.cp-field b{color:var(--cp-text);font-size:13px;font-weight:600}.cp-field em{color:var(--cp-accent);font-size:12px;font-style:normal}.cp-feedback{margin:14px 0 0;color:var(--cp-muted);font-size:12px;line-height:1.6}.cp-feedback.is-warning{color:#c45f62}
.cp-table-card{overflow:hidden}.cp-table-card header{min-height:70px;padding:15px 18px}.cp-table-card header>span{padding:4px 8px;border-radius:3px;background:var(--cp-soft);color:var(--cp-muted);font-size:12px}.cp-table-wrap{overflow-x:auto}.cp-table-card table{width:100%;border-collapse:collapse;font-size:14px}.cp-table-card thead{background:var(--cp-soft)}.cp-table-card th,.cp-table-card td{height:43px;padding:8px 15px;text-align:right;white-space:nowrap}.cp-table-card th{color:var(--cp-muted);font-size:12px;font-weight:500}.cp-table-card th:first-child,.cp-table-card td:first-child{text-align:left}.cp-table-card td{font-variant-numeric:tabular-nums}.cp-table-card td strong{font-weight:600}.cp-table-card tbody tr:nth-child(odd){background:rgba(127,127,120,.035)}.cp-table-card tbody tr.is-current{background:linear-gradient(90deg,rgba(188,120,37,.22),rgba(188,120,37,.05));box-shadow:inset 4px 0 var(--cp-accent)}.cp-table-card tbody tr.is-goal{box-shadow:inset -4px 0 var(--cp-green)}.cp-table-card tbody tr.is-current.is-goal{box-shadow:inset 4px 0 var(--cp-accent),inset -4px 0 var(--cp-green)}
.cp-note{display:flex;gap:12px;margin-top:12px;padding:17px 19px;border-radius:4px;background:var(--cp-soft)}.cp-note>i{flex:0 0 auto;color:var(--cp-accent);font-size:23px}.cp-note h2{margin:0;font-size:15px;font-weight:600}.cp-note p{margin:5px 0 0;color:var(--cp-muted);font-size:13px;line-height:1.7}
@media(max-width:850px){.cp-layout{grid-template-columns:1fr}.cp-settings{position:static}.cp-summary strong{font-size:21px}}
@media(max-width:580px){.cp-tool{width:calc(100% - 20px);padding-top:8px}.cp-hero{min-height:100px;padding:16px}.cp-hero-icon{display:none}.cp-title-line h1{font-size:23px}.cp-summary{grid-template-columns:1fr}.cp-summary article{min-height:82px;padding:15px 17px}.cp-summary strong{font-size:22px}.cp-table-card th,.cp-table-card td{padding:8px 11px}.cp-table-card th:nth-child(3),.cp-table-card td:nth-child(3){display:none}}
@media(prefers-reduced-motion:reduce){.cp-mode button{transition:none}}