@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,sans-serif;color:#172033;background:#f5f7fb;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh}.sidebar{width:252px;background:#101b2d;color:#c2ccdc;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;padding:25px 16px 17px;z-index:20}.sidebar-brand{display:flex;align-items:center;gap:11px;padding:0 10px 37px;color:#fff}.brand-mark{height:38px;width:38px;border-radius:12px;background:linear-gradient(140deg,#8585ff,#5b62dc);color:#fff;display:grid;place-items:center;font:800 26px Manrope;letter-spacing:-3px;box-shadow:0 7px 18px #686ce944}.brand-mark span{color:#b5f4df}.sidebar-brand strong{display:block;font:800 15px Manrope;letter-spacing:1.4px}.sidebar-brand small{display:block;font-size:9px;letter-spacing:1.8px;color:#8391a7;margin-top:3px}.workspace-label{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#738198;padding:0 12px 12px}.sidebar nav{display:grid;gap:6px}.nav-link{height:46px;border:0;background:transparent;color:#a9b5c7;border-radius:10px;display:flex;align-items:center;gap:13px;padding:0 13px;text-align:left;font-size:13px;font-weight:600;position:relative}.nav-link:hover{background:#ffffff0c;color:#fff}.nav-link.active{background:linear-gradient(90deg,#777cf52c,#777cf510);color:#fff}.nav-link.active svg{color:#969aff}.nav-link i{position:absolute;right:0;height:22px;width:3px;border-radius:4px;background:#8588ff}.sidebar-bottom{margin-top:auto}.secure-note{background:#ffffff0a;border:1px solid #ffffff10;border-radius:10px;padding:12px;display:flex;gap:10px;color:#8fe0c8;margin-bottom:17px}.secure-note b,.secure-note span{display:block}.secure-note b{font-size:11px;color:#e1e8f2}.secure-note span{font-size:10px;color:#8c9bb0;margin-top:3px}.profile-mini{border-top:1px solid #ffffff14;padding:17px 5px 0;display:flex;align-items:center;gap:9px}.avatar,.top-avatar{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;background:#e7e9ff;color:#5e65ce;font-weight:700;font-size:12px;flex-shrink:0}.profile-meta{min-width:0;flex:1}.profile-meta b,.profile-meta span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-meta b{font-size:11px;color:#f2f5fa}.profile-meta span{font-size:9px;color:#8290a6;margin-top:3px}.profile-mini button,.icon-btn,.menu-toggle,.close-sidebar{border:0;background:transparent;color:#aeb9ca;padding:7px;border-radius:8px}.profile-mini button:hover,.icon-btn:hover{background:#ffffff12;color:#fff}.main-area{margin-left:252px;min-height:100vh}.topbar{height:72px;background:#fff;border-bottom:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;padding:0 42px;position:sticky;top:0;z-index:10}.breadcrumb{font-size:12px;color:#929aaa}.breadcrumb span{padding:0 9px;color:#c1c7d1}.breadcrumb b{color:#303b50;font-weight:600}.topbar-left,.topbar-right{display:flex;align-items:center;gap:15px}.topbar-right{gap:18px}.live-label{font-size:11px;color:#6c788c;display:flex;align-items:center;gap:7px}.live-label i{width:7px;height:7px;border-radius:50%;background:#2cc79b;box-shadow:0 0 0 4px #2cc79b20}.top-avatar{background:#e5e7ff}.content-wrap{max-width:1500px;margin:auto;padding:34px 42px 25px}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:25px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:1.8px;color:#8589e9;margin:0 0 9px}.page-heading h1,.login-heading h2{font:800 27px Manrope;letter-spacing:-1.1px;margin:0;color:#19243a}.page-sub{font-size:12px;color:#8992a2;margin:8px 0 0}.heading-actions{display:flex;gap:9px;align-items:center}.range-select{height:37px;display:flex;align-items:center;gap:7px;padding:0 10px;border:1px solid #e7eaf1;background:#fff;border-radius:8px;color:#778195}.range-select select{border:0;outline:0;background:transparent;color:#49546a;font-size:11px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.primary-btn{border:0;border-radius:8px;background:#6c72e8;color:#fff;padding:10px 14px;font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 5px 12px #6c72e82a}.primary-btn:hover{background:#5b62d7}.primary-btn:disabled{opacity:.65;cursor:wait}.data-note{display:flex;align-items:center;gap:8px;background:#eef0ff;border:1px solid #e3e5ff;color:#656bc6;padding:10px 13px;border-radius:8px;font-size:10px;margin-bottom:17px}.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card,.panel{background:#fff;border:1px solid #edf0f5;border-radius:12px;box-shadow:0 3px 12px #24324a05}.stat-card{padding:17px 18px;min-height:123px}.stat-top{display:flex;align-items:center;justify-content:space-between;color:#788396;font-size:11px;font-weight:600}.stat-icon,.panel-icon{height:34px;width:34px;border-radius:10px;display:grid;place-items:center;background:#efefff;color:#777cf2}.stat-icon.mint,.panel-icon.mint{background:#e8faf4;color:#28b990}.stat-icon.amber,.panel-icon.amber{background:#fff5e6;color:#e9a443}.stat-icon.rose{background:#fff0f4;color:#dc7897}.stat-value{font:800 25px Manrope;letter-spacing:-1px;margin-top:10px;color:#1c2840}.stat-bottom{display:flex;align-items:center;justify-content:space-between;color:#a0a8b5;font-size:9px;margin-top:4px}.stat-trend{display:flex;align-items:center;color:#20b78a;font-weight:700}.charts-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:15px;margin-bottom:16px}.bottom-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,1fr);gap:15px}.panel{padding:19px;min-width:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:14px}.panel-heading h3{font:700 13px Manrope;margin:0;color:#263149}.panel-heading p{font-size:10px;color:#9aa2b0;margin:5px 0 0}.panel-icon{width:32px;height:32px;flex-shrink:0}.chart-area{height:225px;width:100%}.chart-tooltip{background:#18243a;color:#fff;padding:9px 12px;border-radius:8px;font-size:10px;box-shadow:0 5px 20px #11182730}.chart-tooltip b{display:block;margin-bottom:5px}.chart-tooltip div{display:flex;align-items:center;gap:6px;margin-top:3px}.chart-tooltip i{width:7px;height:7px;border-radius:50%}.donut-wrap{height:154px;position:relative}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;flex-direction:column;pointer-events:none}.donut-center b{font:800 22px Manrope}.donut-center span{font-size:9px;color:#a0a7b4}.legend-list{display:grid;gap:8px}.legend-list>div,.legend-list>div span{display:flex;align-items:center}.legend-list>div{justify-content:space-between;font-size:10px;color:#687489}.legend-list i{height:7px;width:7px;border-radius:50%;margin-right:7px}.legend-list b{font-size:10px;color:#354158}.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;white-space:nowrap}th{text-align:left;color:#9ba4b2;font-size:9px;font-weight:600;padding:10px 9px;border-bottom:1px solid #f0f2f6}td{padding:11px 9px;border-bottom:1px solid #f3f4f7;color:#667287;font-size:10px}tbody tr:last-child td{border-bottom:0}td b{color:#303c52;font-size:10px}.user-cell{display:flex;align-items:center;gap:8px}.user-cell small{display:block;color:#a0a8b5;font-size:9px;margin-top:3px}.user-avatar{width:27px;height:27px;border-radius:9px;background:#efefff;color:#686fe0;display:grid;place-items:center;font-size:10px;font-weight:700}.av-1{background:#e7f8f2;color:#2aab87}.av-2{background:#fff3e2;color:#d79536}.av-3{background:#ffedf2;color:#ce6f8e}.av-4{background:#eaf3ff;color:#5b91cc}.text-btn{border:0;background:transparent;color:#6e73df;font-size:10px;font-weight:700;display:flex;align-items:center;gap:4px}.snapshot-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid #f1f2f6;font-size:10px;color:#8490a1}.snapshot-row b{font-size:12px;color:#303c52}.snapshot-foot{display:flex;gap:7px;align-items:flex-start;color:#a0a8b5;font-size:9px;margin-top:13px;line-height:1.5}.page-footer{display:flex;justify-content:space-between;gap:12px;color:#a6adba;font-size:9px;padding:22px 2px 5px}.full-panel{margin-top:5px}.search-box{display:flex;align-items:center;gap:7px;border:1px solid #e9ecf2;border-radius:8px;padding:8px 10px;color:#a0a8b5}.search-box input{border:0;outline:0;width:190px;font-size:10px;color:#354158}.level-pill,.status-pill{padding:4px 8px;border-radius:20px;background:#f0f1ff;color:#6a70d7;font-size:9px;font-weight:700}.status-pill.waiting{background:#fff5e5;color:#d99432}.status-pill.matched{background:#e7faf3;color:#24a77e}.status-pill.reported{background:#fff0f2;color:#d56e83}.rating-total{font-size:13px;color:#e7a73f;font-weight:800}.rating-total small{font-size:9px;color:#9ba4b2;font-weight:500;margin-left:4px}.feedback-list{display:grid;gap:10px}.feedback-item{border:1px solid #f0f2f6;border-radius:9px;padding:13px}.feedback-top{display:flex;justify-content:space-between;gap:10px}.rating-stars{color:#f0b44e;font-size:13px;letter-spacing:1px}.rating-stars i{font-style:normal;color:#e6e9ef}.feedback-top time,.feedback-item small{font-size:9px;color:#a1a9b6}.feedback-item p{font-size:11px;color:#59667b;margin:9px 0}.description-cell{max-width:230px;overflow:hidden;text-overflow:ellipsis}.id-cell{font-family:monospace;font-size:9px}.empty-state{min-height:100px;display:grid;place-items:center;color:#a3aab7;font-size:11px;text-align:center}.error-banner{display:flex;align-items:center;gap:9px;padding:11px 13px;background:#fff0f0;color:#c35c65;border:1px solid #f7dada;border-radius:8px;font-size:11px;margin-bottom:14px}.error-banner span{flex:1}.error-banner button{border:0;background:transparent;color:#b44f58;font-weight:700}.loading-card{height:220px;display:flex;align-items:center;justify-content:center;gap:12px;color:#8b95a5;font-size:12px;background:#fff;border:1px solid #edf0f5;border-radius:12px}.loading-screen{height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:#8b95a5;font-size:12px}.loader{height:22px;width:22px;border:2px solid #e4e6fa;border-top-color:#777cf2;border-radius:50%;animation:spin .8s linear infinite}.loader.small{height:14px;width:14px;border-width:2px}.spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.setup-screen{min-height:100vh;display:grid;place-items:center;padding:20px}.setup-card{background:#fff;border:1px solid #edf0f5;border-radius:16px;padding:30px;max-width:460px;box-shadow:0 15px 45px #24324a0b}.setup-card h2{font:800 22px Manrope}.setup-card p{font-size:13px;color:#788396;line-height:1.7}.setup-card code{background:#f0f1ff;padding:2px 4px;border-radius:4px}.menu-toggle,.close-sidebar,.mobile-scrim{display:none}.login-shell{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}.login-art{background:#111d31;position:relative;overflow:hidden;display:flex;align-items:center;padding:8vw;color:#fff}.art-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.13;background-image:linear-gradient(#8994ad 1px,transparent 1px),linear-gradient(90deg,#8994ad 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(90deg,black,transparent);mask-image:linear-gradient(90deg,black,transparent)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:390px;height:390px;right:-100px;top:-90px;background:radial-gradient(circle at 35% 35%,#7a80f1a8,#7a80f100 68%)}.orb-two{width:350px;height:350px;bottom:-180px;left:-100px;background:radial-gradient(circle,#38cba655,#38cba600 70%)}.art-copy{position:relative;z-index:1;max-width:510px}.brand-mark.large{width:52px;height:52px;font-size:34px;border-radius:15px;margin-bottom:60px}.art-copy .eyebrow{color:#9da4ff;margin-bottom:17px}.art-copy h1{font:800 clamp(42px,5vw,66px)/1.12 Manrope;letter-spacing:-3px;margin:0}.art-copy h1 em{font-style:normal;color:#a9abff}.art-sub{font-size:14px;line-height:1.8;color:#a6b2c7;max-width:390px;margin-top:23px}.art-foot{display:flex;align-items:center;gap:8px;color:#91a0b6;font-size:11px;margin-top:80px}.login-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 35px;position:relative}.login-card{width:min(100%,390px)}.brand-row{display:flex;align-items:center;gap:10px;font:800 12px Manrope;letter-spacing:1.3px;color:#253149}.brand-row>span b{color:#8b91a3;font-size:9px;margin-left:4px}.login-heading{margin:62px 0 28px}.login-heading .eyebrow{margin-bottom:11px}.login-heading h2{font-size:27px}.login-heading>p:last-child{color:#929bab;font-size:12px;margin-top:9px}.login-form{display:grid;gap:17px}.login-form label{display:grid;gap:8px;font-size:11px;font-weight:700;color:#536076}.login-form input{height:46px;border:1px solid #e5e8ef;border-radius:8px;padding:0 13px;outline:none;font-size:12px;color:#263149;transition:.2s}.login-form input:focus{border-color:#8589f2;box-shadow:0 0 0 3px #8589f21a}.login-form input::placeholder{color:#b4bbc7}.primary-btn.full{height:46px;margin-top:4px;font-size:12px}.login-security{display:flex;gap:8px;align-items:flex-start;color:#9aa3b1;font-size:10px;line-height:1.5;margin-top:22px}.login-security svg{color:#39b894;flex-shrink:0}.login-copyright{position:absolute;bottom:22px;color:#b0b6c1;font-size:9px}.error-box{display:flex;gap:8px;align-items:center;background:#fff0f0;color:#bf5961;border-radius:7px;padding:10px;font-size:10px}@media(max-width:1100px){.sidebar{width:225px}.main-area{margin-left:225px}.content-wrap{padding:29px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.charts-grid{grid-template-columns:minmax(0,1.4fr) minmax(240px,1fr)}}@media(max-width:760px){.sidebar{transform:translate(-100%);transition:transform .25s ease;width:265px}.sidebar.open{transform:translate(0)}.main-area{margin-left:0}.topbar{height:62px;padding:0 16px}.menu-toggle{display:grid;place-items:center}.breadcrumb{font-size:11px}.topbar-right{gap:10px}.live-label{font-size:0}.live-label i{width:8px;height:8px}.content-wrap{padding:25px 16px}.page-heading{align-items:flex-start;flex-direction:column}.page-heading h1{font-size:24px}.heading-actions{width:100%;justify-content:space-between}.stats-grid{gap:10px}.stat-card{padding:14px;min-height:115px}.stat-value{font-size:23px}.charts-grid,.bottom-grid{grid-template-columns:1fr}.chart-area{height:205px}.panel{padding:15px}.page-footer{flex-direction:column}.close-sidebar{display:block;margin-left:auto}.mobile-scrim{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a1325a6;border:0;z-index:15}.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:35px 24px}.login-heading{margin:55px 0 27px}.login-copyright{bottom:14px}.stats-grid.three{grid-template-columns:1fr 1fr}.panel-heading{align-items:flex-start}.search-box input{width:130px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr 1fr}.stat-top{font-size:10px}.stat-icon{width:29px;height:29px}.stat-card{min-height:112px}.stat-value{font-size:21px}.range-select{flex:1}.refresh-btn{min-width:90px}.stats-grid.three{grid-template-columns:1fr}.top-avatar{width:29px;height:29px}.search-box,.search-box input{width:100%}.panel-heading:has(.search-box){flex-direction:column}}.google-btn{height:45px;width:100%;border:1px solid #e5e8ef;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:10px;color:#3d485d;font-size:12px;font-weight:700}.google-btn:hover{background:#f8f9fc}.google-btn:disabled{opacity:.6;cursor:wait}.google-g{font:800 17px Arial;color:#4285f4}.login-divider{display:flex;align-items:center;gap:12px;color:#a7aebb;font-size:9px;margin:17px 0}.login-divider:before,.login-divider:after{content:"";height:1px;background:#edf0f5;flex:1}.brand-mark img{width:100%;height:100%;object-fit:contain;display:block}
