@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";:root{color-scheme:light;font-family:IBM Plex Sans,Segoe UI,sans-serif;--bg: #eef3f9;--panel: rgba(255, 255, 255, .9);--panel-strong: #fff;--line: rgba(17, 31, 53, .1);--text: #132033;--muted: #607086;--accent: #2f6dfd;--accent-strong: #214dd2;--success: #11805d;--warning: #b06a16;--danger: #b12942;--shadow: 0 18px 50px rgba(19, 32, 51, .08);--radius: 20px}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;color:var(--text);background:radial-gradient(circle at top left,rgba(47,109,253,.12),transparent 28%),radial-gradient(circle at 95% 8%,rgba(17,128,93,.07),transparent 24%),linear-gradient(180deg,#edf3fa,#f7f9fc 28%,#f4f7fb)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.72}.app-shell{min-height:100vh;display:grid;grid-template-columns:284px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;padding:28px 22px;background:linear-gradient(180deg,#ffffffeb,#f4f8fdf5),radial-gradient(circle at top,rgba(47,109,253,.08),transparent 30%);border-right:1px solid rgba(17,31,53,.08)}.brand-block{display:flex;align-items:center;gap:14px;margin-bottom:26px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--accent),#5788ff);box-shadow:inset 0 1px #ffffff2e,0 18px 30px #2f6dfd38;font:700 .95rem/1 IBM Plex Mono,monospace;letter-spacing:.06em}.brand-title{font-size:1.08rem;font-weight:700}.brand-subtitle{margin-top:3px;color:var(--muted);font-size:.84rem}.side-nav{display:grid;gap:10px}.nav-item{border:1px solid transparent;border-radius:16px;padding:14px 14px 13px;text-align:left;color:inherit;background:#ffffffb8;transition:transform .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease;box-shadow:0 1px #ffffffa6 inset}.nav-item:hover{transform:translate(2px);background:#fff}.nav-item.is-active{border-color:#2f6dfd3d;background:linear-gradient(135deg,#2f6dfd14,#2f6dfd08)}.nav-label{display:block;font-weight:700;font-size:.98rem}.nav-summary{display:block;margin-top:4px;color:var(--muted);font-size:.83rem}.sidebar-card{margin-top:20px;padding:18px;border-radius:18px;background:#ffffffd1;border:1px solid rgba(17,31,53,.08)}.sidebar-session{display:grid;gap:8px}.sidebar-card-title,.metric-label,.sidebar-card-note,.table-identity span,.detail-row span,.setting-row span,.code-meta span,.usage-head span,.template-head span,.compact-list-row span,.rate-row span,.risk-card span,.search-field span,.hero-matrix span{color:var(--muted)}.sidebar-card-value{margin-top:8px;font-size:1.02rem;font-weight:700}.sidebar-card-note{margin-top:6px;font-size:.84rem}.workspace{padding:28px 28px 36px}.topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1{margin:0;font-size:clamp(2rem,2.7vw,3rem);line-height:1.06;letter-spacing:-.04em}.lead{max-width:68ch;margin:10px 0 0;color:var(--muted);font-size:1rem;line-height:1.7}.topbar-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.topbar-status{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:.92rem}.status-dot{width:10px;height:10px;border-radius:999px;background:var(--success);box-shadow:0 0 0 6px #11805d1f}.status-dot.is-loading{background:var(--warning);box-shadow:0 0 0 6px #b06a161f}.status-dot.is-error{background:var(--danger);box-shadow:0 0 0 6px #b129421f}.primary-button{border:0;border-radius:14px;padding:12px 16px;color:#fff;background:linear-gradient(135deg,var(--accent),var(--accent-strong));box-shadow:0 14px 24px #2f6dfd2e;transition:transform .18s ease,box-shadow .18s ease}.primary-button:hover{transform:translateY(-1px);box-shadow:0 18px 28px #2f6dfd3d}.secondary-button{border:1px solid rgba(17,31,53,.12);border-radius:14px;padding:11px 14px;background:#ffffffe0;color:var(--text);transition:border-color .16s ease,transform .16s ease,background .16s ease}.secondary-button:hover{transform:translateY(-1px);border-color:#2f6dfd38;background:#fff}.search-strip{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--radius);background:#ffffffd1;box-shadow:var(--shadow)}.search-field{display:grid;gap:6px;min-width:min(100%,560px)}.search-field input{border:1px solid rgba(17,31,53,.12);border-radius:14px;padding:13px 14px;background:var(--panel-strong);color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.search-field input:focus{border-color:#2f6dfd6b;box-shadow:0 0 0 4px #2f6dfd1f}.alert-banner{margin-bottom:16px;padding:14px 16px;border-radius:14px;background:#b1294214;border:1px solid rgba(177,41,66,.16);color:#7a1e30}.alert-banner-success{background:#11805d14;border-color:#11805d29;color:#0d6b4d}.empty-state,.empty-panel{padding:28px;border-radius:var(--radius);border:1px dashed rgba(17,31,53,.14);background:#ffffffbd}.empty-state p,.empty-panel p{margin:10px 0 0;color:var(--muted)}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.auth-hero{display:grid;align-content:center;gap:18px;padding:56px clamp(24px,5vw,72px);background:radial-gradient(circle at 20% 18%,rgba(47,109,253,.12),transparent 28%),radial-gradient(circle at 80% 30%,rgba(17,128,93,.09),transparent 24%),linear-gradient(180deg,#edf3fb,#f8fbff);border-right:1px solid rgba(17,31,53,.08)}.auth-hero h1{max-width:12ch;font-size:clamp(2.6rem,4.4vw,4.4rem);line-height:.98}.auth-hero p{max-width:56ch;color:var(--muted);font-size:1.02rem;line-height:1.75}.auth-panel{display:grid;align-content:center;padding:24px}.auth-panel .panel{max-width:540px;width:min(100%,540px);margin:0 auto}.login-form{display:grid;gap:14px}.field{display:grid;gap:6px}.field span{color:var(--muted);font-size:.88rem}.field input,.field select,.field textarea{border:1px solid rgba(17,31,53,.12);border-radius:14px;padding:13px 14px;background:#fffffff5;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease}.field textarea{resize:vertical;min-height:108px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#2f6dfd6b;box-shadow:0 0 0 4px #2f6dfd1f}.login-button{width:100%;margin-top:4px;justify-content:center}.section-stack{display:grid;gap:18px;animation:fade-up .32s ease both}.hero-panel,.panel,.metric-card,.rate-card,.template-card,.rule-card,.risk-card,.code-row,.usage-card,.setting-row,.sidebar-card{border:1px solid var(--line);background:#ffffffe6;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero-panel{display:grid;grid-template-columns:1.2fr .9fr;gap:20px;padding:24px;border-radius:26px;overflow:hidden;position:relative}.hero-panel:after{content:"";position:absolute;inset:auto -16% -42% auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(47,109,253,.14),transparent 70%);pointer-events:none}.hero-copy h2{margin-bottom:10px;font-size:clamp(1.5rem,2.1vw,2.2rem);line-height:1.08;letter-spacing:-.03em}.hero-copy p{max-width:66ch;color:var(--muted);line-height:1.72}.hero-matrix{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.hero-matrix div{padding:16px;background:#2f6dfd0d;border:1px solid rgba(47,109,253,.1);border-radius:18px}.hero-matrix strong{display:block;margin-top:8px;font-size:1.4rem;letter-spacing:-.03em}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric-card{padding:18px;border-radius:20px}.metric-value{display:block;margin-top:10px;font-size:1.6rem;letter-spacing:-.03em}.metric-delta{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:999px;background:#11805d1a;color:var(--success);font-size:.82rem}.metric-note{margin:12px 0 0;font-size:.88rem;line-height:1.6;color:var(--muted)}.two-column{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.panel{padding:20px;border-radius:22px}.panel-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.panel-header h3{margin-bottom:6px;font-size:1.05rem}.panel-header p{margin-bottom:0;color:var(--muted);line-height:1.6}.panel-actions{display:grid;justify-items:end;gap:10px}.action-row{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.rate-grid,.template-grid,.usage-grid,.risk-list,.code-stack,.settings-list{display:grid;gap:14px}.rate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rate-card,.template-card,.rule-card,.risk-card,.code-row,.usage-card,.setting-row{border-radius:18px;background:#ffffffdb}.rate-card{padding:16px}.rate-card-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:12px}.rate-row{display:flex;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid rgba(17,31,53,.06)}.catalog-grid,.highlight-list{display:grid;gap:14px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-card,.highlight-card{padding:16px;border-radius:18px;background:#ffffffdb;border:1px solid rgba(17,31,53,.08)}.catalog-card__head,.highlight-card__head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:10px}.catalog-row{display:flex;justify-content:space-between;gap:10px;padding:6px 0;border-top:1px solid rgba(17,31,53,.06)}.catalog-card p,.highlight-card p{margin:10px 0 0;color:var(--muted);line-height:1.6}.highlight-value{font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.compact-list{display:grid;gap:10px}.compact-list-row{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:18px;background:#2f6dfd0a;border:1px solid rgba(47,109,253,.08)}.table-shell{overflow:auto;border-radius:18px;border:1px solid rgba(17,31,53,.08);background:#ffffffd1}.data-table{width:100%;border-collapse:collapse;min-width:840px}.data-table thead th{padding:14px 16px;text-align:left;color:var(--muted);font-size:.84rem;font-weight:600;background:#f3f7fcf5;border-bottom:1px solid rgba(17,31,53,.06)}.data-table tbody td{padding:14px 16px;border-bottom:1px solid rgba(17,31,53,.06)}.data-table tbody tr{cursor:pointer;transition:background .16s ease,transform .16s ease}.data-table tbody tr:hover{background:#2f6dfd0a}.data-table tbody tr.is-selected{background:#2f6dfd12}.table-identity{display:grid;gap:4px}.table-identity strong{font-size:.96rem}.table-identity span{font-size:.84rem}.chip,.state-badge{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;white-space:nowrap}.chip{border:1px solid rgba(17,31,53,.1);padding:8px 12px;background:#ffffffe0;color:var(--text);transition:border-color .16s ease,background .16s ease,transform .16s ease}.chip:hover{transform:translateY(-1px)}.chip.is-active{border-color:#2f6dfd3d;background:#2f6dfd14;color:var(--accent-strong)}.filter-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.state-badge{padding:6px 10px;font-size:.79rem;font-weight:700}.state-badge.active,.state-badge.claimed,.state-badge.healthy,.state-badge.info,.state-badge.low{background:#11805d1f;color:var(--success)}.state-badge.paused,.state-badge.degraded,.state-badge.medium,.state-badge.warning,.state-badge.unpriced{background:#b06a161f;color:var(--warning)}.state-badge.risk,.state-badge.revoked,.state-badge.down,.state-badge.high,.state-badge.critical{background:#b129421f;color:var(--danger)}.state-badge.normal,.state-badge.plus_team,.state-badge.priced{background:#2f6dfd1f;color:var(--accent-strong)}.detail-stack{display:grid;gap:12px}.detail-row,.setting-row{display:flex;justify-content:space-between;gap:16px;padding:14px 15px;border-radius:18px;background:#ffffffd6;border:1px solid rgba(17,31,53,.08)}.detail-note{margin:4px 0 0;color:var(--muted);line-height:1.7}.code-row{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto;gap:16px;align-items:center;padding:14px 15px}.code-row-copyable{grid-template-columns:minmax(0,1.35fr) auto auto auto}.code-text{font-family:IBM Plex Mono,monospace;letter-spacing:.02em;word-break:break-all}.code-copy-button{padding-inline:12px}.code-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.code-loading-note{margin-bottom:14px;padding:12px 14px;border-radius:16px;background:#2f6dfd0d;border:1px solid rgba(47,109,253,.1);color:var(--muted)}.code-meta{display:grid;justify-items:end;gap:4px;font-size:.9rem}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-card{padding:16px}.template-head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}.template-head span{font-size:.84rem}.template-value{font-size:1.5rem;font-weight:700;letter-spacing:-.03em}.template-meta{display:flex;gap:10px;flex-wrap:wrap;margin:10px 0 12px;color:var(--muted);font-size:.88rem}.template-note{margin-top:10px;padding-top:10px;border-top:1px solid rgba(17,31,53,.08);color:#36527f;font-size:.9rem}.rule-list{display:grid;gap:10px}.rule-card{padding:14px 15px}.rule-card span{display:block;margin-top:6px;color:var(--muted)}.risk-card{padding:14px 15px}.risk-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.risk-card p{margin:10px 0 6px}.sparkline{width:100%;height:240px;display:block}.chart-legend{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);font-size:.88rem}.legend-dot{display:inline-flex;width:10px;height:10px;margin-right:6px;border-radius:999px}.legend-dot.normal,.usage-bar.normal{background:linear-gradient(180deg,#5ca2ff,var(--accent))}.legend-dot.plus,.usage-bar.plus{background:linear-gradient(180deg,#6ee0b4,var(--success))}.usage-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.usage-card{padding:14px 12px}.usage-head{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.usage-bars{display:flex;align-items:flex-end;gap:8px;height:120px;padding:14px 8px 8px;border-radius:16px;background:#2f6dfd0a;border:1px solid rgba(47,109,253,.08)}.usage-bar{flex:1;min-height:18px;border-radius:12px 12px 4px 4px}.usage-meta{display:grid;gap:4px;margin-top:12px;font-size:.84rem;color:var(--muted)}.usage-error{margin-top:8px;padding-top:8px;border-top:1px solid rgba(17,31,53,.06);font-size:.84rem;color:var(--danger)}.mini-bars{display:grid;gap:12px}.mini-bars-labels,.mini-bars-values{display:flex;justify-content:space-between;gap:10px}.mini-bars-track{display:flex;height:16px;overflow:hidden;border-radius:999px;background:#111f3514}.mini-bars-fill.left{background:linear-gradient(90deg,#2f6dfdeb,#5888ffa8)}.mini-bars-fill.right{background:linear-gradient(90deg,#11805deb,#53ce9cb8)}.created-batch-strip{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-bottom:16px;padding:14px 16px;border-radius:18px;background:#2f6dfd0d;border:1px solid rgba(47,109,253,.1)}.created-batch-strip strong{display:block;margin-bottom:4px}.created-batch-strip span{color:var(--muted);font-size:.88rem}.batch-create-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:16px;padding:18px;border-radius:20px;background:#2f6dfd0a;border:1px solid rgba(47,109,253,.08)}.field-span-2{grid-column:span 2}.batch-create-actions{display:flex;justify-content:space-between;gap:12px;align-items:center}.management-card,.management-form{margin-top:16px;padding:16px;border-radius:20px;background:#2f6dfd0a;border:1px solid rgba(47,109,253,.08)}.management-card__head{display:flex;justify-content:space-between;gap:12px;align-items:baseline;margin-bottom:12px}.management-card__head span{color:var(--muted);font-size:.88rem}.management-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.management-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:14px}.form-hint{color:var(--muted);font-size:.88rem;line-height:1.6}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 1260px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.usage-grid,.template-grid,.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-panel,.two-column,.auth-shell{grid-template-columns:1fr}.auth-hero{border-right:0;border-bottom:1px solid rgba(17,31,53,.08)}}@media (max-width: 760px){.workspace,.sidebar{padding-inline:16px}.auth-hero,.auth-panel{padding-inline:18px}.topbar,.search-strip,.panel-header,.detail-row,.setting-row,.code-row{grid-template-columns:1fr;display:grid}.topbar-actions,.filter-row{justify-content:flex-start}.panel-actions,.action-row{justify-items:stretch;justify-content:flex-start}.created-batch-strip,.batch-create-actions{display:grid}.batch-create-form{grid-template-columns:1fr}.field-span-2{grid-column:auto}.metric-grid,.usage-grid,.template-grid,.rate-grid,.hero-matrix,.catalog-grid,.management-grid{grid-template-columns:1fr}.management-actions,.management-card__head,.code-actions{display:grid;justify-content:stretch}.data-table{min-width:740px}}