:root{--white: #FFFFFF;--black: #000000;--ink-25: #FAFAFA;--ink-50: #F5F5F5;--ink-100: #E5E5E5;--ink-200: #D4D4D4;--ink-300: #B0B0B0;--ink-500: #525252;--ink-700: #2A2A2A;--ink-900: #000000;--positive: #047857;--negative: #B91C1C}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--ink-25);color:var(--ink-900);font-family:Arial,sans-serif;min-height:100dvh;-webkit-font-smoothing:antialiased;overflow-x:hidden}body{min-height:100dvh;width:100%}#root{display:grid;grid-template-columns:248px 1fr;min-height:100dvh;width:100%}.sidebar{background:var(--white);border-right:1px solid var(--ink-100);padding:28px 18px 24px;position:sticky;top:0;height:100dvh;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:10px;margin-bottom:32px;padding:0 8px}.logo-mark{width:32px;height:32px;background:var(--black);border-radius:9px;display:flex;align-items:center;justify-content:center}.logo-text{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--black)}.logo-sub{font-size:10px;color:var(--ink-500);letter-spacing:.04em;margin-top:1px}.sidebar-cta{background:var(--black);color:var(--white);padding:12px 16px;border-radius:12px;font-family:Arial,sans-serif;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:space-between;gap:10px;cursor:pointer;border:none;width:100%;transition:all .4s cubic-bezier(.32,.72,0,1);margin-bottom:28px}.sidebar-cta:hover{background:var(--ink-700)}.sidebar-cta-icon{width:20px;height:20px;background:#ffffff26;border-radius:50%;display:flex;align-items:center;justify-content:center}.nav-label{font-size:10px;color:var(--ink-300);letter-spacing:.06em;margin:16px 8px 8px}.nav-item{display:flex;align-items:center;gap:11px;padding:8px 10px;border-radius:9px;color:var(--ink-500);font-size:13px;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.32,.72,0,1);margin-bottom:2px}.nav-item:hover{background:var(--ink-50);color:var(--black)}.nav-item.active{background:var(--black);color:var(--white);font-weight:700}.nav-icon{width:18px;height:18px;color:currentColor;flex-shrink:0}.nav-badge{margin-left:auto;background:var(--negative);color:var(--white);font-size:10px;padding:2px 7px;border-radius:999px;font-weight:700}.sidebar-bottom{margin-top:auto;background:var(--ink-50);padding:14px;border-radius:14px;border:1px solid var(--ink-100)}.sidebar-bottom-title{font-weight:700;font-size:12px;color:var(--black);margin-bottom:4px}.sidebar-bottom-sub{font-size:11px;color:var(--ink-500);line-height:1.4}.pulse-dot{display:inline-block;width:6px;height:6px;background:var(--positive);border-radius:50%;margin-right:6px;box-shadow:0 0 #04785780;animation:pulse 2s infinite}@keyframes pulse{0%{box-shadow:0 0 #04785766}70%{box-shadow:0 0 0 8px #04785700}to{box-shadow:0 0 #04785700}}.main{padding:28px 36px 80px;overflow-y:auto}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.topbar-title{font-weight:700;font-size:24px;letter-spacing:-.02em}.topbar-date{font-size:13px;color:var(--ink-500);margin-top:3px}.topbar-actions{display:flex;align-items:center;gap:10px}.pill-refresh{background:var(--white);border:1px solid var(--ink-100);color:var(--ink-700);font-size:12px;padding:7px 12px;border-radius:999px;display:flex;align-items:center;gap:6px;cursor:pointer;font-family:Arial,sans-serif}.pill-refresh:hover{border-color:var(--black)}.avatar{width:36px;height:36px;background:var(--black);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:700;font-size:13px}.fokus{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:28px}.fokus-box{background:var(--white);border-radius:18px;padding:22px;border:1px solid var(--ink-100);transition:all .4s cubic-bezier(.32,.72,0,1)}.fokus-box:hover{border-color:var(--black);transform:translateY(-2px)}.fokus-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.fokus-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:var(--ink-50);color:var(--black)}.fokus-pill{font-size:10px;padding:4px 9px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:4px;background:var(--ink-50);color:var(--ink-700)}.fokus-pill:before{content:"";width:5px;height:5px;background:currentColor;border-radius:50%}.pill-positive{background:#0478571a;color:var(--positive)}.pill-negative{background:#b91c1c1a;color:var(--negative)}.pill-neutral{background:var(--ink-50);color:var(--ink-700)}.fokus-label{font-size:12px;color:var(--ink-500);margin-bottom:6px}.fokus-value{font-weight:700;font-size:38px;line-height:1;letter-spacing:-.03em;color:var(--black);margin-bottom:8px}.fokus-sub{font-size:12px;color:var(--ink-500);line-height:1.45}.fokus-sub strong{color:var(--black);font-weight:700}.num-positive{color:var(--positive)!important}.num-negative{color:var(--negative)!important}.fokus-mini{display:flex;gap:8px;margin-top:10px;flex-wrap:wrap}.fokus-mini-pill{background:var(--ink-25);border:1px solid var(--ink-100);padding:3px 8px;border-radius:6px;font-size:10px;color:var(--ink-700)}.fokus-mini-pill strong{color:var(--black);font-weight:700}.fokus-mini-pill.is-positive strong{color:var(--positive)}.fokus-mini-pill.is-negative strong{color:var(--negative)}.section-header{display:flex;align-items:center;justify-content:space-between;margin:36px 4px 16px}.section-title{font-weight:700;font-size:16px;letter-spacing:-.01em;color:var(--black);display:flex;align-items:center;gap:10px}.section-bullet{width:6px;height:6px;background:var(--black);border-radius:50%}.section-action{font-size:12px;color:var(--ink-500);cursor:pointer}.card{background:var(--white);border:1px solid var(--ink-100);border-radius:16px;padding:20px;transition:all .4s cubic-bezier(.32,.72,0,1)}.card-title{font-weight:700;font-size:14px;color:var(--black);margin-bottom:4px}.card-sub{font-size:12px;color:var(--ink-500);margin-bottom:16px}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:18px}.card-meta-pill{background:var(--ink-50);color:var(--ink-700);font-size:10px;padding:3px 8px;border-radius:999px;font-weight:700;display:inline-flex;align-items:center;gap:4px}.card-meta-pill:before{content:"";width:4px;height:4px;background:currentColor;border-radius:50%}.row-big-side{display:grid;grid-template-columns:1.6fr 1fr;gap:14px}.bars{display:flex;align-items:flex-end;gap:14px;height:160px;padding:16px 0 0}.bar-group{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.bar-pair{display:flex;align-items:flex-end;gap:4px;height:130px}.bar{width:14px;border-radius:4px 4px 0 0;background:var(--black)}.bar-secondary{background:var(--ink-300)}.bar-label{font-size:10px;color:var(--ink-300)}.chart-legend{display:flex;gap:16px;margin-top:4px;font-size:11px;color:var(--ink-500)}.legend-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.legend-black{background:var(--black)}.legend-grey{background:var(--ink-300)}.donut-wrap{display:flex;flex-direction:column;align-items:center;padding-top:12px}.donut-center{text-align:center;margin-top:-100px;margin-bottom:80px;pointer-events:none}.donut-center-value{font-weight:700;font-size:22px;color:var(--black);line-height:1}.donut-center-label{font-size:10px;color:var(--ink-500);margin-top:3px}.line-chart{width:100%;height:120px;margin-top:8px}.highlight-card{background:var(--black);border-radius:16px;padding:20px;color:var(--white);border:1px solid var(--black);position:relative;overflow:hidden}.highlight-label{font-size:11px;color:#ffffff80;margin-bottom:6px}.highlight-value{font-weight:700;font-size:36px;line-height:1;margin-bottom:6px;color:var(--white)}.highlight-sub{font-size:12px;color:#fff9}.highlight-spark{margin-top:24px}.row-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}.list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--ink-50);font-size:13px}.list-item:last-child{border-bottom:none}.list-item-name{color:var(--black);font-weight:700}.list-item-meta{color:var(--ink-500);font-size:11px;font-weight:400}.list-item-value{font-weight:700;color:var(--black)}.ops-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.ops-card{background:var(--white);border:1px solid var(--ink-100);border-radius:12px;padding:14px}.ops-card-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.ops-card-name{font-size:12px;font-weight:700;color:var(--black)}.ops-status-dot{width:8px;height:8px;border-radius:50%}.dot-positive{background:var(--positive);box-shadow:0 0 0 3px #0478571f}.dot-negative{background:var(--negative);box-shadow:0 0 0 3px #b91c1c1f}.dot-neutral{background:var(--ink-300);box-shadow:0 0 0 3px #b0b0b02e}.ops-card-time{font-size:10px;color:var(--ink-300);margin-top:4px}.ops-card-next{font-size:11px;color:var(--ink-500);margin-top:6px}.leads-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.lead-tile{background:var(--white);border-radius:10px;padding:12px;text-align:center;border:1px solid var(--ink-100)}.lead-tile-avatar{width:32px;height:32px;border-radius:50%;background:var(--ink-50);color:var(--ink-500);display:flex;align-items:center;justify-content:center;margin:0 auto 8px;font-weight:700;font-size:12px}.lead-tile.ok .lead-tile-avatar{background:var(--black);color:var(--white)}.lead-tile.missing .lead-tile-avatar{background:var(--ink-50);color:var(--ink-300);border:1px dashed var(--ink-200)}.lead-tile.warn .lead-tile-avatar{background:var(--negative);color:var(--white)}.lead-tile-name{font-size:10px;color:var(--black);font-weight:700;margin-bottom:2px}.lead-tile-score{font-size:10px;color:var(--ink-500)}.lead-tile-score .num-positive{font-weight:700}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.project-card{background:var(--white);border:1px solid var(--ink-100);border-radius:14px;padding:16px}.project-card.frozen{opacity:.5;background:var(--ink-25)}.project-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.project-name{font-weight:700;font-size:13px}.project-detail{font-size:11px;color:var(--ink-500);line-height:1.5}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.reveal{animation:fadeUp .6s cubic-bezier(.32,.72,0,1) both}.d1{animation-delay:50ms}.d2{animation-delay:.1s}.d3{animation-delay:.15s}.d4{animation-delay:.2s}.d5{animation-delay:.25s}@media(max-width:1024px){body{grid-template-columns:1fr}.sidebar{display:none}.fokus{grid-template-columns:repeat(2,1fr)}.row-big-side,.row-3{grid-template-columns:1fr}.ops-grid{grid-template-columns:repeat(2,1fr)}.leads-grid{grid-template-columns:repeat(3,1fr)}.projects-grid{grid-template-columns:1fr}}.sidebar-nav{display:flex;flex-direction:column;gap:2px;margin-top:8px}.sidebar-nav-item{background:transparent;border:none;text-align:left;padding:9px 10px;border-radius:9px;font-family:Arial,sans-serif;font-size:13px;color:var(--ink-500);cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1);width:100%}.sidebar-nav-item:hover{background:var(--ink-50);color:var(--black)}.sidebar-nav-logout{margin-top:auto;color:var(--ink-500)}.brand-header{padding:28px 0 24px;border-bottom:1px solid var(--ink-100);margin-bottom:0}.brand-title{font-family:Arial,sans-serif;font-weight:700;font-size:28px;color:var(--black);letter-spacing:-.02em;margin-bottom:6px}.brand-status{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-500)}.brand-status-dot{width:8px;height:8px;border-radius:50%;background:var(--positive);box-shadow:0 0 #04785780;animation:pulse 2s infinite;flex-shrink:0}.tab-nav{display:flex;gap:4px;border-bottom:1px solid var(--ink-100);margin-bottom:28px}.tab-item{background:transparent;border:none;border-bottom:2px solid transparent;padding:14px 18px;font-family:Arial,sans-serif;font-size:14px;color:var(--ink-500);cursor:pointer;transition:all .2s cubic-bezier(.32,.72,0,1);margin-bottom:-1px;white-space:nowrap}.tab-item:hover{color:var(--black)}.tab-item.active{color:var(--black);font-weight:700;border-bottom-color:var(--black)}.tab-content{padding-top:8px}.card{padding:28px}.card-header-apple{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:24px;gap:16px}.date-range-btn{display:inline-flex;align-items:center;gap:6px;background:var(--white);border:1px solid var(--ink-100);border-radius:8px;padding:6px 10px;font-family:Arial,sans-serif;font-size:12px;color:var(--ink-700);cursor:pointer;white-space:nowrap}.date-range-btn:hover{border-color:var(--ink-300)}.coming-soon{display:flex;align-items:center;justify-content:center;flex-direction:column;padding:80px 40px;background:var(--white);border:1px solid var(--ink-100);border-radius:16px;text-align:center}.coming-soon-title{font-family:Arial,sans-serif;font-weight:700;font-size:20px;color:var(--black);margin-bottom:12px}.coming-soon-sub{font-family:Arial,sans-serif;font-size:13px;color:var(--ink-500);max-width:320px;line-height:1.5}.bar{width:12px;border-radius:4px 4px 0 0;background:var(--black)}.bar-secondary{width:8px;background:var(--ink-300)}