:root{--wine: #5A0B1D;--wine-hover: #6C1128;--wine-dark: #430816;--wine-soft: rgba(90, 11, 29, .08);--sidebar-bg: #4C0818;--sidebar-active: #6B1327;--rose: #E1C2C7;--rose-soft: rgba(225, 194, 199, .35);--rose-mid: #C99CA3;--mauve: #7E7275;--blue: #2563EB;--blue-soft: rgba(37, 99, 235, .09);--gold: var(--blue);--gold-soft: var(--blue-soft);--amber: var(--blue);--amber-soft: var(--blue-soft);--pink: var(--wine);--pink-soft: var(--wine-soft);--teal: var(--blue);--teal-soft: var(--blue-soft);--purple: var(--rose-mid);--purple-soft: rgba(201, 156, 163, .18);--positive: #16A34A;--positive-soft: rgba(22, 163, 74, .09);--negative: #DC2626;--negative-soft: rgba(220, 38, 38, .09);--bg: #F8F5F3;--card: #FFFFFF;--border: #ECE4E0;--text: #2D2326;--muted: #7E7275;--muted-2: #B7ABA8;--shadow-card: 0 8px 25px rgba(0,0,0,.05);--radius-lg: 20px;--radius-md: 18px;--radius-sm: 14px;--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif}*{box-sizing:border-box}html,#root{background:var(--bg)}body{margin:0;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top,rgba(255,255,255,.4),transparent 45%),var(--bg)}.app-shell{display:flex;min-height:100vh;align-items:flex-start}.sidebar{width:280px;flex-shrink:0;min-height:100vh;position:relative;isolation:isolate;display:flex;flex-direction:column;padding:28px 18px;position:sticky;top:0;background:linear-gradient(180deg,#5c0b1c,#4e0818 45%,#360410);box-shadow:8px 0 30px #00000014}.sidebar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at top,rgba(255,255,255,.05),transparent 35%),radial-gradient(circle at bottom left,rgba(0,0,0,.22),transparent 60%)}.sidebar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.025;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.sidebar-watermark{position:absolute;right:-18%;bottom:-3%;height:68%;width:auto;opacity:.03;filter:brightness(0) invert(1);pointer-events:none;z-index:0}.sidebar-logo{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:6px 8px 36px;z-index:1}.sidebar-logo-mark{position:relative;width:114px;height:114px;object-fit:contain;filter:brightness(0) invert(1) drop-shadow(0 4px 10px rgba(0,0,0,.18));transition:transform .3s ease}.sidebar-logo:hover .sidebar-logo-mark{transform:translateY(-2px)}.sidebar-logo .wordmark{position:relative;font-family:var(--font-display);font-weight:600;color:#fff;font-size:12.5px;letter-spacing:.04em;text-align:center;line-height:1.3}.sidebar-logo .wordmark small{display:block;font-family:var(--font-body);font-weight:600;font-size:8.5px;letter-spacing:.3em;color:#ffffff80;margin-top:4px}.sidebar-nav{position:relative;z-index:1;display:flex;flex-direction:column;gap:2px;flex:1}.sidebar-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:16px;color:#ffffffad;font-size:13.5px;font-weight:600;cursor:pointer;border:none;background:transparent;text-align:left;width:100%;white-space:nowrap;position:relative;transition:all .2s ease}.sidebar-item:hover{background:#ffffff0d;color:#fff}.sidebar-item.active{background:var(--sidebar-active);color:#fff}.sidebar-item.active:before{content:"";position:absolute;left:-18px;top:50%;transform:translateY(-50%);width:4px;height:60%;border-radius:999px;background:#d8b06a}.sidebar-item .soon-tag{margin-left:auto;font-size:8.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:#ffffff1f;color:#ffffffb3;padding:2px 6px;border-radius:100px}.sidebar-account-wrap{position:relative;z-index:1;margin-top:20px}.sidebar-account{position:relative;z-index:1;display:flex;align-items:center;gap:10px;text-align:left;background:linear-gradient(180deg,#ffffff0d,#ffffff05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:20px;box-shadow:0 12px 30px #00000038;padding:12px 14px;cursor:pointer;width:100%;overflow:hidden;transition:all .2s ease}.sidebar-account:hover,.sidebar-account.active{background:linear-gradient(180deg,#ffffff14,#ffffff08);transform:translateY(-1px)}.sidebar-account-avatar{width:32px;height:32px;border-radius:50%;background:#fff;color:var(--wine-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.sidebar-account-avatar-img{width:100%;height:100%;object-fit:cover}.sidebar-account .label{font-size:10.5px;color:#ffffff8c;font-weight:600}.sidebar-account .handle{font-family:var(--font-display);color:#fff;font-size:13.5px;font-weight:700;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.sidebar-account-email{font-size:10.5px;color:#ffffff73;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.sidebar-account-dropdown{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:40;background:#fff;border-radius:14px;box-shadow:0 12px 32px #00000047;padding:6px;max-height:260px;overflow-y:auto}.sidebar-account-option{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;text-align:left;padding:9px 10px;border-radius:9px;font-size:12.5px;font-weight:600;color:var(--text);background:none;border:none;cursor:pointer}.sidebar-account-option:hover{background:var(--wine-soft)}.sidebar-account-option.active{color:var(--wine);background:var(--wine-soft)}.sidebar-account-dropdown-sep{height:1px;background:var(--border);margin:4px 2px}.main{flex:1;min-width:0}.app-header{min-height:90px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:18px 32px;background:#f8f5f3eb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--border)}.app-header h1{margin:0;font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--wine-dark);letter-spacing:-.01em}.app-header .greeting-sub{font-size:13.5px;color:var(--muted);margin-top:2px}.header-avatar{width:38px;height:38px;border-radius:50%;background:var(--wine);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0}.content{padding:24px 32px 80px;max-width:1500px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px;box-shadow:var(--shadow-card);transition:transform .15s,box-shadow .15s}.card.hoverable:hover{transform:translateY(-2px);box-shadow:0 12px 30px #00000012}.section{margin-bottom:24px}.section-title{display:flex;align-items:center;gap:10px;margin:0 0 14px;padding-left:12px;font-size:15px;font-weight:700;color:var(--text);font-family:var(--font-display);position:relative}.section-title:before{content:"";position:absolute;left:0;top:1px;bottom:1px;width:4px;border-radius:3px;background:linear-gradient(180deg,var(--wine),var(--wine-hover))}.section-sub{color:var(--muted);font-size:12.5px;margin:-8px 0 16px;line-height:1.5}label.field-label{font-size:11px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted);display:block;margin-bottom:4px;font-weight:500}input,select{background:#fff;border:1px solid var(--border);color:var(--text);border-radius:var(--radius-sm);padding:9px 12px;font-size:13px;font-family:var(--font-body)}input:focus,select:focus{outline:none;border-color:var(--wine);box-shadow:0 0 0 3px #5a0b1d1a}button{font-family:inherit}.btn{border-radius:var(--radius-sm);padding:9px 16px;height:40px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--text);display:inline-flex;align-items:center;gap:6px;white-space:nowrap;transition:background .15s,border-color .15s}.btn:hover{border-color:var(--rose-mid)}.btn-primary{background:var(--wine);border-color:var(--wine);color:#fff}.btn-primary:hover{background:var(--wine-hover);border-color:var(--wine-hover)}.btn-ghost{background:transparent;border:none;color:var(--muted);padding:4px 6px;cursor:pointer}.btn-ghost:hover{color:var(--text)}.pill-group{display:inline-flex;background:var(--rose-soft);border-radius:11px;padding:3px;gap:2px}.pill{border:none;background:transparent;padding:7px 13px;border-radius:var(--radius-sm);font-size:12.5px;font-weight:600;color:var(--mauve);cursor:pointer}.pill.active{background:#fff;color:var(--wine-dark);box-shadow:0 1px 2px #3a14201a}.badge{display:inline-block;padding:2px 9px;border-radius:100px;font-size:11px;font-weight:700}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.03em;padding:10px;border-bottom:1px solid var(--border);background:#fbf9f8}td{padding:12px 10px;border-bottom:1px solid #F2ECE9}tr.discrepancy td{background:var(--amber-soft)}tr:hover td{background:#fbf9f8}tr.discrepancy:hover td{background:#2563eb24}.metric-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:12px}.metric-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-md);padding:14px 16px}.metric-value{font-size:21px;font-weight:700;letter-spacing:-.01em}.metric-delta{font-size:11.5px;font-weight:600;display:flex;align-items:center;gap:3px;margin-top:4px}.kpi-row{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:16px;margin-bottom:24px}.kpi-card{border-radius:var(--radius-lg);padding:20px 22px;min-height:170px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:var(--shadow-card)}.kpi-card.featured{background:var(--wine);color:#fff}.kpi-card.plain{background:var(--card);border:1px solid var(--border);color:var(--text)}.kpi-label{font-size:12.5px;font-weight:500;display:flex;align-items:center;gap:5px}.kpi-card.featured .kpi-label{color:#ffffffbf}.kpi-card.plain .kpi-label{color:var(--muted)}.kpi-value{font-size:30px;font-weight:700;letter-spacing:-.02em;margin-top:6px}.kpi-card.plain .kpi-value{font-size:24px}.kpi-delta{font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px;margin-top:6px}.kpi-card.featured .kpi-delta.up{color:#8fe3b2}.kpi-card.featured .kpi-delta.down{color:#f3a6a0}.kpi-progress-track{height:6px;border-radius:100px;background:#fff3;overflow:hidden;margin-top:10px}.kpi-progress-fill{height:100%;background:#fff;border-radius:100px}.kpi-sparkline{margin-top:6px}.insight-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0}.insight-icon{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.insight-title{font-size:13.5px;font-weight:700;color:var(--text);margin-bottom:2px}.insight-desc{font-size:12.5px;color:var(--muted);line-height:1.5}.auth-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar-bg);padding:24px}.auth-card{width:100%;max-width:420px;background:var(--card);border-radius:var(--radius-lg);padding:40px 36px;box-shadow:0 24px 60px #00000040;text-align:center}.auth-logo{width:64px;height:64px;object-fit:contain;margin-bottom:16px}.auth-title{font-family:var(--font-display);font-weight:700;font-size:24px;margin:0 0 6px;color:var(--wine-dark)}.auth-sub{color:var(--muted);font-size:13.5px;line-height:1.5;margin:0 0 24px}.auth-form{display:flex;flex-direction:column;gap:14px;text-align:left}.auth-error{background:var(--negative-soft);color:var(--negative);font-size:12.5px;font-weight:600;padding:10px 12px;border-radius:var(--radius-sm)}.auth-switch{margin:20px 0 0;font-size:13px;color:var(--muted)}.auth-switch button{background:none;border:none;color:var(--wine);font-weight:700;cursor:pointer;padding:0;font-size:13px}.auth-switch button:hover{text-decoration:underline}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--sidebar-bg);color:#ffffffb3;font-family:var(--font-body);font-size:14px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spin .8s linear infinite}@keyframes loginCardIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.login-shell{min-height:100vh;position:relative;overflow:hidden;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px;background:radial-gradient(circle at top,rgba(255,255,255,.04),transparent 40%),radial-gradient(circle at bottom left,rgba(0,0,0,.25),transparent 55%),linear-gradient(135deg,#5a0b1d,#4c0818 45%,#33040f)}.login-arc{position:absolute;top:-420px;right:-420px;width:900px;height:900px;border-radius:50%;border:1px solid rgba(255,255,255,.1);pointer-events:none;z-index:0}.login-watermark{position:absolute;right:-6%;bottom:-4%;height:70%;width:auto;opacity:.04;filter:brightness(0) invert(1);pointer-events:none;z-index:0}.login-brand{position:absolute;left:64px;top:50%;transform:translateY(-50%);max-width:280px;z-index:1}.login-brand img{width:72px;height:72px;object-fit:contain;margin-bottom:24px}.login-brand .name{font-family:var(--font-display);font-weight:700;color:#fff;font-size:22px;line-height:1.3;letter-spacing:.01em}.login-brand .sub{font-family:var(--font-body);font-weight:600;color:#ffffff8c;font-size:12px;letter-spacing:.14em;text-transform:uppercase;margin-top:4px}.login-brand .divider{display:flex;align-items:center;gap:12px;margin:32px 0;color:#fff6;font-size:13px}.login-brand .divider:before,.login-brand .divider:after{content:"";flex:1;height:1px;background:#ffffff26}.login-brand .tagline{font-family:var(--font-display);font-style:italic;font-weight:600;color:#ffffffbf;font-size:17px;line-height:1.5}.login-security-card{position:absolute;left:64px;bottom:48px;z-index:1;max-width:260px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:18px;box-shadow:0 10px 30px #0003;padding:16px;display:flex;gap:12px;align-items:flex-start}.login-security-card .icon{width:34px;height:34px;border-radius:10px;background:#ffffff14;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#d6b16d}.login-security-card .title{font-family:var(--font-body);font-weight:700;color:#fff;font-size:13px;margin-bottom:2px}.login-security-card .desc{font-family:var(--font-body);font-weight:400;color:#ffffff8c;font-size:12px;line-height:1.4}.login-card{width:580px;max-width:100%;background:#fdfbf9;border-radius:28px;z-index:2;box-shadow:0 30px 80px #00000040;border:1px solid rgba(255,255,255,.4);padding:48px 56px;text-align:center;position:relative;overflow:hidden;animation:loginCardIn .32s ease-out}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:120px;background:linear-gradient(180deg,rgba(255,255,255,.45),transparent);pointer-events:none}.login-logo-circle{width:90px;height:90px;border-radius:50%;background:#fff;border:2px solid var(--wine-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 8px 20px #5a0b1d1f;position:relative;z-index:1}.login-logo-circle img{width:56px;height:56px;object-fit:contain}.login-title{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,5vw,44px);color:#3a0915;margin:0 0 12px;letter-spacing:-.01em;position:relative;z-index:1}.login-subtitle{font-family:var(--font-body);font-weight:400;font-size:16px;color:#6f6467;line-height:1.5;margin:0 0 40px;position:relative;z-index:1}.login-form{text-align:left;display:flex;flex-direction:column;gap:24px;position:relative;z-index:1}.login-field-label{display:block;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:#7a6c70;margin-bottom:8px}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input-wrap svg.login-input-icon{position:absolute;left:20px;color:#b7aba8;pointer-events:none}.login-input-wrap input{width:100%;height:60px;border-radius:16px;background:#fff;border:1px solid #E7DFDB;padding:0 20px 0 50px;font-size:15px;font-family:var(--font-body);color:var(--text);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}.login-input-wrap input:hover{border-color:#c8b6ae}.login-input-wrap input:focus{outline:none;border-color:#5a0b1d;box-shadow:0 0 0 4px #5a0b1d14}.login-eye-btn{position:absolute;right:18px;background:none;border:none;color:#b7aba8;cursor:pointer;padding:4px;display:flex}.login-eye-btn:hover{color:var(--wine)}.login-row{display:flex;justify-content:space-between;align-items:center;font-size:13px;flex-wrap:wrap;gap:8px}.login-remember{display:flex;align-items:center;gap:8px;color:#6f6467;cursor:pointer}.login-remember input{width:16px;height:16px;accent-color:#5A0B1D;cursor:pointer}.login-forgot-link{color:#5a0b1d;font-weight:600;text-decoration:none;background:none;border:none;cursor:pointer;font-size:13px;font-family:var(--font-body);padding:0}.login-forgot-link:hover{text-decoration:underline}.login-submit-btn{height:64px;border-radius:18px;border:none;cursor:pointer;position:relative;overflow:hidden;background:linear-gradient(180deg,#6b1025,#4f0918);color:#fff;font-weight:700;font-size:18px;box-shadow:0 18px 35px #5a0b1d4d;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .2s ease-in-out;font-family:var(--font-body)}.login-submit-btn:before{content:"";position:absolute;top:0;left:0;right:0;height:50%;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent);pointer-events:none}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px)}.login-submit-btn:disabled{opacity:.7;cursor:default}.login-signup-btn{height:56px;border-radius:18px;border:1.5px solid var(--wine);background:#fff;color:var(--wine);font-weight:700;font-size:15px;cursor:pointer;transition:background .2s,color .2s;font-family:var(--font-body)}.login-signup-btn:hover{background:var(--wine);color:#fff}.login-footer{position:relative;z-index:2;text-align:center;margin-top:32px;color:#ffffffa6;font-size:12.5px;line-height:1.6;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:420px}.login-footer .lock-row{display:flex;align-items:center;gap:6px}@media(max-width:1150px){.login-brand,.login-security-card{display:none}}@media(max-width:640px){.login-card{padding:36px 24px}}.goal-icon{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bar-row{margin-bottom:14px}.bar-row:last-child{margin-bottom:0}.bar-row-head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px}.bar-row-head .name{display:flex;align-items:center;gap:8px;font-weight:600}.bar-row-head .value{color:var(--muted);font-size:12.5px}.bar-track{height:10px;border-radius:100px;background:var(--wine-soft);overflow:hidden}.bar-fill{height:100%;border-radius:100px}.rank-row{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #F2ECE9}.rank-row:last-child{border-bottom:none}.rank-badge{width:20px;height:20px;border-radius:6px;background:var(--wine-soft);color:var(--wine);font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.rank-badge.gold{background:var(--wine);color:#fff}.combobox-wrap{position:relative}.combobox-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--border);border-radius:var(--radius-sm);max-height:260px;overflow-y:auto;z-index:30;box-shadow:0 8px 24px #3a142024}.combobox-option{padding:9px 12px;font-size:13px;cursor:pointer;display:flex;justify-content:space-between;gap:8px;align-items:center}.combobox-option:hover,.combobox-option.highlighted{background:var(--wine-soft)}.scroll-x{overflow-x:auto}.section>*{min-width:0}.anchor-target{scroll-margin-top:110px}.section-nav{display:flex;gap:4px;overflow-x:auto;padding:10px 0 2px}.section-nav-btn{flex-shrink:0;background:#fff;border:1px solid var(--border);color:var(--mauve);padding:6px 12px;border-radius:100px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.section-nav-btn:hover{color:var(--wine-dark);border-color:var(--rose-mid)}.scope-toggle{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;color:var(--muted);cursor:pointer;background:#fff;border:1px solid var(--border);border-radius:100px;padding:6px 12px 6px 8px}.scope-toggle input{width:15px;height:15px;margin:0;cursor:pointer}.scope-toggle.active{color:var(--wine-dark);border-color:var(--blue);background:var(--blue-soft)}.product-image{width:64px;height:64px;border-radius:10px;object-fit:cover;border:1px solid var(--border);background:#f7f1f0;flex-shrink:0}.product-image-placeholder{width:64px;height:64px;border-radius:10px;border:1px dashed var(--border);background:#fbf8f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted-2)}.product-image-sm{width:34px;height:34px;border-radius:8px;object-fit:cover;border:1px solid var(--border);background:#f7f1f0;flex-shrink:0}.product-image-sm-placeholder{width:34px;height:34px;border-radius:8px;background:#fbf8f6;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--muted-2)}.platform-tabs{display:flex;gap:8px;flex-wrap:wrap}.platform-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;cursor:pointer;border:1px solid var(--border);background:#fff;color:var(--mauve);position:relative;white-space:nowrap}.platform-tab.active{background:var(--wine);border-color:var(--wine);color:#fff}.platform-tab.soon{color:var(--muted-2);cursor:default}.platform-tab .soon-tag{font-size:9.5px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;background:var(--rose-soft);color:var(--mauve);padding:1px 6px;border-radius:100px}.platform-tab.active .soon-tag{background:#ffffff40;color:#fff}@media(max-width:1100px){.sidebar{width:84px;padding:20px 10px}.sidebar-item span.label-text,.sidebar-logo .wordmark{display:none}.sidebar-logo img{width:44px;height:44px}.sidebar-logo:before{width:80px;height:80px;top:-8px}.sidebar-account,.sidebar-watermark{display:none}.kpi-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.app-shell{flex-direction:column}.sidebar{display:none}.kpi-row{grid-template-columns:1fr}.content{padding:20px 16px 60px}.app-header{padding:16px}}