@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600&display=swap";:root{color:#eef5ff;font-synthesis:none;--bg:#061222;--panel:#0d1d31;--panel-raised:#14263e;--line:#28415e;--muted:#a5bad5;--cyan:#31c6f5;--blue:#1686ed;--primary:#208af0;--green:#31ddb0;--red:#ff687e;--gold:#ffc74e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#061222;font-family:DM Sans,Arial,sans-serif;font-size:13px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;transition:background .18s,border-color .18s,transform .18s}button:hover{filter:brightness(1.08)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #4dd9ff}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif}h1{letter-spacing:-.8px;font-size:29px;font-weight:800}h2{font-size:16px}h3{font-size:14px}small{color:var(--muted);font-size:11px;line-height:1.5;display:block}a{color:#80d8fa}button{color:inherit}button svg{stroke-width:1.8px}.row{align-items:center;gap:12px;display:flex}.wrap{flex-wrap:wrap}.space-top{margin-top:22px}.primary,.secondary{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:10px 15px;font-size:12px;font-weight:600;display:inline-flex}.primary{background:var(--primary);color:#fff;border:1px solid #4af;box-shadow:0 3px 18px #0672eb20}.secondary{border:1px solid var(--line);color:#e2f3ff;background:#0a192a}.text-button{color:#78d9ff;background:0 0;align-items:center;gap:7px;min-height:32px;font-size:11px;display:inline-flex}.icon{color:#b2d0eb;background:0 0;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;padding:7px;display:inline-flex}.icon:hover{border-color:var(--line);background:#14304c}.app{min-height:100vh;display:flex}.sidebar{z-index:25;background:#071527;border-right:1px solid #203952;flex-direction:column;width:225px;padding:26px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.brand{align-items:center;min-height:46px;display:flex}.brand-image{object-fit:contain;background:#fff;border-radius:13px;width:100%;max-width:187px;max-height:88px;padding:5px}.brand-small .brand-image{border-radius:8px;max-width:125px;max-height:50px}.text-brand{color:#f0f7ff;letter-spacing:-.6px;font-family:Manrope,sans-serif;font-size:22px;font-weight:800}.text-brand b{color:#2acefa;font-weight:600}.brand-small .text-brand{font-size:16px}.workspace{border:1px solid var(--line);color:#50c9f2;background:#10223a;border-radius:9px;align-items:center;gap:11px;margin-top:25px;padding:14px 11px;display:flex}.workspace strong{color:#edf6ff;font-size:12px}.workspace small{margin-top:5px;font-size:10px}.nav-label{letter-spacing:1.6px;color:#79a6cc;margin:25px 11px 14px;font-size:9px}nav{gap:6px;display:grid}nav button{text-align:left;color:#b4cce6;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:11px;min-height:44px;padding:11px 12px;font-size:12px;display:flex}nav button.active{color:#fff;background:#147fea;border-color:#49aafa;font-weight:700;box-shadow:0 5px 15px #006aeb28}nav button:hover:not(.active){background:#11283f;border-color:#254562}.nav-count{color:#ade9ff;background:#223e5e;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:10px;display:inline-flex}.active .nav-count{color:#fff;background:#ffffff25}.sidebar-bottom{margin-top:auto}.profile{text-align:left;background:0 0;border-top:1px solid #253c54;align-items:center;gap:10px;width:100%;margin-top:25px;padding:20px 0;display:flex}.profile>svg{color:#7f9fc0;margin-left:auto}.profile strong{font-size:11px}.profile small{margin-top:4px;font-size:9px}.avatar{color:#6edafa;background:#143755;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:10px;font-weight:700;display:flex}.main{width:calc(100% - 225px);margin-left:225px}header{background:#08172b;border-bottom:1px solid #1d344e;justify-content:space-between;align-items:center;gap:15px;height:80px;padding:0 36px;display:flex}.breadcrumb{color:#b0cbe5;align-items:center;gap:12px;font-size:11px;display:flex}.header-right{color:#9ab6d3;align-items:center;gap:12px;font-size:10px;display:flex}.live-dot{background:#27ceae;border-radius:50%;flex-shrink:0;width:6px;height:6px;display:inline-block}.notification{position:relative}.notification i{background:#ffd156;border-radius:50%;width:6px;height:6px;position:absolute;top:4px;right:4px}.mobile-menu,.menu-backdrop{display:none}main{max-width:1560px;margin:auto;padding:32px 36px 0}.page-heading{justify-content:space-between;align-items:center;gap:18px;display:flex}.eyebrow{color:#22cdfa;letter-spacing:1.3px;margin-bottom:8px;font-size:10px;font-weight:700}.page-heading p{color:#94b4d4;margin-top:8px;font-size:12px}.date-button{border:1px solid var(--line);color:#b5d3ee;border-radius:7px;align-items:center;gap:8px;padding:10px 12px;font-size:10px;display:inline-flex}.demo-note{color:#f7d250;background:#ffc30009;border:1px solid #725b16;border-radius:8px;align-items:center;gap:8px;margin:18px 0 22px;padding:9px 11px;font-size:10px;line-height:1.5;display:flex}.hero-banner{background:radial-gradient(at 67%,#12497366,#0000 40%),linear-gradient(120deg,#0d1b30,#0c2350);border:1px solid #275282;border-radius:12px;justify-content:space-between;align-items:center;gap:20px;min-height:230px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.banner-label{color:#59d5fc;letter-spacing:1.7px;font-size:9px;font-weight:700}.hero-banner h2{letter-spacing:-.6px;color:#f1f8ff;margin:10px 0;font-size:29px;line-height:1.4}.hero-banner em{color:#78d6ff;font-style:normal}.hero-banner p{color:#a3c8e6;font-size:11px}.hero-banner button{background:#1688f3;border:1px solid #63b5ff;border-radius:8px;align-items:center;gap:18px;margin-top:19px;padding:11px 18px;font-size:12px;font-weight:700;display:inline-flex}.hero-brand{justify-content:center;align-self:center;min-width:130px;max-width:250px;display:flex}.hero-mascot{object-fit:contain;filter:drop-shadow(0 0 22px #1497ff40);border-radius:18px;max-width:200px;max-height:215px;animation:5s ease-in-out infinite float}.hero-goal{width:215px;max-width:28%;padding-bottom:8px}.hero-goal>span{letter-spacing:1.3px;color:#8cc7e9;font-size:9px}.hero-goal strong{letter-spacing:-.4px;margin:13px 0;font-size:21px;line-height:1.4;display:block}.hero-goal strong small{font-size:10px;font-weight:400;display:inline}.progress{background:#294364;border-radius:6px;height:6px;overflow:hidden}.progress i{background:#29c6f6;border-radius:6px;max-width:100%;height:100%;display:block}.hero-goal p{color:#a6cee7;margin-top:9px;font-size:9px}.section-title{justify-content:space-between;align-items:center;margin:26px 0 15px;display:flex}.section-title h2{font-size:15px}.section-title h2 span{color:#60d9fc;background:#133751;border:1px solid #27586c;border-radius:5px;margin-left:8px;padding:4px 8px;font-size:9px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.metric{text-align:left;background:#102238;border:1px solid #294764;border-radius:9px;flex-direction:column;min-height:156px;padding:17px 17px 0;animation:.6s backwards rise;display:flex;overflow:hidden}.metric:hover{border-color:var(--ink);background:#152b42;transform:translateY(-2px)}.green{--ink:#36dfae}.coral,.red{--ink:#ff7589}.amber{--ink:#ffd157}.blue{--ink:#59aaff}.purple{--ink:#aa92ff}.pink{--ink:#ef99d3}.gold{--ink:#f4c458}.cyan{--ink:#29d1f1}.metric-top{color:#a7c6e1;justify-content:space-between;gap:8px;font-size:10px;font-weight:600;display:flex}.metric-top>svg{color:var(--ink)}.metric-value{letter-spacing:-.5px;color:var(--ink);margin-top:12px;font-family:Manrope,sans-serif;font-size:27px;font-weight:800;line-height:1.3}.metric>small{color:#8daac5;margin-top:4px;font-size:9px}.metric-bottom{color:#b0c7df;border-top:1px solid #29405b;justify-content:space-between;align-items:center;gap:7px;margin-top:auto;padding:10px 0;font-size:9px;display:flex}.metric>small{margin-bottom:17px}.shortcuts{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.shortcuts button{text-align:left;background:#102238;border:1px solid #294765;border-radius:9px;align-items:center;gap:10px;padding:16px 13px;display:flex}.shortcuts button.featured{background:#0f3157;border-color:#2b80ca}.shortcut-icon{color:#55cdfa;background:#1a354f;border-radius:8px;justify-content:center;align-items:center;padding:9px;display:flex}.shortcuts strong{font-size:11px;font-weight:600}.shortcuts button>svg{color:#73cffa;width:16px;margin-left:auto}.panel{background:#0c1c30;border:1px solid #2a415e;border-radius:10px;overflow:hidden}.toolbar,.panel-heading{justify-content:space-between;align-items:center;gap:15px;padding:21px 22px;display:flex}.panel h2{font-size:15px}.panel-heading p{color:#90b0ce;margin-top:6px;font-size:10px}.table-wrap{overscroll-behavior-x:contain;overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#82b9da;letter-spacing:.5px;background:#10243b;border-block:1px solid #233b57;padding:13px 18px;font-size:9px;font-weight:600}td{color:#a9c5df;border-bottom:1px solid #203651;padding:16px 18px;font-size:11px}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#102842}td strong{color:#e4f2ff;font-size:11px;font-weight:600}td small{text-overflow:ellipsis;max-width:300px;margin-top:5px;font-size:9px;overflow:hidden}.badge{border:1px solid color-mix(in srgb, var(--ink), transparent 70%);background:color-mix(in srgb, var(--ink), transparent 91%);color:var(--ink);border-radius:5px;padding:5px 7px;font-size:9px;display:inline-block}.payment{color:#9cdbf9;background:#172d45;border:1px solid #2e4a69;border-radius:5px;padding:5px 7px;font-size:9px;display:inline-block}.payment-list{flex-direction:column;align-items:flex-start;gap:7px;display:flex}.client-link{color:#70d3ff;text-align:left;text-underline-offset:3px;background:0 0;padding:0;font-size:12px;font-weight:600;line-height:1.6;-webkit-text-decoration:underline #39799b;text-decoration:underline #39799b}.filters{background:#102238;border-top:1px solid #243e5c;flex-wrap:wrap;align-items:flex-end;gap:13px;padding:17px 22px;display:flex}.filters>label{flex:1;min-width:130px;max-width:230px}.filters .search{background:#1b2d44;border:1px solid #304961;border-radius:7px;flex-direction:row;align-self:flex-end;align-items:center;gap:9px;max-width:280px;padding:0 10px}.search svg{color:#6fbde5}.search input{width:100%;min-width:0;max-width:none;background:0 0!important;border:0!important;padding:11px 0!important}.filters .text-button{align-self:center}.seller-filter{width:auto;max-width:320px;margin:0 22px 15px;display:block}.filter-hint{color:#90b4d1;padding:12px 22px}.panel-footer{color:#9dc1dc;border-top:1px solid #203a55;align-items:center;gap:15px;padding:20px;font-size:11px;display:flex}.report-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;padding:20px;display:grid}.report-grid>div{background:#10243c;border:1px solid #294968;border-radius:8px;padding:18px}.report-grid p{color:#94b6d2;margin-bottom:10px;font-size:11px}.report-grid h2{color:#40cef5;overflow-wrap:anywhere;font-size:22px}.client-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;padding:22px;display:grid}.client-card{overflow-wrap:anywhere;background:#102239;border:1px solid #2a4765;border-radius:9px;padding:20px}.client-card .client-link{margin-bottom:12px;font-size:15px}.client-card h3{margin-bottom:14px;font-size:15px}.client-card p{color:#a1bbd5;margin-bottom:9px;font-size:11px}.client-card>small{color:#f6cc61;margin-bottom:12px}.last-purchase{color:#a8cbe7;background:#183049;border:1px solid #2a4963;border-radius:7px;gap:8px;margin:14px 0;padding:13px;font-size:11px;display:grid}.last-purchase strong{color:#65d2ef}.last-purchase span:last-child{font-weight:700}.delete-button{color:#ffacba;background:#4a2433;border:1px solid #8c4458;border-radius:6px;margin-top:17px;padding:8px;display:block}.product-photo{object-fit:cover;background:#fff;border-radius:7px;width:65px;height:65px}.asset-placeholder{color:#99bdd9;text-align:center;background:#152943;justify-content:center;align-items:center;min-height:38px;font-size:9px;display:flex}.legal-footer{text-align:center;color:#9db9d2;flex-direction:column;align-items:center;gap:7px;padding:28px 10px;font-size:10px;line-height:1.6;display:flex}.legal-footer a{color:#5dd2fc;text-decoration:none}.settings{max-width:800px;padding:25px}.settings>p{color:#a2bfd8;margin:14px 0;font-size:11px;line-height:1.6}.settings h3{color:#61d3fa;margin-top:26px;margin-bottom:12px}.settings form{gap:16px;margin-top:22px;display:grid}.settings .upload{margin:20px 0}.settings .upload-button{margin-top:16px}label{color:#a5c1dc;gap:7px;font-size:11px;display:grid}input,select,textarea{color:#eef7ff;background:#1b2d44;border:1px solid #2c4665;border-radius:7px;width:100%;min-height:40px;padding:11px}input::placeholder,textarea::placeholder{color:#8caac7}textarea{resize:vertical;min-height:80px;line-height:1.6}input,select,textarea{scroll-margin-top:100px}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.checkbox{align-items:flex-start;gap:10px;line-height:1.6;display:flex}.checkbox input{accent-color:#208af0;flex-shrink:0;width:18px;height:18px;min-height:18px;margin:2px 0;padding:0}.calculation{color:#a8d9f4;background:#12304b;border:1px solid #315675;border-radius:9px;gap:8px;padding:15px;font-size:12px;display:grid}.calculation strong{color:#65dbfb;font-size:16px}.calculation small{color:#96bbd8}.error{color:#ff95a9!important}.success{color:#4ae1b6!important}.upload{background:#11253c;border:1px dashed #37648c;border-radius:9px;gap:14px;padding:15px;display:grid}.upload>strong{color:#86d4fa;font-size:12px}.upload-preview{object-fit:contain;background:#fff;border-radius:7px;width:160px;height:150px}.upload-button{cursor:pointer;align-items:center;gap:7px;display:inline-flex;position:relative}.upload-button input[type=file]{opacity:0;width:1px;height:1px;min-height:0;padding:0;position:absolute}.upload-button:focus-within{outline-offset:3px;outline:2px solid #4dd9ff}.mobile-capture{display:none}.camera video{object-fit:contain;background:#000;border-radius:8px;width:100%;max-height:340px;margin-bottom:10px}.attachment{gap:12px;display:grid}.attachment img{object-fit:contain;object-position:left;background:#fff;border-radius:6px;max-width:100%;max-height:330px}.attachment a{align-items:center;gap:8px;font-size:11px;display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#010817b8;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal{background:#0c1b30;border:1px solid #35567b;border-radius:14px;width:100%;max-width:500px;max-height:90dvh;padding:25px;overflow:auto;box-shadow:0 30px 100px #0009}.modal.wide{max-width:880px}.modal-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;display:flex}.modal h2{color:#f0f7ff;font-size:21px}.modal h3{color:#79d6ff;font-size:14px}.modal form{gap:17px;display:grid}.modal>p{color:#a7c3dc;line-height:1.7}.modal .table-wrap{margin:16px 0}.modal .primary{margin-top:8px}.payment-fields{background:#10243c;border:1px solid #315275;border-radius:9px;gap:17px;padding:18px;display:grid}.payment-details,.invoice-item{background:#10243b;border:1px solid #2c4b6e;border-radius:9px;gap:15px;margin:18px 0;padding:16px;display:grid}.detail-photo{object-fit:contain;background:#fff;border-radius:9px;width:140px;height:140px;margin-top:17px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0;display:grid}.detail-grid>div{overflow-wrap:anywhere;background:#142a44;border:1px solid #2c4561;border-radius:8px;padding:13px}.detail-grid dt{color:#8eafca;margin-bottom:7px;font-size:10px}.detail-grid dd{color:#eef6ff;margin:0;font-size:12px}.empty{text-align:center;color:#a6c5df;padding:36px;font-size:12px}.toast{color:#fff;z-index:70;background:#123454;border:1px solid #4f9fcd;border-radius:9px;align-items:center;gap:10px;max-width:90vw;padding:14px 22px;font-size:12px;display:flex;position:fixed;bottom:25px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0007}.startup{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:25px;min-height:100vh;padding:25px;display:flex}.login{background:radial-gradient(at 85% 10%,#154791aa,#0000 45%),radial-gradient(at 5% 85%,#10456177,#0000 43%),#061125;grid-template-columns:1fr 1fr;min-height:100vh;display:grid;position:relative}.login:before{content:"";pointer-events:none;background-image:linear-gradient(#85b8e308 1px,#0000 1px),linear-gradient(90deg,#85b8e308 1px,#0000 1px);background-size:43px 43px;position:absolute;inset:0}.login-art{z-index:1;flex-direction:column;justify-content:center;padding:70px 7vw;display:flex;position:relative}.login-art .brand{margin-bottom:24px}.login-art .brand-image{border-radius:18px;max-width:240px;max-height:115px}.login-art h1{letter-spacing:-1px;max-width:520px;font-family:Playfair Display,Georgia,serif;font-size:54px;line-height:1.13}.login-art h1 em{color:#6acefa;font-weight:600;display:block}.login-art>p{color:#a1cced;max-width:440px;margin-top:18px;font-size:14px;line-height:1.6}.intro-screen{z-index:10000;background:#030b18;place-items:center;display:grid;position:fixed;inset:0}.intro-screen video{object-fit:contain;width:100%;height:100%}.intro-controls{bottom:max(24px, env(safe-area-inset-bottom));right:max(24px, env(safe-area-inset-right));left:max(24px, env(safe-area-inset-left));flex-wrap:wrap;justify-content:flex-end;gap:12px;display:flex;position:absolute}.intro-controls button,.intro-start{color:#eaf6ff;cursor:pointer;background:#071d35ee;border:1px solid #52cfff88;border-radius:12px;justify-content:center;align-items:center;gap:10px;min-height:48px;padding:12px 18px;display:flex}.intro-start{position:absolute;box-shadow:0 0 40px #29f3}.intro-controls button:hover,.intro-start:hover{background:#104575}.landing-label{color:#7addfc;background:#12334b66;border:1px solid #245980;border-radius:30px;align-self:flex-start;align-items:center;gap:8px;margin-bottom:22px;padding:7px 11px;font-size:clamp(16px,2vw,22px);font-weight:700;display:inline-flex}.license-offer{background:linear-gradient(120deg,#103450b3,#101e3bcc);border:1px solid #2982b566;border-left:3px solid #42cafa;border-radius:16px;max-width:520px;margin-top:24px;padding:20px 22px;box-shadow:inset 0 1px #a3e4ff12,0 12px 35px #02091833}.license-offer-label{letter-spacing:1.4px;color:#7addfc;align-items:center;gap:8px;font-size:10px;display:flex}.license-offer-price{flex-wrap:wrap;align-items:baseline;gap:12px;margin:12px 0 8px;display:flex}.license-offer-original{color:#afcce3;margin-top:14px;font-size:13px}.license-offer-original s{text-decoration-color:#7addfc}.license-offer-validity{color:#7addfc;margin-bottom:10px;font-size:12px;line-height:1.6}.license-offer-price strong{color:#eaf6ff;letter-spacing:-1px;font-size:clamp(30px,4vw,42px);line-height:1.2}.license-offer-price span,.license-offer-renewal{color:#afcce3;font-size:13px;line-height:1.6}.license-offer-renewal strong{color:#7addfc}.license-offer-note{color:#9bb7d0;margin-top:12px;font-size:11px;line-height:1.6;display:block}.purchase-button{color:#fff;cursor:pointer;background:linear-gradient(115deg,#116bc5,#148de4);border:1px solid #38bbf5;border-radius:10px;align-items:center;gap:9px;margin-top:16px;padding:11px 17px;font-weight:700;display:inline-flex}.purchase-email{color:#7addfc;text-decoration:underline}.demo-note .text-button{align-items:center;gap:6px;margin-left:auto;display:inline-flex}.login-form{z-index:1;gap:19px;width:100%;max-width:520px;margin:auto;padding:40px;display:grid;position:relative}.login-form>h2{font-size:24px}.login-form>p{color:#a8c9e6;font-size:12px;line-height:1.6}.login-form form{gap:17px;display:grid}.login-form>.brand{display:none}.login-form .legal-footer{padding:18px 0;font-size:9px}.login-mascot{object-fit:contain;border-radius:24px;max-width:100%;max-height:360px;animation:5s ease-in-out infinite float}.mascot-stage{justify-content:center;align-items:center;min-height:330px;margin-bottom:18px;display:flex;position:relative}.mascot-stage:before,.mascot-stage:after{content:"";pointer-events:none;border:1px solid #4775ad45;border-radius:50%;width:290px;height:290px;position:absolute}.mascot-stage:after{border-style:dashed;width:340px;height:340px}.mascot-stage>.asset-placeholder{z-index:1;color:#84bcdf;background:#10395e33;border:1px dashed #356c98;border-radius:30px;width:180px;height:250px;padding:20px;font-size:12px;line-height:1.8}.access-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.access-card{text-align:left;color:#edf5ff;background:#152238aa;border:1px solid #35455e;border-radius:17px;flex-direction:column;align-items:flex-start;gap:12px;min-height:175px;padding:17px 14px;display:flex}.access-card.featured{background:linear-gradient(135deg,#195ddd,#208bf4);border-color:#55abff;box-shadow:0 0 32px #187cff2a}.access-card .access-icon{color:#a8dcff;background:#ffffff15;border-radius:9px;padding:10px;display:flex}.access-card strong{font-size:13px}.access-card small{color:#b4cce7;font-size:10px}.access-card.featured small{color:#d6efff}.access-card .access-arrow{color:#8bd8fc;align-items:center;gap:7px;margin-top:auto;font-size:10px;display:flex}.access-card.featured .access-arrow{color:#fff}.dashboard-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.chart-panel{background:#102239;border:1px solid #2b4766;border-radius:10px;min-width:0;padding:19px}.chart-panel h3{color:#adf1ff;margin-bottom:8px;font-size:12px}.chart-panel>p{color:#a2bfd8;margin-bottom:20px;font-size:9px}.daily-chart{border-bottom:1px solid #36516c;align-items:flex-end;gap:12px;height:145px;padding:0 10px;display:flex}.daily-chart>div{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:7px;height:100%;display:flex}.daily-chart i{transform-origin:bottom;background:linear-gradient(#278eff,#1963df);border-radius:4px 4px 0 0;width:100%;max-width:36px;min-height:2px;animation:.8s ease-out grow;display:block}.daily-chart span{color:#9ab9d8;white-space:nowrap;padding-bottom:6px;font-size:8px}.chart-panel>svg{width:100%;height:150px;display:block}.donut-row{justify-content:center;align-items:center;gap:26px;margin:23px 0 12px;display:flex}.donut{border-radius:50%;flex-shrink:0;width:132px;height:132px;position:relative}.donut:after{content:"";background:#102239;border-radius:50%;position:absolute;inset:28px}.chart-legend{color:#b5d0e7;gap:10px;font-size:10px;display:grid}.chart-legend>div{align-items:center;gap:7px;display:flex}.chart-legend i{border-radius:50%;width:7px;height:7px;display:block}.quick-periods{background:#102238;flex-wrap:wrap;gap:8px;padding:15px 22px 0;display:flex}.quick-periods button{color:#abd1f1;background:#102238;border:1px solid #365274;border-radius:30px;padding:6px 10px;font-size:10px}.quick-periods button.selected{color:#fff;background:#15426c;border-color:#2b9efc}.chart-empty{text-align:center;color:#a3bfd8;justify-content:center;align-items:center;height:140px;font-size:11px;display:flex}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes float{50%{transform:translateY(-7px)}}@media (width>=1550px){main{padding-inline:45px}.hero-banner{min-height:245px}.login-art{padding-left:10vw}.login-form{max-width:620px}.mascot-stage{min-height:400px}.login-mascot{max-height:420px}}@media (width<=1150px){.sidebar{width:200px;padding-inline:15px}.main{width:calc(100% - 200px);margin-left:200px}main{padding:25px 24px 0}header{padding-inline:24px}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-goal{width:180px}.hero-brand{min-width:90px;max-width:160px}.hero-mascot{max-width:140px}.metric{padding-inline:13px}.metric-value{font-size:23px}.login-art{padding-inline:5vw}.login-art h1{font-size:44px}.login-form{padding:30px}.access-options{gap:8px}.access-card{min-height:170px;padding:14px 10px}.access-card strong{font-size:11px}.donut-row{gap:15px}.donut{width:110px;height:110px}.donut:after{inset:24px}}@media (width<=800px){.sidebar{width:225px;transition:transform .25s;transform:translate(-100%)}.sidebar.open{transform:translate(0);box-shadow:10px 0 50px #0008}.main{width:100%;margin:0}.mobile-menu{display:flex}.menu-backdrop{z-index:24;background:#0008;display:block;position:fixed;inset:0}header{z-index:20;height:72px;padding:0 20px;position:sticky;top:0}main{padding:25px 20px 0}h1{font-size:25px}.hero-banner{min-height:220px;padding:22px}.hero-goal{display:none}.hero-brand{max-width:130px}.hero-mascot{max-width:120px;max-height:175px}.metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.metric{min-height:150px;padding:16px 15px 0}.metric-value{font-size:27px}.metric-top{font-size:10px}.client-grid,.report-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{padding:15px}.filters>label{min-width:140px;max-width:none}.filters .search{min-width:100%;max-width:none}.panel-footer{flex-wrap:wrap}.icon{min-width:42px;min-height:42px}.primary,.secondary{min-height:44px}.text-button{min-height:38px}.mobile-capture{display:inline-flex}.modal{max-height:calc(100dvh - 28px);padding:20px}.modal-overlay{padding:14px}.modal input,.modal select,.modal textarea,.login input,.login select,.login textarea{min-height:44px;font-size:16px}.checkbox input{min-height:18px}.modal h2{font-size:20px}.payment-fields{padding:14px}.login{grid-template-columns:1fr}.login-art{width:100%;max-width:650px;margin:auto;padding:36px 24px 20px}.login-art .brand-image{max-width:180px;max-height:85px}.login-art h1{font-size:42px}.login-art>p{font-size:12px}.login-form{max-width:650px;padding:20px 24px 32px}.mascot-stage{min-height:255px;margin-bottom:5px}.login-mascot{max-height:260px}.mascot-stage:before{width:220px;height:220px}.mascot-stage:after{width:250px;height:250px}.mascot-stage>.asset-placeholder{width:150px;height:190px}.access-card{min-height:150px}.dashboard-charts{gap:12px}.donut-row{flex-direction:column;gap:15px}.chart-legend{font-size:9px}.chart-panel{padding:15px}.chart-panel h3{font-size:11px}.chart-legend{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;width:100%}.desktop{display:none}.brand-small .brand-image{max-width:105px;max-height:46px}}@media (width<=480px){main{padding-inline:15px}h1{font-size:23px}.breadcrumb,.date-button{display:none}.hero-banner h2{font-size:24px}.hero-banner>div:first-child{max-width:68%}.hero-brand{min-width:80px;max-width:100px}.hero-mascot{max-width:90px;max-height:160px}.hero-brand .text-brand{font-size:17px}.hero-banner p{font-size:10px;line-height:1.7}.shortcuts button{gap:7px;padding:13px 10px}.shortcuts strong{font-size:10px}.shortcut-icon{padding:8px}.shortcut-icon svg{width:18px}.metric-value{font-size:24px}.metric-top{font-size:9px}.metric-bottom{font-size:8px;line-height:1.6}.metric>small{font-size:8px}.client-grid{grid-template-columns:1fr;padding:15px}.toolbar{flex-wrap:wrap;padding:18px}.form-row{grid-template-columns:1fr}.detail-grid{grid-template-columns:1fr;gap:9px}.report-grid{gap:10px;padding:14px}.report-grid>div{padding:15px}.report-grid h2{font-size:20px}.filters>label{min-width:120px}.toast{width:calc(100% - 30px);max-width:none;line-height:1.6;bottom:15px}.legal-footer{padding-inline:0;font-size:9px}.settings{padding:20px}.login-art h1{font-size:36px}.access-options{grid-template-columns:1fr}.access-card{grid-template-columns:auto 1fr;gap:7px 14px;min-height:120px;padding:16px;display:grid}.access-icon{grid-row:1/4}.access-card strong{font-size:14px}.access-card small,.access-card .access-arrow{font-size:11px}.login-form>h2{font-size:21px}.dashboard-charts{grid-template-columns:1fr}.donut-row{flex-direction:row}.chart-legend{grid-template-columns:1fr;width:auto;display:grid}.daily-chart{gap:8px}.chart-panel>svg{height:140px}.hero-brand .asset-placeholder{max-width:100px;padding:10px;font-size:8px}.brand-image{max-height:75px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.presentation{grid-template-columns:1.1fr 1fr;align-items:center;min-height:100dvh;padding:0 max(4vw,20px)}.presentation .login-art{justify-self:end;max-width:580px;padding:55px 20px 30px}.presentation .login-form{flex-direction:column;justify-content:center;align-items:center;max-width:570px;padding:35px;display:flex}.presentation .mascot-stage{background:radial-gradient(#14557870,#0000 67%);width:100%;min-height:470px}.presentation .login-mascot{z-index:2;max-width:330px;max-height:460px;position:relative}.presentation .mascot-stage:before{border-radius:45%;width:370px;height:400px}.presentation .mascot-stage:after{border-radius:45%;width:430px;height:470px}.presentation .access-options{margin-top:28px}.presentation>.legal-footer{z-index:1;grid-column:1/-1;padding-top:0;position:relative}.presentation .login-art>p{max-width:470px}.chart-panel>small{color:#8ec4e7;margin-top:13px;font-size:10px}@media (width<=1150px){.presentation{padding-inline:25px}.presentation .login-art{padding-inline:0}.presentation .login-form{padding:25px}.presentation .mascot-stage{min-height:390px}.presentation .mascot-stage:before{width:280px;height:340px}.presentation .mascot-stage:after{width:330px;height:390px}.presentation .login-mascot{max-width:250px;max-height:370px}}@media (width<=800px){.presentation{grid-template-columns:1fr;padding:0 24px}.presentation .login-art{width:100%;max-width:650px;margin:0 auto;padding-top:35px}.presentation .login-form{width:100%;max-width:650px;padding:10px 0 25px}.presentation .mascot-stage{min-height:300px}.presentation .mascot-stage:before{width:220px;height:260px}.presentation .mascot-stage:after{width:255px;height:295px}.presentation .login-mascot{max-width:230px;max-height:290px}.presentation .access-card{min-height:160px}.presentation>.legal-footer{padding-top:10px}}@media (width<=480px){.presentation{padding-inline:22px}.presentation .access-options{gap:12px}.presentation .access-card{min-height:118px}.presentation .login-art h1{font-size:39px}.presentation .mascot-stage{min-height:270px}.presentation .login-mascot{max-height:260px}.presentation .mascot-stage:before{width:190px;height:220px}.presentation .mascot-stage:after{width:220px;height:260px}}.app{max-width:1460px;margin:0 auto;display:block}.sidebar{z-index:21;background:#061222;border-right:0;flex-flow:wrap;align-items:center;width:100%;padding:23px 36px 0;display:flex;position:relative;inset:auto}.sidebar>.brand{max-width:195px}.sidebar .workspace,.sidebar .nav-label{display:none}.sidebar nav{border-bottom:1px solid #213c58;flex-wrap:wrap;gap:6px;width:100%;margin-top:18px;padding-bottom:17px;display:flex}.sidebar nav button{background:#081629;border-color:#29445f;border-radius:8px;min-height:36px;padding:8px 12px;font-size:11px}.sidebar nav button.active{background:#1788ef;border-color:#55afff}.sidebar-bottom{margin:0;position:absolute;top:27px;right:36px}.sidebar .profile{border:0;width:auto;min-width:155px;margin:0;padding:6px 0}.main{width:100%;margin:0}.main>header{display:none}main{padding-top:24px}.profile .avatar{background:#163553}@media (width<=800px){.app{display:flex}.sidebar{z-index:25;background:#071527;border-right:1px solid #274765;flex-flow:column;align-items:stretch;width:225px;padding:25px 18px 0;display:flex;position:fixed;inset:0 auto 0 0}.sidebar>.brand{max-width:none}.sidebar .workspace{display:flex}.sidebar .nav-label{display:block}.sidebar nav{border-bottom:0;gap:6px;width:100%;margin-top:0;padding-bottom:0;display:grid}.sidebar nav button{min-height:44px;padding:11px 12px;font-size:12px}.sidebar-bottom{margin-top:auto;position:static}.sidebar .profile{border-top:1px solid #253c54;width:100%;margin-top:25px;padding:20px 0}.main>header{display:flex}.main{width:100%;margin:0}main{padding-top:25px}.menu-backdrop{z-index:24}}.presentation .login-form.presentation-visual{max-width:650px;padding:16px 0}.presentation .mascot-stage.mascot-presentation{width:100%;height:80dvh;min-height:0;margin:0}.presentation .mascot-presentation .login-mascot{object-fit:contain;filter:drop-shadow(0 0 26px #148cff35);border-radius:0;width:auto;max-width:100%;height:80dvh;max-height:none;animation:none}.presentation .mascot-presentation:before{width:82%;height:85%}.presentation .mascot-presentation:after{width:94%;height:97%}.mascot-feature{z-index:3;text-align:center;background:#0a1732f2;border:1px solid #334567;border-radius:14px;flex-direction:column;align-items:center;gap:8px;width:116px;min-height:132px;padding:14px 10px;display:flex;position:absolute;top:19%;left:0;box-shadow:0 8px 24px #0003}.mascot-feature-icon{color:#fff;background:var(--card-accent);border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.mascot-feature strong{font-size:12px;line-height:1.3}.mascot-feature small{color:#bdcde7;font-size:10px;line-height:1.4}@media (width<=800px){.mascot-feature{width:104px;padding:12px 8px;top:20%;left:1%}}.mascot-feature{animation:.35s ease-out mascot-card-in;top:7%}.mascot-pause{z-index:4;color:#b9d7ed;background:#0a1732cc;border:1px solid #334567;border-radius:8px;padding:5px 9px;font-size:10px;position:absolute;bottom:0;right:0}@keyframes mascot-card-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.mascot-feature{animation:none}}.mascot-feature{top:4%;left:13%}.access-screen{grid-template-columns:1fr 1fr;align-items:center}.access-screen .login-art{grid-area:1/2;align-items:center;padding:24px}.access-screen .login-art>.brand{display:none}.access-screen .login-form{grid-area:1/1;padding:36px}.access-screen .login-form>.brand{display:flex}.access-screen .login-mascot{filter:drop-shadow(0 0 26px #148cff35);border-radius:0;width:auto;max-width:100%;height:80dvh;max-height:none;animation:none}@media (width<=800px){.access-screen{grid-template-columns:1fr}.access-screen .login-form{grid-area:1/1;padding:30px 24px}.access-screen .login-art{grid-area:2/1;padding:0 24px 30px}}.page-navigation{flex-wrap:wrap;gap:9px;margin-bottom:18px;display:flex}.page-navigation button{color:#d0e8ff;background:#0b1c31;border:1px solid #29445f;border-radius:8px;align-items:center;gap:7px;min-height:44px;padding:9px 13px;font-size:12px;display:inline-flex}.page-navigation button:hover{background:#123454;border-color:#55afff}.page-navigation button:disabled{opacity:.45;cursor:default}.hero-banner{grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr);align-items:center;gap:24px;display:grid}.hero-banner>div:first-child{min-width:0;max-width:none}.hero-banner .hero-brand{place-self:center;width:100%;min-width:0;max-width:none}.hero-banner .hero-brand .brand{justify-content:center;width:100%}.hero-banner .hero-brand .brand-image{object-fit:contain;border-radius:18px;width:100%;max-width:360px;max-height:190px;padding:0}.hero-banner .hero-goal{justify-self:end;width:100%;max-width:215px}@media (width<=800px){.hero-banner{grid-template-columns:1fr;gap:22px}.hero-banner .hero-brand .brand-image{max-width:300px;max-height:150px}.hero-banner .hero-goal{justify-self:stretch;max-width:none}}.integration-settings{border:1px solid #29445f;border-radius:12px;gap:14px;margin:20px 0;padding:20px;display:grid}.integration-settings form{gap:13px;display:grid}.integration-settings p,.integration-settings small{color:#a8c9e6;line-height:1.6}.consultation-box,.setup-tutorial details{border:1px solid #29445f;border-radius:10px;margin:16px 0}.consultation-box>summary,.setup-tutorial summary{cursor:pointer;color:#d0e8ff;padding:13px 16px;font-size:13px;font-weight:700}.consultation-box>summary span{float:right;font-size:11px;font-weight:400}.consultation-box .quick-periods{padding-inline:16px}.consultation-box .filters{margin:0 12px 12px}.setup-tutorial{margin:22px 0}.setup-tutorial li{color:#bcd6ef;margin:10px 20px;line-height:1.6}.rose-keywords{flex-wrap:wrap;gap:8px;margin:16px 0;display:flex}.setup-tutorial form{gap:12px;margin:16px 0;display:grid}.receipt-help{border:1px solid #36546b;border-radius:8px;flex-wrap:wrap;gap:9px;margin:12px 0;padding:12px;display:flex}.receipt-help small{width:100%}.rose-launcher{z-index:60;color:#fff;background:#147de0;border:1px solid #55c9ff;border-radius:28px;align-items:center;gap:8px;padding:13px 18px;font-weight:700;display:inline-flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 24px #0005}.rose-results{gap:9px;max-height:320px;margin:16px 0;display:grid;overflow-y:auto}.rose-escalation,.privacy-notice,.backup-reminder{background:#10263d;border:1px solid #36546b;border-radius:10px;margin-bottom:18px;padding:16px;line-height:1.6}.message-preview{white-space:pre-wrap}@media (width<=480px){.rose-launcher{padding:11px 14px;bottom:14px;right:14px}}.camera{max-width:100%;overflow:hidden}.camera video{object-fit:contain;width:100%;max-height:60dvh;display:block}.camera .row{flex-wrap:wrap;gap:8px}@media (width<=480px){.camera .row button{flex:140px;min-height:44px}}[hidden]{display:none!important}.compact-section{margin-bottom:14px}.compact-section>summary{cursor:pointer;color:#dceaff;align-items:center;gap:10px;padding:14px 0;font-weight:700;list-style:none;display:flex}.compact-section>summary:after{content:"⌄";margin-left:auto;font-size:20px;transition:transform .15s}.compact-section[open]>summary:after{transform:rotate(180deg)}.sidebar details>summary{cursor:pointer;color:#a8c0d8;padding:12px 4px;font-size:12px}.sidebar details{margin:0 0 10px}.ranking-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0;display:grid}.ranking-grid .panel{min-width:0;padding:10px 20px 16px}.ranking-list{margin:14px 0 0;padding:0;list-style:none}.ranking-list li{border-top:1px solid #233b53;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.ranking-list strong{overflow-wrap:anywhere;font-size:13px}.ranking-list li>span:last-child{text-align:right;font-size:13px}.ranking-list small{font-size:11px;display:block}.rank-position{color:#5cdcff;font-weight:700}.demo-access{border-top:1px solid #29435d;margin-top:26px;padding-top:20px}.demo-profiles{gap:10px;margin-top:14px;display:grid}.demo-profiles article{background:#0e2035;border:1px solid #29435d;border-radius:10px;gap:5px;padding:12px;font-size:12px;display:grid}.demo-profiles article>span{overflow-wrap:anywhere}.rose-answer-actions{z-index:2;background:#0c1a2c;justify-content:flex-end;padding:8px 0;display:flex;position:sticky;top:0}.rose-query{color:#59d6ff;font-weight:700}.company-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:12px 0;display:grid}.company-details div{min-width:0}.company-details dt{color:#8fb3d3;font-size:12px}.company-details dd{overflow-wrap:anywhere;margin:4px 0}@media (width>=801px){.access-screen{align-items:start}.access-screen .login-art{justify-content:center;align-self:start;height:84dvh;padding:0 24px;position:sticky;top:8dvh}.presentation .presentation-visual{align-self:start;height:84dvh;position:sticky;top:8dvh}}@media (width<=800px){.ranking-grid,.company-details{grid-template-columns:1fr}.access-screen .login-art{position:relative;top:auto}.access-screen .login-mascot{width:auto;max-width:100%;height:45dvh}}
