:root{--bg:radial-gradient(circle at top left, #d96c3f24, transparent 24%), radial-gradient(circle at top right, #3367d61f, transparent 24%), linear-gradient(180deg, #fff9f0 0%, #f4ede2 100%);--panel:#fffbf5cc;--ink:#17202b;--muted-strong:#485365;--muted:#687486;--accent:#0f8b79;--accent-deep:#0a6659;--border:#0f192417;--shadow:0 24px 60px #4331121f;--soft-shadow:0 12px 30px #43311214;--heading-font:Bahnschrift, "Aptos Display", "Segoe UI Variable Display", sans-serif;--body-font:Aptos, "Segoe UI Variable Text", "Trebuchet MS", sans-serif;--mono-font:"JetBrains Mono", "Cascadia Code", Consolas, monospace;font-family:var(--body-font);color:var(--muted-strong);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#ffffff8c, #ffffff8c), linear-gradient(90deg, #0f192408 1px, transparent 1px), linear-gradient(#0f192408 1px, transparent 1px), var(--bg);background-position:0 0,-1px -1px,-1px -1px,0 0;background-size:auto,36px 36px,36px 36px,auto;min-width:320px;min-height:100vh;margin:0}body,input,select,button{font-family:var(--body-font)}button{appearance:none}a{color:inherit}#root{min-height:100vh}code{font-family:var(--mono-font)}.app-shell{gap:18px;width:min(1400px,100vw - 32px);margin:24px auto 40px;display:grid}.app-shell-costs,.app-shell-compact{gap:14px;width:min(1080px,100vw - 24px)}.hero-panel,.panel,.footer-panel{border:1px solid var(--border);background:linear-gradient(145deg, #fffffff2, #f4efe8e6), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel{border-radius:28px;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:24px;padding:32px;display:grid;position:relative;overflow:hidden}.hero-panel:before{content:"";pointer-events:none;background:radial-gradient(circle,#0f8b792e,#0000 52%),radial-gradient(circle,#d96c3f24,#0000 48%),radial-gradient(circle,#3367d624,#0000 44%);position:absolute;inset:auto -8% -38% 42%}.hero-copy,.hero-aside,.panel,.footer-panel{z-index:1;position:relative}.eyebrow,.panel-index,.provider-pill,.result-rank,.summary-label,.signal-label{letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep);align-items:center;gap:8px;font-size:.82rem;display:inline-flex}.eyebrow:before,.panel-index:before,.signal-label:before{content:"";background:linear-gradient(135deg, var(--accent), var(--accent-deep));border-radius:999px;width:12px;height:12px;box-shadow:0 0 0 6px #0f8b791a}h1,h2,h3,p{margin:0}h1,h2,h3{color:var(--ink)}h1{font-family:var(--heading-font);letter-spacing:-.05em;max-width:12ch;margin-top:14px;font-size:clamp(2.25rem,5vw,4.2rem);line-height:.96}h2{font-family:var(--heading-font);letter-spacing:-.03em;font-size:1.55rem}h3{font-family:var(--heading-font);letter-spacing:-.02em;font-size:1.05rem}.hero-text{max-width:68ch;color:var(--muted-strong);margin-top:18px;font-size:1.04rem}.hero-tags{flex-wrap:wrap;gap:10px;margin-top:22px;display:flex}.hero-tags span,.plan-badges span{color:var(--ink);background:#ffffffbd;border:1px solid #0f192414;border-radius:999px;padding:8px 12px;font-size:.92rem}.hero-aside{align-content:start;gap:14px;display:grid}.signal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.signal-card{background:linear-gradient(#ffffffeb,#f2ede5e0);border:1px solid #0f192414;border-radius:22px;min-height:116px;padding:18px}.signal-card strong{font-family:var(--heading-font);color:var(--ink);margin-top:14px;font-size:1.15rem;display:block}.signal-card p{color:var(--muted);margin-top:10px}.spotlight{background:linear-gradient(135deg,#0f8b791f,#ffffffeb),linear-gradient(#fffffff2,#f2ede5eb);min-height:168px}.summary-strip{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.main-header,.main-nav{border:1px solid var(--border);background:linear-gradient(145deg, #fffffff2, #f4efe8e6), var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:24px}.main-header{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;padding:24px 26px;display:grid}.main-header-compact{border-radius:18px;padding:16px 18px}.main-header-compact h1{letter-spacing:-.045em;max-width:none;margin-top:6px;font-size:clamp(1.45rem,2.6vw,2.15rem);line-height:1.05}.main-header-compact .eyebrow{font-size:.72rem}.main-header-compact p,.main-header-compact span{font-size:.92rem}.main-header-copy p,.main-header-meta{color:var(--muted)}.main-header-meta>span{display:none}.main-header-meta{text-align:right;justify-items:end;gap:8px;display:grid}.header-user-chip{align-items:center;gap:10px;display:flex}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{border:1px solid var(--border);background:linear-gradient(145deg, #fffffff5, #f4efe8eb), var(--panel);width:min(460px,100vw - 32px);box-shadow:var(--shadow);border-radius:24px;gap:18px;padding:24px;display:grid}.login-copy h1{max-width:none;margin-top:8px;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.02}.login-copy p{color:var(--muted);margin-top:10px}.login-form{gap:12px;display:grid}.login-error{color:#9f2f1c;background:#c74f3914;border:1px solid #c74f392e;border-radius:12px;padding:10px 12px;font-size:.92rem}.login-submit{color:var(--accent-deep);font:inherit;cursor:pointer;background:#0f8b791f;border:1px solid #0f8b794d;border-radius:14px;padding:12px 14px;font-weight:700}.login-submit:disabled{opacity:.62;cursor:not-allowed}.login-accounts{color:var(--muted);border-top:1px solid #0f192414;gap:4px;padding-top:8px;font-size:.92rem;display:grid}.login-accounts strong{color:var(--ink)}.main-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;display:grid}.app-shell-compact .main-nav{border-radius:16px;padding:8px}.main-nav-button{font:inherit;color:var(--ink);cursor:pointer;background:#ffffffb3;border:1px solid #0000;border-radius:16px;padding:14px 16px}.app-shell-compact .main-nav-button{border-radius:12px;padding:10px 12px;font-size:.95rem}.main-nav-button.active{color:var(--accent-deep);background:#0f8b791f;border-color:#0f8b7947}.mode-strip{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-chip{border:1px solid var(--border);color:var(--ink);font:inherit;cursor:pointer;box-shadow:var(--soft-shadow);background:#fffc;border-radius:18px;padding:14px 16px}.mode-chip.active{color:var(--accent-deep);background:#0f8b791f;border-color:#0f8b794d}.summary-chip{border:1px solid var(--border);box-shadow:var(--soft-shadow);background:#fffaf4c2;border-radius:22px;padding:16px 18px}.app-shell-costs .summary-chip,.app-shell-compact .summary-chip{border-radius:18px;padding:12px 14px}.summary-chip strong{font-family:var(--heading-font);color:var(--ink);margin:8px 0 6px;font-size:1.25rem;display:block}.app-shell-costs .summary-chip strong,.app-shell-compact .summary-chip strong{margin:6px 0 4px;font-size:1.06rem}.dashboard{gap:18px;display:grid}.panel,.footer-panel{border-radius:26px;padding:26px}.app-shell-costs .panel,.app-shell-compact .panel{border-radius:20px;padding:18px}.customer-facing-panel{min-height:calc(100vh - 80px)}.panel-header{justify-content:space-between;align-items:end;gap:16px;margin-bottom:20px;display:flex}.panel-header p{max-width:64ch;color:var(--muted)}.app-shell-compact .panel-header{align-items:start;margin-bottom:14px}.app-shell-compact h2{font-size:1.22rem}.app-shell-compact h3{font-size:1rem}.header-actions{justify-items:end;gap:12px;display:grid}.costs-dashboard>.panel:nth-of-type(3) .header-actions p{display:none}.action-row,.package-action-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.danger-button{color:#9f2f1c;border-color:#c74f393d}.primary-button{color:var(--accent-deep);background:#0f8b7914;border-color:#0f8b794d}.primary-button:hover{background:#0f8b7924;border-color:#0f8b7970}.danger-button:hover{background:#c74f3914;border-color:#c74f3961}.provider-grid,.result-grid{gap:16px;display:grid}.provider-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.provider-card,.result-card{background:linear-gradient(#ffffffeb,#f3efe8e0);border:1px solid #0f192414;border-radius:24px;padding:18px;box-shadow:inset 0 1px #ffffffd9}.provider-card{border-color:color-mix(in srgb, var(--provider-accent) 26%, transparent);box-shadow:inset 0 1px 0 #ffffffd9, 0 18px 36px var(--provider-glow)}.cost-pool-card{align-content:start}.table-shell{background:#fffc;border:1px solid #0f192414;border-radius:16px;overflow:hidden}.data-table{border-collapse:collapse;table-layout:fixed;width:100%;min-width:0;font-size:.92rem}.data-table th,.data-table td{text-align:left;vertical-align:top;border-bottom:1px solid #0f192414;padding:10px 8px}.data-table thead th{color:var(--muted-strong);z-index:1;background:#faf7f2f5;font-weight:700;position:sticky;top:0}.data-table tbody tr:hover{background:#0f8b790a}.table-input-shell{align-items:center;gap:8px;min-width:0;display:flex}.table-input{width:100%;color:var(--ink);font:inherit;box-sizing:border-box;background:#ffffffeb;border:1px solid #0f19241f;border-radius:10px;min-width:0;padding:8px 9px}.table-input-plain{min-width:0}.table-affix{color:var(--muted);font-weight:600}.table-subtext{color:var(--muted);margin-top:4px;font-size:.82rem;line-height:1.35}.provider-mini-pill{background:color-mix(in srgb, var(--provider-accent) 10%, white);color:var(--provider-accent);border-radius:999px;align-items:center;gap:6px;padding:5px 8px;font-size:.8rem;font-weight:700;display:inline-flex}.provider-mini-icon{flex:0 0 14px;justify-content:center;align-items:center;width:14px;height:14px;display:inline-flex}.provider-mini-icon svg{width:14px;height:14px;display:block}.table-stack{gap:6px;display:grid}.table-stack-row{gap:4px;display:grid}.table-triple-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.table-triple-cell{gap:4px;min-width:0;display:grid}.table-stack-label{color:var(--muted);font-size:.74rem}.table-cost-summary{gap:4px;display:grid}.table-cost-summary strong{color:var(--ink);font-size:.98rem}.table-cost-summary span{color:var(--muted);font-size:.8rem}.provider-card-head,.result-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.provider-pill,.result-rank{color:var(--provider-accent)}.provider-card h3,.result-card h3{margin-top:10px}.purchase-list{gap:14px;margin-top:18px;display:grid}.purchase-row,.cloud-card{background:#ffffffa3;border:1px solid #0f192414;border-radius:20px;padding:14px}.purchase-row-head,.cloud-head{gap:12px;display:grid}.purchase-row-head{grid-template-columns:minmax(0,1fr) auto;align-items:start}.purchase-row-head strong{color:var(--ink);font-family:var(--heading-font)}.purchase-row-head p{color:var(--muted);margin-top:5px;font-size:.92rem}.compact-asset-row{background:#ffffffb3}.compact-grid{gap:10px;margin-top:12px;display:grid}.four-up-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.cloud-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.customer-grid{gap:16px;display:grid}.app-shell-compact .customer-grid{gap:12px}.customer-admin-shell{grid-template-columns:240px minmax(0,1fr);align-items:start;gap:12px;display:grid}.customer-list-panel{background:#ffffffb8;border:1px solid #0f192414;border-radius:16px;padding:12px}.customer-list-head{border-bottom:1px solid #0f192414;gap:4px;padding-bottom:10px;display:grid}.customer-list-head strong{color:var(--ink);font-family:var(--heading-font)}.customer-list{gap:8px;margin-top:10px;display:grid}.customer-list-item{text-align:left;font:inherit;color:var(--muted);cursor:pointer;background:#ffffffc7;border:1px solid #0f192414;border-radius:12px;gap:4px;padding:10px 11px;display:grid}.customer-list-item strong{color:var(--ink);font-size:.96rem}.customer-list-item.active{background:#0f8b7914;border-color:#0f8b7947}.customer-editor-card{min-width:0}.customer-profile-form{gap:12px;display:grid}.group-registry-shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.group-registry-card{background:#ffffffb8;border:1px solid #0f192414;border-radius:14px;padding:12px}.group-registry-head{justify-content:space-between;align-items:start;gap:10px;margin-bottom:8px;display:flex}.group-registry-list{gap:10px;margin-top:10px;display:grid}.group-registry-row{background:#fffc;border:1px solid #0f192414;border-radius:12px;padding:10px}.customer-form-section{background:#ffffffb8;border:1px solid #0f192414;border-radius:14px;padding:12px}.customer-form-section-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:10px;display:flex}.customer-form-section-head h3{margin-top:4px}.group-selection-shell{background:#ffffffc7;border:1px solid #0f192414;border-radius:12px;margin-top:12px;padding:12px}.group-selection-head{gap:4px;margin-bottom:10px;display:grid}.group-selection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.group-option-chip{color:var(--ink);cursor:pointer;background:#ffffffe6;border:1px solid #0f192414;border-radius:12px;gap:2px;padding:10px 12px 10px 36px;display:grid;position:relative}.group-option-chip input{position:absolute;top:14px;left:12px}.group-option-chip small{color:var(--muted)}.group-selection-empty{color:var(--muted);background:#fffaf4d9;border-radius:12px;padding:10px 12px}.customer-editor-empty{background:#ffffffb3;border:1px dashed #0f192429;border-radius:16px;padding:18px}.customer-editor-empty h3{margin-bottom:8px}.customer-identity-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.compact-package-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.field-span-2{grid-column:span 2}.field-span-full{grid-column:1/-1}.customer-pages-shell{width:100%}.customer-visible-grid{gap:18px;display:grid}.app-shell-compact .customer-visible-grid{gap:12px}.visible-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;display:flex}.app-shell-compact .visible-toolbar{gap:10px}.visible-toolbar-group{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.visible-tab{color:var(--ink);font:inherit;cursor:pointer;background:#ffffffbd;border:1px solid #0f19241f;border-radius:999px;padding:9px 14px}.app-shell-compact .visible-tab{padding:7px 11px;font-size:.84rem}.visible-tab.active{color:var(--accent-deep);background:#0f8b791f;border-color:#0f8b7957}.share-chip{color:var(--muted);background:#ffffffc2;border:1px solid #0f192414;border-radius:16px;gap:4px;padding:10px 14px;font-size:.9rem;display:grid}.app-shell-compact .share-chip{border-radius:12px;padding:8px 10px;font-size:.82rem}.app-shell-compact .share-chip strong{font-size:.84rem}.share-chip strong{color:var(--ink);font-family:var(--mono-font);font-size:.92rem}.customer-visible-page{box-shadow:var(--soft-shadow);background:linear-gradient(160deg,#fffffff5,#f5f1e9e6);border:1px solid #0f192414;border-radius:24px;padding:22px}.app-shell-compact .customer-visible-page{border-radius:18px;padding:16px}.customer-facing-surface{background:radial-gradient(circle at 100% 0,#0f8b791f,#0000 28%),radial-gradient(circle at 0 0,#d96c3f1f,#0000 28%),linear-gradient(160deg,#fffffffa,#f5f1e9eb)}.visible-brand-band{grid-template-columns:auto minmax(0,1fr) minmax(260px,320px);align-items:start;gap:16px;margin-bottom:20px;display:grid}.app-shell-compact .visible-brand-band{grid-template-columns:auto minmax(0,1fr) minmax(180px,230px);gap:12px;margin-bottom:14px}.brand-mark{color:#fff;width:68px;height:68px;font-family:var(--heading-font);letter-spacing:.08em;background:linear-gradient(135deg,#0f8b79,#0a6659);border-radius:22px;place-items:center;font-size:1.4rem;display:grid;box-shadow:0 16px 28px #0f8b793d}.app-shell-compact .brand-mark{border-radius:16px;width:52px;height:52px;font-size:1.08rem}.brand-copy p{color:var(--muted);margin-top:8px}.renewal-banner{background:#ffffffc7;border:1px solid #0f192414;border-radius:20px;gap:6px;padding:16px;display:grid}.app-shell-compact .renewal-banner{border-radius:16px;padding:12px}.renewal-banner strong{color:var(--ink);font-family:var(--heading-font)}.renewal-banner small{color:var(--muted)}.renewal-banner.healthy{box-shadow:0 12px 24px #0f8b791f}.renewal-banner.warning{box-shadow:0 12px 24px #eda03624}.renewal-banner.danger{box-shadow:0 12px 24px #c74f3929}.visible-page-head{justify-content:space-between;align-items:start;gap:18px;margin-bottom:18px;display:flex}.app-shell-compact .visible-page-head{margin-bottom:12px}.visible-page-total{text-align:right}.visible-page-total span,.visible-package-card p,.visible-package-note,.visible-key-card small,.visible-summary-grid span,.visible-package-metrics span,.visible-key-card span{color:var(--muted)}.visible-page-total strong,.visible-summary-grid strong,.visible-package-metrics strong,.visible-key-card strong{color:var(--ink);font-family:var(--heading-font);margin-top:6px;display:block}.visible-summary-grid,.visible-package-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.app-shell-compact .visible-summary-grid,.app-shell-compact .visible-package-metrics{gap:8px}.visible-summary-grid>div,.visible-package-metrics>div,.visible-key-card{background:#fffc;border:1px solid #0f192414;border-radius:16px;padding:14px}.app-shell-compact .visible-summary-grid>div,.app-shell-compact .visible-package-metrics>div,.app-shell-compact .visible-key-card{border-radius:12px;padding:10px}.visible-package-list{gap:16px;margin-top:20px;display:grid}.app-shell-compact .visible-package-list{gap:12px;margin-top:14px}.visible-package-card{background:#ffffffb8;border:1px solid #0f192414;border-radius:20px;padding:18px}.app-shell-compact .visible-package-card{border-radius:16px;padding:14px}.visible-package-head{justify-content:space-between;align-items:start;gap:12px;margin-bottom:14px;display:flex}.package-status-stack{justify-items:end;gap:8px;display:grid}.renewal-pill{border-radius:999px;align-items:center;padding:7px 11px;font-size:.84rem;display:inline-flex}.renewal-pill.healthy{color:var(--accent-deep);background:#0f8b791f}.renewal-pill.warning{color:#975a16;background:#eda03629}.renewal-pill.danger{color:#9f2f1c;background:#c74f3929}.visible-package-note{margin-top:12px}.renewal-copy{background:#fffaf4d6;border:1px solid #0f192414;border-radius:16px;gap:4px;margin-top:12px;padding:12px 14px;display:grid}.renewal-copy strong{color:var(--ink)}.renewal-copy span{color:var(--muted)}.visible-key-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.app-shell-compact .visible-key-grid{gap:8px;margin-top:10px}.customer-card{background:#ffffffb3;border:1px solid #0f192414;border-radius:22px;padding:16px}.app-shell-compact .customer-card{border-radius:16px;padding:12px}.package-editor-list,.package-result-list{gap:14px;margin-top:16px;display:grid}.app-shell-compact .package-editor-list,.app-shell-compact .package-result-list{gap:10px;margin-top:12px}.package-editor-card,.package-result-card{background:#ffffffc2;border:1px solid #0f192414;border-radius:18px;padding:14px}.app-shell-compact .package-editor-card,.app-shell-compact .package-result-card{border-radius:14px;padding:12px}.package-title-row{justify-content:space-between;align-items:start;gap:12px;display:flex}.status-pill{color:var(--accent-deep);white-space:nowrap;background:#0f8b791a;border-radius:999px;align-items:center;padding:7px 11px;font-size:.88rem;display:inline-flex}.app-shell-compact .status-pill{padding:5px 9px;font-size:.78rem}.mini-metric-row{flex-wrap:wrap;gap:10px;margin:10px 0 8px;display:flex}.mini-metric-row span{color:var(--muted-strong);background:#fffaf4d9;border:1px solid #0f192414;border-radius:999px;padding:7px 10px;font-size:.9rem}.key-usage-editor{gap:10px;margin-top:14px;display:grid}.app-shell-compact .key-usage-editor{gap:8px;margin-top:10px}.key-usage-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.key-usage-head strong{color:var(--ink);font-family:var(--heading-font)}.key-usage-head span{color:var(--muted);font-size:.9rem}.key-usage-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.app-shell-compact .key-usage-grid{gap:8px}.key-usage-readout{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.key-usage-readout span{color:var(--muted-strong);background:#fffaf4d9;border:1px solid #0f192414;border-radius:999px;padding:7px 10px;font-size:.9rem}.cloud-head{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-compact .cloud-head,.compact-host-grid,.app-shell-compact .compact-host-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.ghost-button{color:var(--ink);font:inherit;cursor:pointer;background:#ffffffb3;border:1px solid #0f19241a;border-radius:999px;padding:9px 14px;transition:transform .18s,border-color .18s,background .18s}.ghost-button:hover{background:#ffffffeb;border-color:#0f192429;transform:translateY(-1px)}.ghost-button:disabled{opacity:.62;cursor:not-allowed;transform:none}.input-grid{gap:14px;display:grid}.app-shell-compact .input-grid,.app-shell-compact .compact-grid{gap:8px}.three-up{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:16px}.six-up{grid-template-columns:repeat(6,minmax(0,1fr))}.app-shell-compact .six-up{grid-template-columns:repeat(5,minmax(0,1fr))}.field-span{grid-column:span 3}.field{gap:8px;display:grid}.app-shell-compact .field{gap:5px}.field-label{color:var(--ink);font-weight:600}.app-shell-compact .field-label{font-size:.84rem}.field-hint{color:var(--muted);font-size:.84rem}.app-shell-compact .field-hint{font-size:.74rem}.input-shell{background:#ffffffdb;border:1px solid #0f19241f;border-radius:16px;align-items:center;gap:10px;padding:0 14px;display:flex}.app-shell-compact .input-shell{border-radius:11px;gap:7px;padding:0 9px}.field-input,.field-select{width:100%;color:var(--ink);font:inherit;box-sizing:border-box;background:#ffffffdb;border:1px solid #0f19241f;border-radius:16px;min-width:0;padding:13px 14px}.field-textarea{resize:vertical;min-height:92px;line-height:1.45}.app-shell-compact .field-input,.app-shell-compact .field-select{border-radius:11px;padding:9px 10px;font-size:.92rem}.package-title-row>div{min-width:0}.package-title-row strong,.field-input,.field-select,.field-textarea{overflow-wrap:anywhere}.app-shell-compact .field-textarea{min-height:84px}.input-shell .field-input{background:0 0;border:none;padding-inline:0}.app-shell-compact .input-shell .field-input{padding-block:9px}.field-input:focus,.field-select:focus{border-color:var(--accent);outline:2px solid #0f8b7933}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.read-only{color:var(--muted-strong);background:#f0ebe3d9}.input-affix{color:var(--muted);font-weight:600}.plan-badges{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.provider-note{color:var(--muted);margin-top:14px;font-size:.92rem}.result-kpis{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.customer-result-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.customer-result-card{gap:10px;display:grid}.customer-result-head{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.breakdown-zone{gap:18px;margin-top:18px;display:grid}.subsection-title{margin-bottom:12px}.breakdown-grid{gap:12px;display:grid}.two-up-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.three-up-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.breakdown-card{background:#ffffffb8;border:1px solid #0f192414;border-radius:18px;padding:14px}.breakdown-card strong{color:var(--ink);font-family:var(--heading-font);margin:8px 0 6px;font-size:1.08rem;display:block}.breakdown-card span:last-of-type,.breakdown-card p{color:var(--muted)}.empty-state{grid-column:1/-1}.block-list{background:#eda0361a;border:1px solid #eda0362e;border-radius:18px;margin-top:18px;padding:14px 14px 14px 34px}.result-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{border-top:6px solid var(--provider-accent);gap:16px;display:grid}.result-card.healthy{box-shadow:inset 0 1px 0 #ffffffd9, 0 18px 42px color-mix(in srgb, var(--provider-accent) 20%, transparent)}.result-card.warning{box-shadow:inset 0 1px #ffffffd9,0 18px 42px #eda0362e}.result-card.danger{box-shadow:inset 0 1px #ffffffd9,0 18px 42px #c74f392e}.result-profit{text-align:right}.result-profit span,.result-card p,.metric-label,.mini-stat span,.mini-stat small,.warning-list,.clear-state,.metric-tile span:last-child{color:var(--muted)}.result-profit strong{font-family:var(--heading-font);color:var(--ink);margin-top:6px;font-size:1.55rem;display:block}.result-profit small{color:var(--muted);margin-top:4px;display:block}.metric-grid,.result-subgrid,.formula-strip{gap:12px;display:grid}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-tile,.mini-stat{background:#ffffffb8;border:1px solid #0f192414;border-radius:18px;padding:14px}.metric-tile strong,.mini-stat strong{color:var(--ink);font-family:var(--heading-font);margin:8px 0 6px;font-size:1.08rem;display:block}.metric-label{font-size:.88rem}.result-subgrid{grid-template-columns:repeat(3,minmax(0,1fr))}.warning-list{gap:6px;margin:0;padding-left:18px;display:grid}.clear-state{background:#0f8b7914;border-radius:16px;margin:0;padding:12px 14px}.formula-strip{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:18px}.footer-panel{gap:14px;display:grid}.reference-links{flex-wrap:wrap;gap:12px;display:flex}.reference-links a{color:var(--accent-deep);border-bottom:1px solid #0f8b7940;padding-bottom:1px;text-decoration:none}.reference-links a:hover{color:var(--accent);border-bottom-color:#0f8b7980}@media (width<=1200px){.hero-panel,.main-header,.provider-grid,.cloud-grid,.customer-admin-shell,.group-registry-shell,.visible-brand-band,.customer-result-grid,.visible-summary-grid,.visible-package-metrics,.visible-key-grid,.key-usage-grid,.result-grid,.signal-grid,.summary-strip,.three-up,.six-up,.four-up-grid,.three-up-grid,.formula-strip,.result-kpis,.result-subgrid{grid-template-columns:repeat(2,minmax(0,1fr))}.table-triple-line{grid-template-columns:repeat(3,minmax(0,1fr))}.field-span{grid-column:span 2}}@media (width<=760px){.costs-dashboard .table-shell{background:0 0;border:none;overflow:visible}.costs-dashboard .data-table,.costs-dashboard .data-table tbody,.costs-dashboard .data-table tr,.costs-dashboard .data-table td{width:100%;display:block}.costs-dashboard .data-table{border-collapse:separate;table-layout:auto}.costs-dashboard .data-table colgroup,.costs-dashboard .data-table thead{display:none}.costs-dashboard .data-table tbody{gap:12px;display:grid}.costs-dashboard .data-table tr{background:#ffffffd6;border:1px solid #0f192414;border-radius:16px;padding:12px}.costs-dashboard .data-table td{border-bottom:none;padding:0}.costs-dashboard .data-table td+td{border-top:1px solid #0f192414;margin-top:10px;padding-top:10px}.costs-dashboard .data-table td:before{content:attr(data-label);color:var(--muted);letter-spacing:.04em;margin-bottom:6px;font-size:.76rem;font-weight:700;display:block}.costs-dashboard .table-triple-line{grid-template-columns:1fr}.app-shell{width:min(100vw - 20px,100%);margin:10px auto 24px}.hero-panel,.panel,.footer-panel{border-radius:22px;padding:18px}.hero-panel,.main-header,.panel-header,.provider-grid,.cloud-grid,.customer-admin-shell,.group-registry-shell,.customer-grid,.customer-visible-grid,.visible-brand-band,.cloud-head,.customer-result-grid,.customer-result-head,.visible-summary-grid,.visible-package-metrics,.visible-key-grid,.group-selection-grid,.key-usage-grid,.result-grid,.signal-grid,.summary-strip,.three-up,.six-up,.four-up-grid,.three-up-grid,.two-up-grid,.metric-grid,.formula-strip,.result-kpis,.result-subgrid{grid-template-columns:1fr}.provider-card-head,.result-head,.purchase-row-head,.package-title-row,.key-usage-head,.visible-page-head,.visible-package-head,.visible-toolbar{flex-direction:column;grid-template-columns:1fr}.result-profit{text-align:left}.main-header-meta{text-align:left;justify-items:start}.visible-page-total{text-align:left}.package-status-stack{justify-items:start}.field-span{grid-column:auto}.header-actions{justify-items:start}.main-nav{grid-template-columns:repeat(4,minmax(0,1fr))}.app-shell-compact .six-up{grid-template-columns:1fr}}@media print{body{background:#fff}.hero-panel,.summary-strip,.panel:not(:nth-of-type(4)),.footer-panel,.visible-toolbar{display:none}.app-shell{width:100%;margin:0}.panel,.customer-facing-surface{box-shadow:none;background:#fff;border:none;padding:0}}