:root{--bg:#eef3fb;--panel:#fff;--panel-muted:#f5f8fd;--border:#dce5f0;--text:#1f3150;--muted:#7586a0;--accent:#246bff;--accent-dark:#1b49b5;--green:#14835d;--amber:#b67400;--shadow:0 18px 45px #1f315014}*{box-sizing:border-box}html,body{background:radial-gradient(circle at top left, #246bff14, transparent 22%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);color:var(--text);margin:0;padding:0;font-family:Inter,Segoe UI,Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.app-shell{grid-template-columns:278px 1fr;min-height:100vh;display:grid}.sidebar{border-right:1px solid var(--border);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffeb;flex-direction:column;gap:12px;padding:20px 16px 24px;display:flex}.brand{color:var(--text);font-size:28px;font-weight:700}.brand-row{align-items:center;gap:12px;margin-bottom:10px;display:flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#5c4dff,#246bff);border-radius:14px;place-items:center;width:48px;height:48px;font-size:24px;font-weight:800;display:grid;box-shadow:0 10px 24px #246bff47}.brand small{color:var(--muted);margin-top:6px;font-size:12px;display:block}.sidebar-section-label{color:#9aa8bc;letter-spacing:.08em;text-transform:uppercase;padding:0 12px;font-size:12px;font-weight:700}.nav-group{gap:8px;display:grid}.nav-link{color:#50627d;border-radius:16px;align-items:center;gap:12px;padding:13px 14px;font-size:15px;font-weight:600;display:flex}.nav-link.ghost{opacity:.72}.nav-link.active{color:var(--accent-dark);background:linear-gradient(#f4f8ff,#edf4ff);font-weight:700;box-shadow:inset 0 0 0 1px #246bff14}.nav-icon{border:1.5px solid #92a3bb;border-radius:5px;flex:none;width:18px;height:18px;position:relative}.nav-link.active .nav-icon{border-color:var(--accent);background:#246bff14}.sidebar-spacer{flex:1}.main{gap:18px;padding:14px 18px 32px;display:grid}.platform-bar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--shadow);background:#ffffffd9;border:1px solid #dce5f0e6;border-radius:22px;align-items:center;gap:18px;padding:14px 18px;display:flex}.platform-left,.platform-right{align-items:center;gap:12px;display:flex}.platform-right{margin-left:auto}.role-switch{border:1px solid var(--border);background:linear-gradient(#fff,#f7faff);border-radius:16px;align-items:center;gap:6px;padding:6px;display:flex}.role-link{color:#6d7d95;border-radius:12px;padding:8px 12px;font-size:14px;font-weight:700}.role-link.active{color:var(--accent);background:linear-gradient(#edf4ff,#e5efff)}.module-switch,.product-pill,.version-pill,.avatar-pill{border:1px solid var(--border);background:linear-gradient(#fff,#f7faff);border-radius:16px;align-items:center;gap:10px;padding:10px 14px;font-weight:700;display:flex}.product-pill{color:var(--accent);background:linear-gradient(#f8fbff,#eff5ff)}.version-pill{color:#90a0b6;font-weight:600}.avatar-pill{color:#5a6c87;border-radius:50%;justify-content:center;width:46px;height:46px}.module-grid,.module-caret{color:#7a8ca7}.platform-search{border:1px solid var(--border);background:linear-gradient(#fff,#fbfdff);border-radius:18px;flex:1;grid-template-columns:185px 1fr;min-width:300px;display:grid;overflow:hidden}.search-scope,.search-input{color:#7a8ca7;padding:12px 18px}.search-scope{border-right:1px solid var(--border);color:#455874;font-weight:700}.auth-card{width:min(560px,100vw - 32px)}.auth-form{gap:12px;margin-top:20px;display:grid}.field-label{color:#50627d;font-size:14px;font-weight:700}.content-shell{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);background:#ffffffc2;border:1px solid #dce5f0e6;border-radius:28px;padding:26px 28px 32px}.topbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.topbar-meta{align-items:stretch;gap:14px;display:flex}.eyebrow{color:var(--accent-dark);background:#0d84d81a;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:700;display:inline-block}.title{margin:10px 0 4px;font-size:34px}.subtitle{color:var(--muted);margin:0}.period-pill{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:14px;gap:4px;padding:12px 16px;font-weight:700;display:grid}.period-pill span{color:var(--muted);font-size:13px}.viewer-card{border:1px solid var(--border);min-width:170px;box-shadow:var(--shadow);background:linear-gradient(135deg,#fff,#f3f8fd);border-radius:14px;padding:12px 16px}.viewer-name{font-size:18px;font-weight:700}.card-actions{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.section-title{margin:0 0 16px;font-size:22px}.note-banner{color:var(--accent-dark);background:linear-gradient(90deg,#0d84d814,#14835d14);border:1px solid #0d84d826;border-radius:16px;padding:14px 16px;font-weight:600}.grid{gap:18px;display:grid}.grid.cards-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.split-2{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:22px;padding:22px}.card h3,.card h4{margin:0 0 12px}.metric-label{color:var(--muted);margin-bottom:10px;font-size:14px}.metric-value{font-size:38px;font-weight:700}.metric-sub{color:var(--muted);margin-top:10px;font-size:14px}.metric-card{background:linear-gradient(135deg,#f2f7ffeb,#fffffffa)}.metric-card-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.metric-icon{min-width:40px;height:40px;color:var(--accent);background:linear-gradient(#eef5ff,#e6f4ff);border-radius:14px;place-items:center;padding:0 12px;font-size:22px;font-weight:800;display:grid}.stat-list{gap:12px;display:grid}.stat-row{border-bottom:1px solid var(--border);justify-content:space-between;gap:20px;padding:12px 0;display:flex}.stat-row:last-child{border-bottom:0}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:22px;overflow:auto}table{border-collapse:collapse;background:var(--panel);width:100%}th,td{text-align:left;border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}th{color:#6c7c95;white-space:nowrap;background:#fbfcfe;font-weight:700;position:sticky;top:0}tbody tr:hover td{background:#f8fbff}.tag{color:var(--accent-dark);background:#0d84d81a;border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-block}.tag.green{color:var(--green);background:#14835d1f}.hero{max-width:1100px;margin:48px auto;padding:40px}.hero .card{padding:32px}.hero-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px;display:grid}.role-links{flex-wrap:wrap;gap:12px;margin-top:24px;display:flex}.button-link{color:#fff;background:linear-gradient(#2873ff,#1f63ea);border-radius:14px;padding:12px 18px;font-weight:700;box-shadow:0 10px 24px #246bff3d}.button-link.secondary{border:1px solid var(--border);color:var(--accent-dark);box-shadow:none;background:linear-gradient(#fff,#f6f9ff)}.button-link.secondary.is-selected{color:var(--accent);background:linear-gradient(#edf4ff,#e5efff);border-color:#246bff40}.bars{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;min-height:220px;display:grid}.bar{flex-direction:column;justify-content:end;gap:8px;display:flex}.bar-fill{background:linear-gradient(#41b1f6,#0d84d8);border-radius:12px 12px 0 0}.bar-label{color:var(--muted);text-align:center;font-size:12px}.progress{background:#e7eef6;border-radius:999px;height:14px;overflow:hidden}.progress>span{background:linear-gradient(90deg,#246bff,#28d7a1);height:100%;display:block}.table-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-bottom:16px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.toolbar-chip,.toolbar-action,.toolbar-search{border:1px solid var(--border);color:#60718a;background:linear-gradient(#fff,#f7faff);border-radius:14px;padding:12px 16px;font-weight:600}.toolbar-chip.strong,.toolbar-action.primary{color:var(--accent);background:linear-gradient(#f4f8ff,#edf3ff)}.toolbar-search{color:#9aa8bc;min-width:240px}.import-form{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.file-input{border:1px solid var(--border);color:#60718a;background:linear-gradient(#fff,#f7faff);border-radius:14px;min-width:260px;padding:12px 14px}.inline-form{align-items:center;display:flex}.inline-form.compact{justify-content:flex-end}.table-input{border:1px solid var(--border);color:#53647f;background:linear-gradient(#fff,#f7faff);border-radius:12px;width:100%;min-width:120px;padding:10px 12px}.button-link.small{box-shadow:none;border-radius:12px;padding:10px 14px}.button-link.small.secondary{color:#4060a8;background:linear-gradient(#fff,#eef4ff);border:1px solid #6284d542}.quota-form{min-width:420px}.participant-form{min-width:140px}.quota-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;display:grid}.quota-grid label{color:#7f8ea6;gap:6px;font-size:12px;font-weight:700;display:grid}.section-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.plan-review-grid{grid-template-columns:repeat(auto-fit,minmax(360px,1fr));align-items:start;gap:16px;display:grid}.plan-review-card{border:1px solid var(--border);background:linear-gradient(#fffffffa,#f1f7fff0);border-radius:20px;align-content:start;gap:10px;padding:18px;display:grid;box-shadow:0 18px 40px #43609e14}.plan-review-top,.component-card-top{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.plan-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:12px;margin-top:12px;display:grid}.plan-meta-cell{min-width:0}.plan-meta-cell .metric-sub{overflow-wrap:anywhere;margin-top:6px;line-height:1.4}.note-banner.subtle{background:linear-gradient(#f8fbfffa,#eff6ffe6);border-style:dashed}.note-banner.warning{color:#8c6418;background:linear-gradient(#fff9ebfa,#fff0cdf0);border-color:#d79f2538}.note-banner.success{color:#0f6e4e;background:linear-gradient(#ecfcf5fa,#ddf7ecf0);border-color:#14835d3d}.ai-upload-heading{align-items:center;gap:12px;margin-bottom:8px;display:flex}.ai-upload-heading h3,.ai-upload-heading p{margin:0}.ai-upload-icon{color:#fff;letter-spacing:-.03em;background:linear-gradient(145deg,#246bff,#08a68a);border-radius:15px;flex:0 0 46px;place-items:center;width:46px;height:46px;font-weight:900;display:grid;box-shadow:0 12px 26px #246bff3d}.ai-upload-form,.advanced-upload-body{gap:14px;display:grid}.ai-upload-field{color:var(--text);gap:7px;font-weight:750;display:grid}.ai-file-drop{cursor:pointer;background:linear-gradient(135deg,#ebf4fff5,#eefcf8eb);border:1.5px dashed #246bff6b;border-radius:18px;gap:8px;padding:18px;display:grid}.ai-file-title{font-weight:800}.ai-privacy-note{color:#5f718d;background:#f1f6fdd9;border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.5}.ai-read-button{cursor:pointer;border:0;justify-content:center;width:100%;min-height:48px}.ai-read-button:disabled{cursor:wait;opacity:.72}.advanced-upload-options,.component-editor{border-top:1px solid var(--border);padding-top:12px}.advanced-upload-options>summary,.component-editor>summary{color:#526783;cursor:pointer;font-size:13px;font-weight:750}.advanced-upload-body{background:var(--panel-muted);border-radius:14px;margin-top:14px;padding:14px}.component-stack{gap:12px;margin-top:4px;display:grid}.component-card{background:linear-gradient(#fffffff5,#f4f8ffeb);border:1px solid #6d84bd2e;border-radius:16px;padding:14px}.component-quick-facts{flex-wrap:wrap;gap:7px;margin:12px 0;display:flex}.component-quick-facts span{color:#536782;background:#edf3fb;border-radius:999px;padding:6px 9px;font-size:11px}.component-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin-top:12px;display:grid}.component-form label{color:#7f8ea6;gap:6px;font-size:12px;font-weight:700;display:grid}.component-form-span-2{grid-column:span 2}.tier-band-grid{gap:8px;margin-top:8px;display:grid}.tier-band-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.tier-band-header{letter-spacing:.04em;text-transform:uppercase;color:#7f8ea6;font-size:11px;font-weight:800}.component-actions{justify-content:flex-end;margin-top:12px;display:flex}@media (max-width:1100px){.grid.cards-4,.grid.cards-3,.grid.split-2,.hero-grid,.bars,.app-shell{grid-template-columns:1fr}.sidebar{border-right:0;border-bottom:1px solid var(--border)}.topbar,.topbar-meta,.platform-bar,.platform-right{flex-direction:column;align-items:stretch}.platform-search{grid-template-columns:1fr}.search-scope{border-right:0;border-bottom:1px solid var(--border)}.plan-meta-grid,.component-form,.tier-band-row{grid-template-columns:1fr}.component-form-span-2{grid-column:span 1}}