.cost-card{--cc-bg:#fff;--cc-panel:#f4f4f5;--cc-border:#d4d4d8;--cc-text:#18181b;--cc-text-2:#3f3f46;--cc-accent:#1d4ed8;--cc-total-bg:#eff6ff;--cc-track:#e4e4e7;--cc-bar:#2563eb;--cc-warn:#9a3412;--cc-warn-bg:#fff7ed;--cc-g-compute:#2563eb;--cc-g-serverless:#7c3aed;--cc-g-database:#0d9488;--cc-g-cache:#db2777;--cc-g-storage:#d97706;--cc-g-network:#0891b2;--cc-g-security:#dc2626;--cc-g-monitoring:#65a30d;--cc-g-other:#71717a;--cc-cloud:#2563eb;--cc-cloud-2:#0d9488;box-sizing:border-box;border:1px solid var(--cc-border);background:var(--cc-bg);width:100%;max-width:100%;color:var(--cc-text);overflow-wrap:anywhere;border-radius:14px;margin:8px 0 16px;padding:20px;font-size:15px;line-height:1.55;container-type:inline-size}:root.dark .cost-card{--cc-bg:#18181b;--cc-panel:#27272a;--cc-border:#3f3f46;--cc-text:#f4f4f5;--cc-text-2:#d4d4d8;--cc-accent:#93c5fd;--cc-total-bg:#172554;--cc-track:#3f3f46;--cc-bar:#60a5fa;--cc-warn:#fdba74;--cc-warn-bg:#431407;--cc-g-compute:#60a5fa;--cc-g-serverless:#a78bfa;--cc-g-database:#2dd4bf;--cc-g-cache:#f472b6;--cc-g-storage:#fbbf24;--cc-g-network:#22d3ee;--cc-g-security:#f87171;--cc-g-monitoring:#a3e635;--cc-g-other:#a1a1aa;--cc-cloud:#60a5fa;--cc-cloud-2:#2dd4bf}.cost-card[data-cloud=aws]{--cc-cloud:#ea580c;--cc-cloud-2:#f59e0b;--cc-mark:#c2410c}.cost-card[data-cloud=azure]{--cc-cloud:#2563eb;--cc-cloud-2:#06b6d4;--cc-mark:#1d4ed8}.cost-card[data-cloud=gcp]{--cc-cloud:#16a34a;--cc-cloud-2:#0ea5e9;--cc-mark:#15803d}:root.dark .cost-card[data-cloud=aws]{--cc-cloud:#fb923c;--cc-cloud-2:#fbbf24}:root.dark .cost-card[data-cloud=azure]{--cc-cloud:#60a5fa;--cc-cloud-2:#22d3ee}:root.dark .cost-card[data-cloud=gcp]{--cc-cloud:#4ade80;--cc-cloud-2:#38bdf8}.cost-card *,.cost-card :before,.cost-card :after{box-sizing:border-box}.cost-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.cost-head h3{align-items:center;gap:10px;margin:0;font-size:18px;font-weight:700;display:flex}.cc-cloud-mark{background:var(--cc-mark,#1d4ed8);color:#fff;letter-spacing:-.02em;border-radius:10px;flex:none;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:inline-grid}.cost-badge,.cost-chip{border:1px solid var(--cc-border);background:var(--cc-panel);color:var(--cc-text);white-space:nowrap;border-radius:999px;padding:2px 10px;font-size:15px;display:inline-block}.cost-chip{padding:0 8px;font-weight:600}.cost-total{background:var(--cc-total-bg);background:radial-gradient(120% 140% at 100% 0%,color-mix(in srgb,var(--cc-cloud-2)22%,transparent),transparent 60%),linear-gradient(135deg,color-mix(in srgb,var(--cc-cloud)14%,var(--cc-bg)),var(--cc-total-bg));border:1px solid var(--cc-border);border:1px solid color-mix(in srgb,var(--cc-cloud)30%,var(--cc-border));border-radius:14px;flex-direction:column;gap:2px;padding:16px 18px;display:flex;position:relative;overflow:hidden}.cost-total-meta{color:var(--cc-text);flex-wrap:wrap;gap:4px 16px;margin-top:2px;font-size:15px;font-weight:600;display:flex}.cost-total-label,.cost-total-sub{color:var(--cc-text-2);font-size:15px}.cost-total-value{color:color-mix(in srgb,var(--cc-cloud)80%,var(--cc-text));font-variant-numeric:tabular-nums;font-size:34px;font-weight:800;line-height:1.2}.cost-section{margin:20px 0 8px;font-size:16px;font-weight:700}.cost-hint{color:var(--cc-text-2);margin-top:2px;font-size:15px;font-weight:400;display:block}.cost-groups,.cost-rows{margin:0;padding:0;list-style:none}.cost-breakdown{grid-template-columns:200px minmax(0,1fr);align-items:center;gap:20px;display:grid}.cc-donut{aspect-ratio:1;width:200px;position:relative}.cc-donut svg{width:100%;height:100%;display:block}.cc-donut-seg{transition:stroke-dasharray .35s,stroke-dashoffset .35s}.cc-donut-center{text-align:center;flex-direction:column;justify-content:center;align-items:center;line-height:1.25;display:flex;position:absolute;inset:0}.cc-donut-center span{color:var(--cc-text-2);font-size:15px}.cc-donut-center span,.cc-donut-center strong{max-width:58%}.cc-donut-center strong{overflow-wrap:normal;word-break:break-all;font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;line-height:1.15}.cost-groups li{grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:6px 0;display:grid}.cost-group-icon,.cost-row-icon{background:var(--cc-panel);background:color-mix(in srgb,var(--g)16%,transparent);color:var(--g);border-radius:8px;place-items:center;display:inline-grid}.cost-group-icon{grid-row:span 2;width:30px;height:30px}.cost-group-name{font-weight:600}.cost-bar{background:var(--cc-track);border-radius:4px;grid-column:2/-1;height:8px;display:block;overflow:hidden}.cost-bar i,.cost-row-share i{border-radius:inherit;background:var(--g,var(--cc-bar));height:100%;transition:width .35s;display:block}.cost-group-value{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}.cost-group-value small{color:var(--cc-text-2);margin-left:6px;font-size:15px}.cost-row{border-bottom:1px solid var(--cc-border);box-shadow:inset 3px 0 0 var(--g,var(--cc-border));padding:12px 0 12px 14px}.cost-row-icon{vertical-align:middle;width:26px;height:26px;margin-right:6px}.cost-row-share{background:var(--cc-track);border-radius:2px;height:4px;margin-top:6px;display:block;overflow:hidden}.cost-row-head{flex-wrap:wrap;justify-content:space-between;gap:4px 12px;display:flex}.cost-row-label{min-width:0}.cost-row-amount{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:700}.cost-select{color:var(--cc-text-2);flex-wrap:wrap;align-items:center;gap:6px 10px;margin-top:8px;display:flex}.cost-select select{border:1px solid var(--cc-border);background:var(--cc-bg);min-width:0;max-width:100%;color:var(--cc-text);font:inherit;border-radius:8px;padding:4px 8px}.cost-qty{align-items:center;gap:10px;margin-top:8px;display:flex}.cost-qty input[type=range]{min-width:0;accent-color:var(--cc-bar);flex:1}.cost-qty-input{border:1px solid var(--cc-border);background:var(--cc-bg);width:6.5em;color:var(--cc-text);font:inherit;text-align:right;border-radius:8px;padding:4px 8px}.cost-qty-input[aria-invalid=true]{border-color:#dc2626}.cost-unit{min-width:2.5em;color:var(--cc-text-2);white-space:nowrap}.cost-include{align-items:center;gap:8px;margin-top:8px;font-weight:600;display:flex}.cost-include input{width:18px;height:18px;accent-color:var(--cc-bar)}.cost-input-error{color:#b91c1c;margin:4px 0 0;font-size:15px}:root.dark .cost-input-error{color:#fca5a5}.cost-formula,.cost-assumed,.cost-note{margin:4px 0 0;font-size:15px}.cost-formula{color:var(--cc-text-2);font-variant-numeric:tabular-nums}.cost-assumed,.cost-note{background:var(--cc-warn-bg);color:var(--cc-warn);border-radius:6px;margin-right:8px;padding:1px 8px;display:inline-block}.cost-more summary{color:var(--cc-accent);cursor:pointer;padding:10px 0;font-weight:600}.cost-reset{border:1px solid var(--cc-border);background:var(--cc-bg);color:var(--cc-text);font:inherit;cursor:pointer;border-radius:8px;margin-top:12px;padding:6px 14px}.cost-reset:hover,.cost-reset:focus-visible{background:var(--cc-panel)}.cost-excluded,.cost-message{background:var(--cc-warn-bg);color:var(--cc-warn);border-radius:8px;margin:14px 0 0;padding:10px 12px}.cost-message{margin:0}.cost-foot{color:var(--cc-text-2);margin-top:14px;font-size:15px}.cost-foot p{margin:4px 0}.cost-foot a{color:var(--cc-accent)}.cost-pending p{color:var(--cc-text-2);margin:0 0 12px}.cost-skeleton{background:var(--cc-track);border-radius:7px;height:14px;margin:8px 0;animation:1.2s ease-in-out infinite cost-pulse;display:block}.cost-skeleton.short{width:60%}@keyframes cost-pulse{50%{opacity:.45}}@media (prefers-reduced-motion:reduce){.cost-skeleton{animation:none}.cc-donut-seg,.cost-bar i,.cost-row-share i{transition:none}}@media (max-width:480px){.cost-card{padding:14px}.cost-total-value{font-size:30px}}@container (max-width:560px){.cost-breakdown{grid-template-columns:minmax(0,1fr);justify-items:center;gap:12px}.cost-breakdown .cost-groups{width:100%}.cc-donut{width:190px}}