:root{color:#18201c;background:#f7f8f4;font-family:Inter,Pretendard,Noto Sans KR,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px}*{box-sizing:border-box}body{min-width:320px;margin:0}.login-shell{place-items:center;min-height:100vh;padding:20px;display:grid}.login-panel{background:#fff;border:1px solid #d5e1d8;border-radius:8px;width:min(430px,100%);padding:28px;box-shadow:0 12px 34px #25332b1a}.login-brand{margin-bottom:24px}.login-form{gap:14px;display:grid}.login-loading,.login-offline{color:#52645a;align-items:center;gap:10px;min-height:52px;font-weight:800;display:flex}.login-offline{flex-direction:column;align-items:stretch}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;min-height:44px}button:disabled{cursor:wait;opacity:.58}.app{width:min(1180px,100%);margin:0 auto;padding:18px}.topbar{justify-content:space-between;align-items:center;gap:14px;padding:18px 0 12px;display:flex}.topbar>.primary{white-space:nowrap;flex:none;min-width:86px}.cloud-status{color:#315444;background:#f2f7f3;border:1px solid #d5e1d8;border-radius:8px;grid-template-columns:10px auto minmax(0,1fr);align-items:center;gap:7px;margin-bottom:8px;padding:9px 12px;display:grid}.cloud-status small{color:#66766d;text-align:right;justify-self:end}.cloud-login{grid-column:2/-1;grid-template-columns:minmax(180px,320px) auto;align-items:center;gap:8px;display:grid}.cloud-login input{min-height:44px}.cloud-login-error{color:#9e382f;grid-column:1/-1;font-size:.9rem;font-weight:700}.cloud-dot{background:#3d8160;border-radius:50%;width:9px;height:9px}.cloud-saving .cloud-dot,.cloud-loading .cloud-dot{background:#c08a2e}.cloud-offline .cloud-dot,.cloud-auth-error .cloud-dot{background:#b2493e}@media (width<=560px){.cloud-status{grid-template-columns:10px 1fr}.cloud-status small{text-align:left;grid-column:2;justify-self:start}.cloud-login{grid-column:1/-1;grid-template-columns:1fr}}.eyebrow{color:#617064;margin:0 0 4px;font-size:.88rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;margin-bottom:0;font-size:clamp(1.7rem,5vw,2.6rem)}h2{margin-bottom:16px;font-size:1.25rem}h3{margin:10px 0 0;font-size:1.2rem}.primary,.secondary,.ghost,.icon-btn{border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 14px;font-weight:800;display:inline-flex}.primary{color:#fff;background:#1c6b4a}.secondary{color:#183428;background:#e7eee8}.ghost{color:#3f5449;background:0 0;border:1px solid #cbd8cf}.danger{color:#9d2f27}.wide{width:100%}.icon-btn{background:#fff;border:1px solid #cbd8cf;width:44px;padding:0}.tabs{z-index:2;scrollbar-width:none;background:#f7f8f4;grid-template-columns:repeat(7,minmax(76px,1fr));gap:6px;padding:8px 0 18px;display:grid;position:sticky;top:0;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.history-view{gap:12px;display:grid}.history-heading,.history-subheading,.usage-ranking-head{justify-content:space-between;align-items:end;gap:12px;display:flex}.history-subheading h2,.usage-ranking-head h2,.usage-ranking-head p{margin-bottom:0}.history-subheading>span,.usage-ranking-head>span{color:#66766d;font-size:.82rem}.history-heading h2,.history-heading p{margin-bottom:0}.history-heading>span{color:#315444;background:#e7eee8;border-radius:6px;padding:6px 9px;font-size:.84rem;font-weight:800}.history-list{background:#fff;border:1px solid #dce5de;border-radius:8px;padding:6px 16px;display:grid;box-shadow:0 8px 22px #25332b0f}.usage-ranking-panel{background:#fff;border:1px solid #dce5de;border-radius:8px;padding:16px;box-shadow:0 8px 22px #25332b0f}.usage-ranking-list{margin-top:12px}.usage-ranking-list article{border-top:1px solid #e5ece7;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:9px 0;display:grid}.usage-rank-icon{color:#46705a;background:#edf3ee;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.usage-ranking-list strong,.usage-ranking-list span{display:block}.usage-ranking-list span{color:#68786f;margin-top:3px;font-size:.84rem}.usage-rank-badge{color:#315444;text-align:center;min-width:28px;padding:7px 2px;font-size:1rem}.history-item{border-bottom:1px solid #e5ece7;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px 0;display:grid}.history-item:last-child{border-bottom:0}.history-mark{color:#315b46;background:#e7eee8;border-radius:8px;place-items:center;width:32px;height:32px;display:grid}.history-해지{color:#9d3d34;background:#f7e8e5}.history-재구독,.history-결제{color:#1f6c49;background:#e7f2ea}.history-item span,.history-item small{color:#607168;margin-top:3px;display:block}.history-item time{color:#68776e;white-space:nowrap;font-size:.86rem}.tabs button{color:#48584e;background:#e9ede6;border-radius:8px;font-weight:800}.tabs .active{color:#fff;background:#18201c}.briefing-view{gap:16px;display:grid}.briefing-head,.briefing-panel,.radar-section{background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 8px 22px #25332b0f}.briefing-head{justify-content:space-between;align-items:center;gap:14px;padding:18px;display:flex}.briefing-head h2,.briefing-head p,.briefing-panel-head h2,.briefing-panel-head p{margin-bottom:0}.period-control{background:#eef2ed;border:1px solid #cedbd2;border-radius:8px;grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.period-control button{color:#52645a;background:0 0;border-radius:6px;min-width:64px;min-height:40px;padding:7px 10px}.period-control button.selected{color:#173c2c;background:#fff;box-shadow:0 1px 5px #22372b1f}.briefing-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.briefing-metrics .metric strong{overflow-wrap:anywhere;font-size:1.25rem}.briefing-grid{gap:14px;display:grid}.briefing-panel,.radar-section{padding:18px}.briefing-panel-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:12px;display:flex}.briefing-panel-head>strong{color:#7b5b26;text-align:right;font-size:.82rem}.briefing-program-list article{border-bottom:1px solid #e5ece7;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:11px;min-height:64px;padding:9px 0;display:grid}.briefing-program-list article:last-child{border-bottom:0}.brief-rank{color:#24533d;background:#e5eee8;border-radius:6px;place-items:center;width:28px;height:28px;font-weight:900;display:grid}.briefing-program-list strong,.briefing-program-list small{display:block}.briefing-program-list small{color:#6b7a71;margin-top:2px;font-size:.78rem}.briefing-program-list article>b{text-align:right;min-width:42px}.brief-track,.category-track{background:#e5ebe7;border-radius:4px;height:7px;margin-top:7px;overflow:hidden}.brief-track span,.category-track span{border-radius:inherit;background:#3b7d5d;height:100%;display:block}.category-usage-list{gap:14px;padding-top:4px;display:grid}.category-usage-list article>div:first-child{justify-content:space-between;align-items:center;gap:10px;display:flex}.category-usage-list article:nth-child(2n) .category-track span{background:#4c7481}.category-usage-list article:nth-child(3n) .category-track span{background:#b07637}.radar-section .section-heading{margin-bottom:4px}.radar-total{text-align:right}.radar-total span,.radar-total strong{display:block}.radar-total span{color:#63746a;font-size:.8rem;font-weight:800}.radar-total strong{color:#1c6b4a;margin-top:3px;font-size:1.2rem}.radar-controls{justify-content:space-between;align-items:end;gap:12px;margin:14px 0 2px;display:flex}.analysis-control{background:#eef2ed;border:1px solid #cedbd2;border-radius:8px;grid-template-columns:repeat(3,minmax(82px,1fr));gap:4px;padding:4px;display:grid}.analysis-control button{color:#52645a;white-space:nowrap;background:0 0;border-radius:6px;min-height:40px;padding:7px 10px}.analysis-control button.selected{color:#173c2c;background:#fff;box-shadow:0 1px 5px #22372b1f}.radar-month-picker{gap:5px;display:grid}.radar-month-picker span{color:#607267;font-size:.8rem;font-weight:800}.radar-month-picker input{background:#fff;border:1px solid #c9d8ce;border-radius:7px;min-height:44px;padding:8px 10px}.radar-layout{align-items:center;gap:14px;display:grid}.radar-chart{width:100%;max-width:540px;margin:0 auto}.radar-chart.radar-fallback{color:#6b7a71;text-align:center;place-items:center;min-height:280px;font-weight:800;display:grid}.radar-chart svg{aspect-ratio:21/17;width:100%;display:block}.radar-grid{fill:none;stroke:#d9e2dc;stroke-width:1px}.radar-axis{stroke:#d4dfd7;stroke-width:1px}.radar-value{fill:#c86d3533;stroke:#b85f2e;stroke-width:2.5px;stroke-linejoin:round}.radar-point{fill:#fff;stroke:#b85f2e;stroke-width:2.5px}.radar-label{fill:#4d5f55;font-size:12px;font-weight:800}.radar-empty{fill:#7b8981;font-size:13px;font-weight:800}.radar-legend{gap:4px;display:grid}.radar-legend>small{color:#75837b;margin-bottom:4px;font-weight:700}.radar-legend>div{border-bottom:1px solid #e3eae5;justify-content:space-between;align-items:center;gap:12px;min-height:42px;display:flex}.radar-legend>div:last-child{border-bottom:0}.radar-legend span{color:#52645a;align-items:center;gap:8px;font-weight:800;display:flex}.radar-legend i{background:#c86d35;border-radius:2px;width:10px;height:10px}.metric-grid{grid-template-columns:1fr;gap:10px;margin-bottom:18px;display:grid}.rate-strip{background:#eef5ef;border:1px solid #cbd8cf;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px;padding:12px 14px;display:flex}.rate-strip div{align-items:baseline;gap:9px;display:flex}.rate-strip span,.rate-strip small,.rate-setting span,.rate-setting small,.setting-note{color:#5d6f63;font-weight:700}.rate-strip.rate-fallback{background:#fff8ec;border-color:#dfc392}.metric,.panel,.subscription-card,.editor,.settings-panel{background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 8px 22px #25332b0f}.metric{padding:18px}.metric span,.select-label span,.field span{color:#607267;font-size:.86rem;font-weight:800;display:block}.metric strong{margin-top:8px;font-size:1.65rem;display:block}.two-column{gap:14px;display:grid}.domain-section,.renewal-planner,.credit-overview,.usage-section,.api-section{background:#fff;border:1px solid #dce5de;border-radius:8px;margin-bottom:18px;padding:18px;box-shadow:0 8px 22px #25332b0f}.api-list{gap:8px;display:grid}.api-list article{background:#fafbfa;border:1px solid #dfe7e1;border-left:4px solid #a9bab0;border-radius:8px;grid-template-columns:38px minmax(0,1fr) auto 40px 44px;align-items:center;gap:10px;min-height:64px;padding:8px 10px;display:grid}.api-list article.important{background:#fffaf0;border-left-color:#ad7d27}.api-service-icon{color:#315f48;background:#e5eee8;border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.api-service-name strong,.api-service-name span{display:block}.api-service-name span{color:#68776e;margin-top:3px;font-size:.82rem}.api-list article>b{white-space:nowrap}.api-star{color:#718078;background:0 0;border-radius:7px;place-items:center;width:40px;min-height:40px;padding:0;display:grid}.api-star.selected{color:#a9761e}.usage-list{display:grid}.usage-list article{border-bottom:1px solid #e5ece7;grid-template-columns:32px minmax(0,1fr) auto 32px;align-items:center;gap:12px;min-height:62px;padding:9px 0;display:grid}.usage-undo{color:#5c6f64;background:#fff;border:1px solid #d7e1da;border-radius:6px;place-items:center;width:32px;min-height:32px;padding:0;display:grid}.usage-list article:last-child{border-bottom:0}.usage-rank{color:#315444;background:#e7eee8;border-radius:6px;place-items:center;width:28px;height:28px;font-size:.84rem;font-weight:900;display:grid}.usage-service>div:first-child{justify-content:space-between;align-items:baseline;gap:10px;display:flex}.usage-service small{color:#6a7970}.usage-track{background:#e4ebe6;border-radius:4px;height:7px;margin-top:7px;overflow:hidden}.usage-track span{border-radius:inherit;background:#3d8160;height:100%;display:block}.usage-list article>b{text-align:right;min-width:42px}.credit-grid{gap:10px;display:grid}.credit-meter{background:#f8faf8;border:1px solid #dce5de;border-radius:8px;padding:13px}.credit-meter.compact{background:0 0;border-width:1px 0 0;border-radius:0;margin:0 0 14px;padding:12px 0 0}.credit-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.credit-head span{color:#4e6055;white-space:nowrap}.credit-head span b{color:#1c6b4a;font-size:1.1rem}.credit-meter progress{background:#dfe7e1;border:0;border-radius:5px;width:100%;height:9px;margin:10px 0 5px;overflow:hidden}.credit-meter progress::-webkit-progress-bar{background:#dfe7e1}.credit-meter progress::-webkit-progress-value{background:#37805d}.credit-meter progress::-moz-progress-bar{background:#37805d}.credit-meter.low progress::-webkit-progress-value{background:#b56f28}.credit-meter.low progress::-moz-progress-bar{background:#b56f28}.credit-meter small{color:#68776e}.credit-meter.low small{color:#8a5a1e;font-weight:800}.section-heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.section-heading h2,.section-heading p{margin-bottom:0}.section-heading>strong{color:#1c6b4a;white-space:nowrap}.domain-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.domain-summary{background:#f8faf8;border:1px solid #dfe7e1;border-top:4px solid #428265;border-radius:8px;min-height:126px;padding:14px}.domain-summary.domain-2{border-top-color:#a46d36}.domain-summary.domain-3{border-top-color:#477b9c}.domain-summary.domain-4{border-top-color:#746c83}.domain-summary.domain-5{border-top-color:#6c7f55}.monthly-view,.ranking-view{gap:14px;display:grid}.ranking-summary,.ranking-table{background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 8px 22px #25332b0f}.ranking-summary{gap:16px;padding:18px;display:grid}.ranking-summary h2,.ranking-summary p{margin-bottom:0}.ranking-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.ranking-metrics div{background:#f5f8f5;border-left:3px solid #7fa38d;padding:10px}.ranking-metrics span,.ranking-metrics strong{display:block}.ranking-metrics span{color:#607267;font-size:.78rem;font-weight:800}.ranking-metrics strong{margin-top:4px;font-size:1rem}.ranking-table{overflow:hidden}.ranking-table-head{display:none}.ranking-table article{border-bottom:1px solid #e5ece7;border-left:4px solid #0000;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px 10px;min-height:76px;padding:12px;display:grid}.ranking-table article:last-child{border-bottom:0}.ranking-table article.top-rank{background:#f7faf7;border-left-color:#53856b}.ranking-table article.top-1{border-left-color:#b0842d}.ranking-table article.unranked{opacity:.65}.rank-number{color:#315444;background:#e7eee8;border-radius:6px;place-items:center;width:32px;height:32px;font-weight:900;display:grid}.rank-service{width:100%;min-width:0;color:inherit;text-align:left;background:0 0;align-items:center;gap:8px;padding:0;display:flex}.rank-service>svg:first-child{color:#9a762b;flex:none}.rank-service>div{flex:1;min-width:0}.rank-service>svg:last-child{color:#637269;flex:none;transition:transform .16s}.rank-service>svg.expanded{transform:rotate(180deg)}.rank-service strong,.rank-service small{display:block}.rank-service small,.ranking-table time{color:#6a7970;margin-top:3px;font-size:.82rem}.ranking-table article>b:nth-of-type(2),.ranking-table article>time{grid-column:2/-1}.ranking-table article>.icon-btn{grid-area:1/3}.rank-detail{border-top:1px solid #dfe8e1;grid-column:1/-1;width:100%;margin-top:4px;padding:14px 0 2px}.rank-detail-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.rank-detail-summary div{background:#edf3ee;padding:10px}.rank-detail-summary span,.rank-detail-summary strong{display:block}.rank-detail-summary span{color:#607267;font-size:.78rem;font-weight:700}.rank-detail-summary strong{margin-top:4px}.rank-payment-list{margin-top:10px}.rank-payment-list>div{border-top:1px solid #e8ede9;justify-content:space-between;gap:12px;padding:9px 2px;font-size:.88rem;display:flex}.rank-payment-list p{color:#6a7970;margin:2px 0 0;font-size:.88rem}.rank-payment-list time{margin:0}.monthly-hero,.year-summary,.monthly-panel{background:#fff;border:1px solid #dce5de;border-radius:8px;box-shadow:0 8px 22px #25332b0f}.monthly-hero{gap:14px;padding:18px;display:grid}.monthly-hero h2,.monthly-hero p,.payment-entry h2,.payment-entry p{margin-bottom:0}.month-picker{gap:6px;display:grid}.month-picker span,.year-head label span,.month-total span,.year-head>div span{color:#607267;font-size:.84rem;font-weight:800}.month-total span,.month-total strong,.year-head>div span,.year-head>div strong{display:block}.month-total-group{grid-template-columns:repeat(2,minmax(0,auto));gap:10px 18px;display:grid}.month-total.lifetime{border-left:1px solid #d5e1d8;padding-left:18px}.month-total strong,.year-head>div strong{color:#1c6b4a;margin-top:4px;font-size:1.55rem}.month-total small{color:#607267;margin-top:5px;font-size:.78rem;font-weight:700;display:block}.year-summary,.monthly-panel{padding:18px}.year-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:14px;display:flex}.year-head label{gap:6px;width:130px;display:grid}.year-head>div{text-align:right}.month-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.month-grid button{color:#415249;text-align:left;background:#f8faf8;border:1px solid #dce5de;border-radius:6px;align-content:center;gap:5px;min-height:68px;padding:9px;display:grid}.month-grid button.selected{background:#eaf4ed;border-color:#4f8b6d}.month-grid button span{font-size:.82rem;font-weight:800}.month-grid button strong{font-size:.95rem}.monthly-columns{gap:14px;display:grid}.monthly-panel h2{font-size:1.1rem}.payment-records{margin-top:10px;display:grid}.payment-records article{border-bottom:1px solid #e5ece7;justify-content:space-between;align-items:center;gap:12px;min-height:66px;padding:10px 0;display:flex}.payment-records article:last-child{border-bottom:0}.payment-records span,.payment-records small{color:#697970;margin-top:3px;font-size:.84rem;display:block}.payment-records article>b{text-align:right;white-space:nowrap}.payment-entry{align-content:start;gap:12px;display:grid}.payment-row{grid-template-columns:1.5fr 1fr;gap:10px;display:grid}.domain-icon{color:#285c45;background:#e8efea;border-radius:8px;place-items:center;width:34px;height:34px;margin-bottom:10px;display:grid}.domain-summary span,.domain-summary strong,.domain-summary small{display:block}.domain-summary span{color:#53645a;font-size:.84rem;font-weight:800}.domain-summary strong{margin:4px 0 2px;font-size:1.15rem}.domain-summary small{color:#768279}.planned-total{text-align:right}.planned-total span,.planned-total strong{display:block}.planned-total span{color:#66766c;font-size:.8rem;font-weight:800}.planned-total strong{color:#1c6b4a;margin-top:2px;font-size:1.4rem}.renewal-list{gap:8px;display:grid}.renewal-item{cursor:pointer;background:#fafbfa;border:1px solid #dce5de;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:58px;padding:9px 12px;display:grid}.renewal-item.selected{background:#eef6f0;border-color:#8eb7a1}.renewal-item>input{opacity:0;width:1px;min-height:1px;position:absolute}.renewal-check{color:#0000;border:2px solid #aebbb3;border-radius:6px;place-items:center;width:24px;height:24px;display:grid}.renewal-item.selected .renewal-check{color:#fff;background:#1c6b4a;border-color:#1c6b4a}.renewal-name strong,.renewal-name small{display:block}.renewal-name small{color:#68776e;margin-top:2px}.renewal-item>b{white-space:nowrap}.planner-note{color:#66766c;margin:12px 0 0;font-size:.84rem}.panel,.settings-panel{padding:18px}.stack{gap:10px;display:grid}.mini-card{background:#f7faf6;border-left:4px solid #b7c7bd;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;padding:13px;display:flex}.mini-card span{color:#617064;margin-top:3px;font-size:.9rem;display:block}.mini-card.urgent{background:#fff8ec;border-left-color:#c4822f}.mini-card.overdue{background:#fff2f0;border-left-color:#b34236}.empty{color:#728176;margin:0}.toolbar{grid-template-columns:1fr;gap:10px;margin-bottom:12px;display:grid}.list-total-bar{background:#eef5ef;border:1px solid #cbded1;border-radius:8px;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:15px 18px;display:flex}.list-total-main span,.list-total-main strong,.list-total-main small,.list-total-next span,.list-total-next strong{display:block}.list-total-main span,.list-total-next span{color:#587064;font-size:.84rem;font-weight:800}.list-total-main strong{color:#164f38;margin:4px 0 2px;font-size:1.55rem}.list-total-main small{color:#687a70}.list-total-next{border-left:1px solid #c9d9ce;min-width:180px;padding-left:18px}.list-total-next strong{margin-top:4px;font-size:1.25rem}.search-field,.select-label,.field{gap:7px;display:grid}.search-field{position:relative}.search-field svg{color:#6a776f;position:absolute;top:13px;left:12px}input,select,textarea{color:#18201c;background:#fff;border:1px solid #cbd8cf;border-radius:8px;width:100%;min-height:44px;padding:10px 12px}.search-field input{padding-left:40px}textarea{resize:vertical}.card-list{gap:12px;margin-top:12px;display:grid}.subscription-card{padding:16px}.subscription-card.muted{opacity:.74}.card-top,.form-head,.button-row,.actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.badge-row,.meta-row{flex-wrap:wrap;gap:6px;display:flex}.badge{color:#1d5d42;background:#dce9de;border-radius:999px;align-items:center;min-height:26px;padding:4px 9px;font-size:.78rem;font-weight:900;display:inline-flex}.badge.subtle{color:#54665c;background:#edf1ee}.badge.domain{color:#365e77;background:#e6edf3}.badge.sample{color:#715317;background:#f6e9c8}.badge.usage-rank{color:#fff;background:#1c6b4a}.badge.payment-rank{color:#fff;background:#365e77}.badge.api{color:#285d42;background:#e5eee8}.badge.important{color:#795816;background:#f7eacb}.api-cost-line{color:#315f48;font-weight:800}.price{white-space:nowrap;font-size:1.1rem}.key-lines{gap:8px;margin:14px 0;display:grid}.key-lines span{color:#4d5e53;align-items:center;gap:6px;display:flex}.key-lines .rate-caption{color:#6d7b72;font-size:.82rem}.key-lines .paid-line{color:#246044;background:#eaf5ed;border-radius:6px;padding:8px 10px;font-weight:800}.warning-text{font-weight:900;color:#a13c32!important}.notice-text{font-weight:900;color:#8a5a1e!important}.meta-row span{color:#57685e;font-size:.88rem}.memo{color:#3c4a42;margin-bottom:14px}.actions{flex-wrap:wrap;align-items:stretch}.actions button{flex:120px}.subscription-table{border-collapse:collapse;background:#fff;border-radius:8px;width:100%;margin-top:16px;display:none;overflow:hidden}.subscription-table th,.subscription-table td{text-align:left;border-bottom:1px solid #e5ece7;padding:13px}.subscription-table th{color:#435249;background:#edf2ee;font-size:.9rem}.subscription-table td span{color:#6d7b72;margin-top:3px;font-size:.88rem;display:block}.subscription-table td .icon-btn{margin-right:5px;display:inline-flex}.form-view,.settings-view{gap:14px;display:grid}.editor{padding:18px}.editor .field{align-content:end}.editor .field span{min-height:18px}.form-grid{grid-template-columns:1fr;gap:13px;display:grid}.field-error{color:#a13c32;font-weight:800}.check-row{align-items:center;gap:10px;margin:16px 0;font-weight:800;display:flex}.check-row input{width:20px;min-height:20px}.quick-checks{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}.quick-checks .check-row{background:#f7faf6;border:1px solid #dce5de;border-radius:8px;min-height:50px;margin:0;padding:10px 12px}.quick-checks .api-check{border-color:#a9c4b3}.quick-checks .important-check{background:#fffaf0;border-color:#d5bb82}.api-form-section{background:#f4f8f5;border:1px solid #bdd0c3;border-radius:8px;margin:12px 0 16px;padding:14px}.api-form-section>div:first-child{color:#315f48;align-items:center;gap:10px;margin-bottom:12px;display:flex}.api-form-section strong,.api-form-section small{display:block}.api-form-section small{color:#68776e;margin-top:2px}.advanced-section{border-top:1px solid #dce5de}.advanced-section summary{cursor:pointer;flex-direction:column;justify-content:center;min-height:60px;padding:10px 42px 10px 2px;list-style:none;display:flex;position:relative}.advanced-section summary::-webkit-details-marker{display:none}.advanced-section summary:after{color:#486055;content:"+";font-size:1.45rem;font-weight:500;transition:transform .16s;position:absolute;top:17px;right:10px}.advanced-section[open] summary:after{transform:rotate(45deg)}.advanced-section summary span{color:#253c31;font-weight:900}.advanced-section summary small{color:#6b7a71;margin-top:3px}.advanced-content{background:#f7faf6;border-radius:8px;margin-bottom:16px;padding:14px}.cost-preview{background:#eef5ef;border-radius:8px;gap:4px;margin:18px 0;padding:14px;display:grid}.cost-preview span,.cost-preview small{color:#5d6f63;font-weight:800}.cost-preview strong{font-size:1.35rem}.cost-preview .preview-divider{border-top:1px solid #d4e1d7;margin-top:8px;padding-top:10px}.button-row{flex-wrap:wrap;justify-content:flex-start;margin-bottom:16px}.rate-setting{background:#f7faf6;border:1px solid #dce5de;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;padding:14px;display:flex}.rate-setting strong,.rate-setting small{display:block}.rate-setting strong{margin:4px 0;font-size:1.35rem}.setting-note{margin:14px 0 0;font-size:.86rem;line-height:1.55}@media (width<=480px){.briefing-head,.briefing-panel-head{flex-direction:column;align-items:stretch}.period-control{width:100%}.briefing-panel-head>strong{text-align:left}.radar-controls{flex-direction:column;align-items:stretch}.analysis-control,.radar-month-picker,.radar-month-picker input{width:100%}.analysis-control{grid-template-columns:repeat(3,minmax(0,1fr))}.analysis-control button{padding:7px 3px;font-size:.8rem}.radar-total{text-align:left}.radar-section{padding:14px 10px}.month-total-group{grid-template-columns:1fr}.month-total.lifetime{border-top:1px solid #d5e1d8;border-left:0;padding-top:10px;padding-left:0}.api-list article{grid-template-columns:38px minmax(0,1fr) 40px 44px}.api-list article>b{grid-area:2/2/auto/-1}.ranking-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ranking-metrics div:last-child{grid-column:1/-1}.rank-detail-summary{grid-template-columns:repeat(2,minmax(0,1fr))}.rank-detail-summary div:first-child{grid-column:1/-1}.rate-strip,.rate-setting{flex-direction:column;align-items:stretch}.rate-strip div{justify-content:space-between}.section-heading,.usage-ranking-head{flex-direction:column;align-items:flex-start}.planned-total{text-align:left;width:100%}.domain-summary{min-height:120px;padding:12px}.tabs button{padding:8px 2px;font-size:.78rem}.history-item{grid-template-columns:32px minmax(0,1fr)}.history-item time{grid-column:2}.quick-checks{grid-template-columns:1fr}.year-head,.payment-records article{flex-direction:column;align-items:flex-start}.year-head>div,.payment-records article>b{text-align:left}.list-total-bar{flex-direction:column;align-items:stretch}.list-total-next{border-top:1px solid #c9d9ce;border-left:0;min-width:0;padding-top:12px;padding-left:0}.usage-service>div:first-child{flex-direction:column;align-items:flex-start;gap:2px}}@media (width>=680px){.app{padding:28px}.tabs{grid-template-columns:repeat(7,1fr);overflow-x:visible}.briefing-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.briefing-grid{grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr)}.radar-layout{grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr)}.ranking-summary{grid-template-columns:minmax(0,1fr) minmax(390px,.8fr);align-items:center}.metric-grid{grid-template-columns:repeat(4,1fr)}.domain-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.credit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.monthly-hero{grid-template-columns:minmax(0,1fr) 180px auto;align-items:end}.month-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.monthly-columns{grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr)}.two-column,.settings-view{grid-template-columns:repeat(2,minmax(0,1fr))}.toolbar{grid-template-columns:1.4fr repeat(5,1fr);align-items:end}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=900px){.editor{padding:20px}.ranking-table-head,.ranking-table article{grid-template-columns:56px minmax(190px,1fr) 90px 130px 110px 110px 52px;align-items:center;gap:10px;display:grid}.ranking-table-head{color:#435249;background:#edf2ee;min-height:46px;padding:10px 14px;font-size:.84rem;font-weight:800}.ranking-table article{min-height:70px;padding:10px 14px}.ranking-table article>b:nth-of-type(2),.ranking-table article>time,.ranking-table article>.icon-btn{grid-area:auto}.ranking-table article>.rank-detail{grid-column:1/-1}.editor>.form-grid,.editor .advanced-content.form-grid{grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:12px}.editor .quick-checks{grid-template-columns:repeat(4,minmax(0,1fr))}.card-list{display:none}.subscription-table{display:table}}