@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;600;700;800;900&display=swap";:root{--ink: #f8fbff;--muted: #9fb0d0;--bg: #070b18;--panel: rgba(12, 18, 42, .74);--panel-strong: rgba(18, 27, 62, .9);--line: rgba(129, 171, 255, .22);--blue: #3b82f6;--cyan: #00e5ff;--mint: #20f4c8;--orange: #ff9f1c;--gold: #ffe45e;--rose: #ff3d81;--purple: #9b5cff;--green: #6dff8d;--shadow: 0 28px 90px rgba(0, 0, 0, .34);--soft: 0 14px 34px rgba(0, 229, 255, .1);font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 7% 4%,rgba(0,229,255,.28),transparent 28%),radial-gradient(circle at 86% 7%,rgba(155,92,255,.32),transparent 30%),radial-gradient(circle at 50% -4%,rgba(255,61,129,.22),transparent 34%),radial-gradient(circle at 80% 78%,rgba(32,244,200,.16),transparent 32%),linear-gradient(180deg,#080b1a,#0b1023 45%,#090c1a)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1;background-image:linear-gradient(rgba(0,229,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(155,92,255,.08) 1px,transparent 1px);background-size:36px 36px;-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%);mask-image:linear-gradient(to bottom,#000,transparent 85%)}button,input,select,textarea{font:inherit}button{border:0;min-height:40px;border-radius:12px;padding:0 14px;font-weight:900;color:#fff;background:linear-gradient(135deg,var(--blue),var(--purple));box-shadow:0 0 24px #3b82f642;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .15s ease}button:hover{transform:translateY(-1px);box-shadow:0 16px 36px #2563eb33}button:disabled{cursor:wait;opacity:.62;transform:none}button.secondary{color:var(--ink);background:#ffffff14;border:1px solid var(--line);box-shadow:none}.app-shell{width:min(1500px,calc(100% - 28px));margin:0 auto;padding:20px 0 44px}.hero{min-height:230px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.74);border-radius:28px;color:#fff;box-shadow:var(--shadow);background:linear-gradient(108deg,#050a1ef7,#3b82f6a8,#20f4c87a),radial-gradient(circle at 82% 18%,rgba(255,228,94,.76),transparent 23%),radial-gradient(circle at 18% 14%,rgba(255,61,129,.42),transparent 28%),radial-gradient(circle at 48% 80%,rgba(155,92,255,.34),transparent 30%),linear-gradient(135deg,#050a1e,#1823a2 50%,#006b7a)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.18;background-image:linear-gradient(30deg,transparent 22%,rgba(255,255,255,.88) 23%,transparent 24%),linear-gradient(150deg,transparent 28%,rgba(255,255,255,.78) 29%,transparent 30%);background-size:68px 68px}.hero__content{position:relative;z-index:1;display:grid;grid-template-columns:1.35fr .65fr;gap:22px;min-height:230px;padding:32px;align-items:end}.eyebrow{display:inline-flex;width:fit-content;padding:8px 11px;border-radius:999px;color:#061023;background:linear-gradient(135deg,var(--cyan),var(--gold));font-size:12px;font-weight:1000;text-transform:uppercase}.hero h1{margin:14px 0 10px;max-width:900px;font-size:clamp(36px,4.4vw,68px);line-height:1;letter-spacing:0}.hero p{max-width:780px;margin:0;color:#ffffffdb;line-height:1.55;font-size:15px}.hero__cards{display:grid;gap:12px}.status-card{min-height:80px;padding:15px;border:1px solid rgba(255,255,255,.24);border-radius:18px;background:#ffffff2e;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.status-card strong{display:block;font-size:clamp(20px,1.8vw,26px);line-height:1.12;white-space:nowrap}.status-card span{display:block;margin-top:5px;color:#ffffffd1;font-size:12px;line-height:1.3}.quick-nav{display:flex;flex-wrap:wrap;gap:8px;width:fit-content;max-width:100%;margin:16px 0;padding:8px;border:1px solid var(--line);border-radius:999px;background:#0c122aad;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:var(--soft)}.quick-nav a{min-height:40px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;color:var(--ink);text-decoration:none;font-size:13px;font-weight:900}.quick-nav a:hover{background:#00e5ff24}.control-panel,.ai-panel,.panel,.table-panel{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.control-panel{position:relative;padding:18px;margin:16px 0;overflow:hidden}.control-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,rgba(0,229,255,.12),transparent 28%),linear-gradient(315deg,rgba(255,61,129,.1),transparent 32%);pointer-events:none}.section-heading{display:flex;justify-content:space-between;align-items:start;gap:14px;margin-bottom:16px}.section-heading.compact{margin-bottom:12px}.section-heading span{color:var(--cyan);font-size:11px;font-weight:1000;text-transform:uppercase;letter-spacing:.08em}.section-heading h2,.panel-heading h2{margin:2px 0 0;font-size:20px;letter-spacing:0}.section-heading p,.panel-heading p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.4}.filters-grid{display:grid;grid-template-columns:minmax(300px,1.8fr) repeat(auto-fit,minmax(210px,1fr));gap:14px;align-items:stretch}.field{display:grid;align-content:start;gap:8px;min-width:0;padding:12px;border:1px solid rgba(129,171,255,.18);border-radius:18px;background:linear-gradient(145deg,#ffffff1a,#ffffff0a),#0a10269e;box-shadow:inset 0 1px #ffffff14;transition:border-color .18s ease,transform .18s ease,background .18s ease}.field:hover{transform:translateY(-1px);border-color:#00e5ff61;background:linear-gradient(145deg,#00e5ff1f,#9b5cff12),#0a1026bd}.field--wide{grid-column:span 2;min-width:360px}.field--metric{min-width:220px}.field span{color:var(--muted);font-size:11px;font-weight:1000;text-transform:uppercase}.field input,.field select,.field textarea{width:100%;min-height:46px;border:1px solid rgba(129,171,255,.28);border-radius:13px;padding:0 13px;color:var(--ink);background:#04091885;outline:0;overflow:visible;text-overflow:clip;white-space:nowrap}.field select{padding-right:34px}.field input::placeholder,.field textarea::placeholder{color:#f8fbff75}.field select option{color:#111827;background:#fff}.field textarea{min-height:130px;padding:12px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #00e5ff1f}.filter-actions{grid-column:1 / -1;display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap;min-width:0;width:max-content;max-width:100%;justify-self:end;padding:0;border:0;border-radius:0;background:transparent}.filter-actions button{min-width:118px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px;padding:10px;border:1px solid rgba(129,171,255,.14);border-radius:18px;background:#ffffff0b}.chip{min-height:36px;color:var(--ink);background:#ffffff14;border:1px solid var(--line);box-shadow:none;font-size:12px;border-radius:999px;padding:0 16px}.chip.is-active{color:#fff;background:linear-gradient(135deg,var(--cyan),var(--purple))}.manual-json{display:grid;gap:10px;margin-top:12px}.manual-json textarea{width:100%;min-height:130px;border:1px solid var(--line);border-radius:16px;padding:12px}.kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:16px}.kpi-card{position:relative;overflow:hidden;min-height:142px;padding:16px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(145deg,#ffffff1f,#ffffff0a),var(--panel-strong);box-shadow:var(--soft)}.kpi-card:before{content:"";position:absolute;inset:0 0 auto;height:5px}.tone-blue:before{background:linear-gradient(90deg,#2563eb,#06b6d4)}.tone-mint:before{background:linear-gradient(90deg,var(--mint),var(--green))}.tone-rose:before{background:linear-gradient(90deg,var(--rose),var(--orange))}.tone-orange:before{background:linear-gradient(90deg,var(--orange),var(--gold))}.tone-purple:before{background:linear-gradient(90deg,var(--purple),var(--blue))}.tone-cyan:before{background:linear-gradient(90deg,var(--cyan),var(--mint))}.kpi-card span{color:var(--muted);font-size:12px;font-weight:1000;text-transform:uppercase}.kpi-card strong{display:block;margin-top:14px;max-width:100%;font-size:clamp(20px,1.45vw,24px);line-height:1.12;overflow-wrap:normal;word-break:keep-all;white-space:nowrap;text-shadow:0 0 18px rgba(0,229,255,.12)}.kpi-card small{display:block;margin-top:10px;color:var(--muted);line-height:1.35}.ai-panel{margin:16px 0;padding:18px;background:linear-gradient(135deg,#00e5ff1f,#9b5cff1a),var(--panel)}.ai-box{min-height:132px;border:1px solid var(--line);border-radius:18px;padding:16px;background:#ffffff0f}.ai-loading{display:grid;gap:12px}.ai-loading div{height:12px;border-radius:999px;background:linear-gradient(90deg,#00e5ff38,#9b5cff47,#20f4c838);background-size:220% 100%;animation:shimmer 1.35s infinite}.ai-loading div:nth-child(3){width:72%}.ai-loading p{margin:0;color:var(--muted);font-size:13px}@keyframes shimmer{0%{background-position:0% 0}to{background-position:220% 0}}.ai-report{display:grid;gap:14px}.ai-report-header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px;border:1px solid rgba(0,229,255,.24);border-radius:18px;background:linear-gradient(135deg,#00e5ff29,#9b5cff1f),#ffffff0f}.ai-report-header span{display:block;color:var(--cyan);font-size:11px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.ai-report-header h3{margin:4px 0 0;font-size:18px}.ai-report-header small{min-height:28px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;color:#061023;background:linear-gradient(135deg,var(--cyan),var(--gold));font-weight:1000}.ai-section{border:1px solid var(--line);border-radius:18px;padding:14px;background:linear-gradient(135deg,#ffffff17,#ffffff0b),#090d2166;box-shadow:var(--soft)}.ai-section.featured{background:linear-gradient(135deg,#00e5ff24,#9b5cff17);border-color:#00e5ff47}.ai-section-title{display:flex;align-items:center;gap:10px;margin-bottom:10px}.ai-section-title i{flex:0 0 auto;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;color:#061023;font-style:normal;font-size:11px;font-weight:1000;background:linear-gradient(135deg,var(--cyan),var(--mint));box-shadow:0 0 20px #00e5ff2e}.ai-section h3{margin:0;font-size:16px}.ai-section p{margin:0;color:#c8d4ef;line-height:1.58;font-size:14px}.ai-section p+p{margin-top:9px}.ai-items{display:grid;gap:8px;margin-top:12px}.ai-item{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:10px 11px;border:1px solid rgba(129,171,255,.15);border-radius:14px;background:#ffffff13;color:#d2ddf6;font-size:13px}.ai-item b{width:30px;height:30px;display:grid;place-items:center;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--blue),var(--mint))}mark{padding:2px 7px;border-radius:999px;color:#061023;background:linear-gradient(135deg,var(--cyan),var(--gold));font-weight:900}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:16px 0}.insight-card{position:relative;overflow:hidden;min-height:134px;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--panel-strong);box-shadow:var(--soft)}.insight-card:after{content:"";position:absolute;width:94px;height:94px;right:-28px;bottom:-38px;border-radius:24px;background:linear-gradient(135deg,#2563eb1f,#14b8a61f);transform:rotate(16deg)}.insight-card span{color:var(--cyan);font-size:12px;font-weight:1000}.insight-card h3{margin:8px 0;font-size:15px}.insight-card p{position:relative;z-index:1;margin:0;color:var(--muted);line-height:1.45;font-size:13px}.dashboard-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.panel{position:relative;overflow:hidden;min-height:340px;padding:18px}.panel,.control-panel,.ai-panel,.table-panel,.kpi-card,.insight-card{outline:1px solid rgba(255,255,255,.04)}.panel:before,.table-panel:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--purple))}.panel:nth-child(2n):before{background:linear-gradient(90deg,var(--rose),var(--orange),var(--gold))}.panel:nth-child(3n):before{background:linear-gradient(90deg,var(--purple),var(--blue))}.wide{grid-column:span 8}.mid{grid-column:span 6}.narrow{grid-column:span 4}.panel-heading{margin-bottom:14px;padding-top:4px}.line-chart{display:block;width:100%;height:260px}.donut-layout{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center}.donut-layout svg{width:210px;height:210px}.legend{display:grid;gap:8px}.legend-row{display:grid;grid-template-columns:12px 1fr auto;gap:8px;align-items:center;font-size:12px}.legend-row i{width:12px;height:12px;border-radius:4px}.ranking{display:grid;gap:9px}.rank-row{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(140px,2fr) auto;gap:10px;align-items:center;min-height:34px;font-size:12px}.rank-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:900}.rank-track{height:13px;border-radius:999px;background:#ffffff14;overflow:hidden}.rank-fill{height:100%;min-width:2px;border-radius:inherit}.rank-row b{text-align:right}.heatmap{display:grid;grid-template-columns:100px repeat(3,1fr);gap:7px}.heatmap div{min-height:40px;display:grid;align-content:center;padding:8px;border-radius:14px;font-size:12px}.heat-head{font-weight:1000;background:#00e5ff24!important}.heat-day{border:1px solid var(--line);font-weight:1000;background:#ffffff0f!important}.opportunity-list,.quality-list{display:grid;gap:10px}.opportunity{display:grid;grid-template-columns:42px 1fr auto;gap:10px;align-items:center;min-height:66px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#ffffff12}.opportunity i{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;color:#fff;font-style:normal;font-weight:1000;background:linear-gradient(135deg,var(--blue),var(--mint))}.opportunity h3{margin:0;font-size:13px}.opportunity p{margin:4px 0 0;color:var(--muted);font-size:12px;line-height:1.35}.opportunity strong{color:var(--cyan)}.matrix-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.matrix-card{min-height:114px;padding:13px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#00e5ff1a,#9b5cff17),#ffffff0f}.matrix-card span{display:block;font-weight:900;overflow-wrap:anywhere}.matrix-card strong{display:block;margin-top:10px;color:var(--cyan);font-size:22px}.matrix-card small{display:block;margin-top:6px;color:var(--muted);font-size:12px}.quality-list div{display:flex;justify-content:space-between;gap:10px;padding:10px;border:1px solid var(--line);border-radius:14px;background:#ffffff12}.quality-list span{color:var(--muted);font-size:12px}.quality-list strong{color:var(--cyan)}.table-panel{position:relative;margin-top:16px;padding:18px;overflow:hidden}.table-wrap{overflow:auto;max-height:540px;border:1px solid var(--line);border-radius:18px;background:#ffffff0f}table{width:100%;min-width:1120px;border-collapse:collapse;font-size:12px}th,td{padding:11px 10px;border-bottom:1px solid #edf1f7;text-align:left;white-space:nowrap}td{color:#d8e4fb;border-bottom-color:#ffffff14}th{position:sticky;top:0;z-index:2;color:var(--ink);background:#00e5ff24;font-size:11px;text-transform:uppercase;cursor:pointer}tr:hover td{background:#00e5ff12}.pill{display:inline-flex;min-height:24px;align-items:center;padding:0 8px;border-radius:999px;background:#ffffff1a;font-weight:900}.warn{color:#9d3f00;background:#fff0d0}.pagination{display:flex;justify-content:flex-end;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.pagination span{min-height:34px;display:inline-flex;align-items:center;padding:0 10px;border-radius:999px;background:#ffffff1a;font-size:12px;font-weight:900}.empty-state{border:1px dashed rgba(37,99,235,.35);border-radius:16px;padding:16px;color:var(--muted);background:#ffffff0f;line-height:1.45}@media (max-width: 1180px){.hero__content{grid-template-columns:1fr}.field--wide,.field--metric,.filter-actions{grid-column:span 2}.kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-grid{grid-template-columns:repeat(2,1fr)}.wide,.mid,.narrow{grid-column:span 6}.matrix-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{width:min(100% - 18px,1500px);padding-top:10px}.hero__content{padding:20px}.quick-nav{width:100%;border-radius:18px}.quick-nav a{flex:1 1 130px;justify-content:center}.control-panel{position:static}.filters-grid{grid-template-columns:1fr 1fr}.field--wide,.field--metric,.filter-actions{grid-column:span 2;min-width:0}.kpi-grid,.insight-grid,.dashboard-grid{grid-template-columns:1fr}.wide,.mid,.narrow{grid-column:span 1}.donut-layout{grid-template-columns:1fr}.donut-layout svg{margin:0 auto}.heatmap{grid-template-columns:80px repeat(3,minmax(76px,1fr));overflow-x:auto}.matrix-grid{grid-template-columns:1fr}.opportunity{grid-template-columns:42px 1fr}.opportunity strong{grid-column:2}}