@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap";vaadin-app-layout::part(drawer){background:var(--pp-gradient-dark);border-right:1px solid var(--pp-sidebar-border);width:260px}vaadin-app-layout [slot=drawer]{--lumo-body-text-color: #F1F5F9;--lumo-secondary-text-color: rgba(148, 163, 184, .65);--lumo-primary-color: var(--pp-primary-400);--lumo-primary-text-color: var(--pp-primary-400);--lumo-contrast-5pct: rgba(255, 255, 255, .04);--lumo-contrast-10pct: rgba(255, 255, 255, .08)}vaadin-app-layout [slot=drawer] header{padding:var(--lumo-space-l) var(--lumo-space-m);border-bottom:1px solid var(--pp-sidebar-border);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}vaadin-app-layout [slot=drawer] header:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,rgba(99,102,241,.2) 0%,transparent 70%);top:-30px;left:50%;transform:translate(-50%);pointer-events:none}vaadin-app-layout [slot=drawer] header h1{color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-.04em;margin:0;background:linear-gradient(135deg,#fff,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}vaadin-side-nav{padding:var(--lumo-space-s) var(--lumo-space-xs);--side-nav-item-color: var(--pp-sidebar-text)}vaadin-side-nav-item::part(item){color:var(--pp-sidebar-text);border-radius:var(--lumo-border-radius-m);padding:10px 14px;margin:2px 6px;font-size:var(--lumo-font-size-s);font-weight:500;transition:background-color .15s ease,color .15s ease,transform .1s ease;gap:10px}vaadin-side-nav-item::part(item):hover{background-color:var(--pp-sidebar-hover-bg);color:#e2e8f0;transform:translate(2px)}vaadin-side-nav-item[active]::part(item){background:linear-gradient(90deg,#6366f133,#6366f10d);color:#c7d2fe;font-weight:600;border-left:3px solid var(--pp-primary-color);padding-left:11px}vaadin-side-nav-item vaadin-icon{width:18px;height:18px;color:inherit;flex-shrink:0}vaadin-app-layout [slot=drawer] [class*=footer],vaadin-app-layout [slot=drawer] span[class*=text-color-secondary]{color:#94a3b859!important}vaadin-app-layout::part(navbar){background-color:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--pp-border-color);box-shadow:0 1px 3px #0f172a0a;min-height:62px}.main-layout-header{background-color:transparent;padding:0 var(--lumo-space-l);height:62px}.main-layout-header h1{font-size:var(--lumo-font-size-l);font-weight:700;color:var(--lumo-body-text-color);letter-spacing:-.02em}.view-content{padding:var(--lumo-space-xl);width:100%;box-sizing:border-box}.dashboard-view,.distributor-view,.invoice-view,.credit-note-view{padding:var(--lumo-space-l) var(--lumo-space-xl);width:100%;box-sizing:border-box}@media (max-width: 700px){.dashboard-view,.distributor-view,.invoice-view,.credit-note-view,.view-content{padding:var(--lumo-space-m)}}.login-view{background:linear-gradient(135deg,#0f0c29,#302b63,#24243e);display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--lumo-space-l);position:relative;overflow:hidden}.login-view:before{content:"";position:fixed;width:600px;height:600px;background:radial-gradient(circle,rgba(99,102,241,.25) 0%,transparent 60%);top:-150px;right:-100px;border-radius:50%;pointer-events:none;animation:blob-float 8s ease-in-out infinite}.login-view:after{content:"";position:fixed;width:400px;height:400px;background:radial-gradient(circle,rgba(139,92,246,.2) 0%,transparent 60%);bottom:-80px;left:-60px;border-radius:50%;pointer-events:none;animation:blob-float 10s ease-in-out infinite reverse}@keyframes blob-float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-30px) scale(1.05)}66%{transform:translate(-15px,20px) scale(.97)}}.login-card{background:#ffffff0f;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:24px;border:1px solid rgba(255,255,255,.12);box-shadow:0 32px 64px -16px #00000080,0 0 0 1px #ffffff0d inset;width:100%;max-width:440px;padding:var(--lumo-space-xl);display:flex;flex-direction:column;gap:var(--lumo-space-m);position:relative;z-index:1}.login-header{text-align:center;padding-bottom:var(--lumo-space-m);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--lumo-space-s)}.login-header h1{font-size:2.2rem;font-weight:900;letter-spacing:-.05em;margin:0 0 6px;background:linear-gradient(135deg,#fff,#c7d2fe 60%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.login-header p{color:#ffffff80;font-size:var(--lumo-font-size-s);margin:0}.login-form{--lumo-body-text-color: #F1F5F9;--lumo-secondary-text-color: rgba(241, 245, 249, .6);--lumo-primary-color: #818CF8;--lumo-primary-text-color: #818CF8;--lumo-base-color: transparent;--lumo-tint-5pct: transparent;--lumo-contrast-10pct: rgba(255, 255, 255, .07);--lumo-contrast-20pct: rgba(255, 255, 255, .12);--lumo-contrast-60pct: rgba(255, 255, 255, .45);--lumo-contrast-90pct: #F1F5F9;width:100%}.login-form::part(form){background:transparent;box-shadow:none;border:none;padding:0;margin:0 auto;width:100%}.login-form::part(form-title){color:#fff;font-weight:700;font-size:var(--lumo-font-size-xl);letter-spacing:-.02em;text-align:center}.login-card a[href*=google]{display:block;text-align:center;font-weight:600;color:#fff!important;background:linear-gradient(135deg,#4f46e5,#7c3aed)!important;border-radius:var(--lumo-border-radius-l);padding:12px var(--lumo-space-m);text-decoration:none!important;box-shadow:0 4px 14px #6366f166;transition:transform .15s ease,box-shadow .2s ease;font-size:var(--lumo-font-size-s)}.login-card a[href*=google]:hover{transform:translateY(-1px);box-shadow:0 8px 20px #6366f180}.login-footer{margin-top:var(--lumo-space-s);padding-top:var(--lumo-space-m);text-align:center;font-size:var(--lumo-font-size-s);color:#ffffff73;border-top:1px solid rgba(255,255,255,.07)}.login-footer a{color:#a5b4fc;text-decoration:none;font-weight:600;transition:color .15s ease}.login-footer a:hover{color:#c7d2fe;text-decoration:underline}.registration-view .login-card{--lumo-body-text-color: #F1F5F9;--lumo-secondary-text-color: rgba(241, 245, 249, .6);--lumo-primary-color: #818CF8;--lumo-primary-text-color: #818CF8;--lumo-base-color: transparent;--lumo-tint-5pct: transparent;--lumo-contrast-10pct: rgba(255, 255, 255, .07);--lumo-contrast-20pct: rgba(255, 255, 255, .12);--lumo-contrast-60pct: rgba(255, 255, 255, .45);--lumo-contrast-90pct: #F1F5F9}.registration-view .login-header{text-align:center;padding-bottom:var(--lumo-space-m);border-bottom:1px solid rgba(255,255,255,.08);margin-bottom:var(--lumo-space-m);width:100%}.registration-view .login-header h1{font-size:2.2rem;font-weight:900;letter-spacing:-.05em;margin:0 0 6px;background:linear-gradient(135deg,#fff,#c7d2fe 60%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.registration-view .login-header h2{color:#ffffff80;font-size:var(--lumo-font-size-s);font-weight:400;margin:0}.registration-view .register-form{width:100%}.registration-view .login-card vaadin-button[theme~=primary],.registration-view .login-card button[theme~=primary]{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 4px 14px #6366f166}.registration-view .login-card a{color:#a5b4fc;text-decoration:none;font-weight:600;transition:color .15s ease}.registration-view .login-card a:hover{color:#c7d2fe;text-decoration:underline}.onboarding-view .login-card{--lumo-body-text-color: #F1F5F9;--lumo-secondary-text-color: rgba(241, 245, 249, .6);--lumo-primary-color: #818CF8;--lumo-primary-text-color: #818CF8;--lumo-base-color: transparent;--lumo-tint-5pct: transparent;--lumo-contrast-10pct: rgba(255, 255, 255, .07);--lumo-contrast-20pct: rgba(255, 255, 255, .12);--lumo-contrast-60pct: rgba(255, 255, 255, .45);--lumo-contrast-90pct: #F1F5F9;max-width:480px}.onboarding-card .login-header h2{font-size:1.25rem;font-weight:700;color:#fff;margin:4px 0 0}.onboarding-subtitle{display:block;font-size:var(--lumo-font-size-s);color:#ffffff80;margin-top:4px}.onboarding-steps{display:flex;justify-content:center;gap:8px;margin:16px 0 8px}.onboarding-step-dot{width:8px;height:8px;border-radius:50%;background:#fff3;transition:background .2s ease,transform .2s ease}.onboarding-step-dot--active{background:#818cf8;transform:scale(1.3)}.onboarding-form{display:flex;flex-direction:column;gap:12px;width:100%;margin-top:8px}.dashboard-view{display:flex;flex-direction:column}.db-wrapper{display:flex;flex-direction:column;gap:24px;width:100%;box-sizing:border-box}.db-welcome{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding-bottom:8px}.db-welcome-left{display:flex;flex-direction:column;gap:2px}.db-welcome-title{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;letter-spacing:-.03em;color:var(--lumo-body-text-color);margin:0;line-height:1.15}.db-welcome-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.db-date-chip{display:inline-flex;align-items:center;padding:6px 14px;background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:999px;font-size:var(--lumo-font-size-s);font-weight:600;color:var(--lumo-secondary-text-color);box-shadow:var(--lumo-box-shadow-xs)}.db-kpi-row{gap:16px!important}.db-kpi-card{border-radius:var(--lumo-border-radius-xl)!important;padding:var(--lumo-space-l)!important;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease;border:none!important;display:flex!important;flex-direction:column!important;gap:4px!important}.db-kpi-card:after{content:"";position:absolute;width:120px;height:120px;border-radius:50%;background:#ffffff14;right:-20px;bottom:-30px;pointer-events:none}.db-kpi-card:hover{transform:translateY(-3px);box-shadow:0 20px 40px -8px #0000002e!important}.db-kpi-blue{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 8px 24px #6366f14d!important}.db-kpi-orange{background:linear-gradient(135deg,#f59e0b,#d97706)!important;box-shadow:0 8px 24px #f59e0b4d!important}.db-kpi-green{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 24px #10b9814d!important}.db-kpi-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)!important;box-shadow:0 8px 24px #8b5cf64d!important}.db-kpi-blue:hover{box-shadow:0 20px 40px #6366f166!important}.db-kpi-orange:hover{box-shadow:0 20px 40px #f59e0b66!important}.db-kpi-green:hover{box-shadow:0 20px 40px #10b98166!important}.db-kpi-purple:hover{box-shadow:0 20px 40px #8b5cf666!important}.db-kpi-top{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:4px}.db-kpi-title{font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf!important}.db-kpi-icon{width:32px;height:32px;border-radius:var(--lumo-border-radius-m);background:#ffffff2e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-kpi-icon vaadin-icon{color:#ffffffe6!important}.db-kpi-value{font-size:clamp(1.5rem,2.5vw,2.1rem);font-weight:800;letter-spacing:-.03em;color:#fff!important;-webkit-text-fill-color:#fff!important;line-height:1.1;margin:4px 0 2px}.db-kpi-sub{font-size:var(--lumo-font-size-xs);color:#ffffffa6!important;font-weight:500}.db-kpi-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--lumo-font-size-xxs);font-weight:700;letter-spacing:.02em;margin-top:8px;width:fit-content}.db-kpi-badge--positive{background:#ffffff38;color:#fff!important}.db-kpi-badge--neutral{background:#0000001f;color:#fffc!important}.db-secondary-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 700px){.db-secondary-row{grid-template-columns:1fr}}.db-sec-card{display:flex;align-items:center;gap:16px;background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:16px 20px;box-shadow:var(--lumo-box-shadow-xs);transition:transform .2s ease,box-shadow .2s ease}.db-sec-card:hover{transform:translateY(-2px);box-shadow:var(--lumo-box-shadow-s)}.db-sec-icon{width:48px;height:48px;border-radius:var(--lumo-border-radius-l);display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-sec-icon--blue{background:var(--pp-primary-100)}.db-sec-icon--green{background:var(--pp-success-50)}.db-sec-icon--orange{background:var(--pp-warning-50)}.db-sec-icon--red{background:var(--pp-error-50)}.db-sec-icon--blue vaadin-icon{color:var(--pp-primary-color)!important}.db-sec-icon--green vaadin-icon{color:var(--pp-success-color)!important}.db-sec-icon--orange vaadin-icon{color:var(--pp-warning-color)!important}.db-sec-icon--red vaadin-icon{color:var(--pp-error-color)!important}.db-sec-info{display:flex;flex-direction:column;gap:1px;min-width:0}.db-sec-value{font-size:var(--lumo-font-size-xl);font-weight:800;letter-spacing:-.02em;color:var(--lumo-body-text-color);line-height:1}.db-sec-title{font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--lumo-secondary-text-color);margin:2px 0}.db-sec-sub{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-charts-row{gap:16px!important}.db-chart-card{background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);position:relative;overflow:hidden;box-sizing:border-box}.db-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pp-gradient-primary);border-radius:var(--lumo-border-radius-xl) var(--lumo-border-radius-xl) 0 0}.db-chart-header{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.db-chart-title{font-size:var(--lumo-font-size-m);font-weight:700;letter-spacing:-.01em;margin:0}.db-chart-subtitle{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.db-bars{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:8px;padding-bottom:4px}.db-bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;gap:4px}.db-bar-count{font-size:var(--lumo-font-size-xs);font-weight:700;color:var(--lumo-body-text-color);min-height:16px}.db-bar{width:100%;max-width:48px;border-radius:6px 6px 2px 2px;transition:height .4s ease,opacity .2s ease;height:var(--bar-height, 4px)}.db-bar--filled{background:linear-gradient(180deg,#818cf8,#6366f1);box-shadow:0 4px 10px #6366f14d}.db-bar--empty{background:var(--pp-border-color)}.db-bar-month{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);font-weight:600;white-space:nowrap}.db-bar-delta{font-size:10px;color:var(--lumo-secondary-text-color);font-weight:500;white-space:nowrap}.db-bar-delta--active{color:var(--pp-error-color);font-weight:700}.db-distrib-list{display:flex;flex-direction:column;gap:14px}.db-distrib-item{display:flex;align-items:center;gap:12px}.db-distrib-rank{width:24px;height:24px;border-radius:50%;background:var(--pp-primary-50);color:var(--pp-primary-color);font-size:var(--lumo-font-size-xs);font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.db-distrib-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.db-distrib-name{font-size:var(--lumo-font-size-s);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-distrib-recovered{font-size:11px;color:var(--lumo-secondary-text-color);font-weight:500}.db-distrib-bar{height:5px!important;border-radius:999px!important;width:100%}.db-distrib-amounts{display:flex;flex-direction:column;align-items:flex-end;flex-shrink:0}.db-distrib-remaining{font-size:var(--lumo-font-size-s);font-weight:800;color:var(--pp-error-color);white-space:nowrap}.db-distrib-remaining--ok{font-size:var(--lumo-font-size-s);font-weight:800;color:var(--pp-success-color)}.db-distrib-total{font-size:11px;color:var(--lumo-secondary-text-color)}.db-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px 0;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s)}.db-actions-section{background:linear-gradient(135deg,#fffbeb,#fef3c7);border:1.5px solid #FCD34D;border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-l);box-shadow:0 4px 16px #f59e0b1a}.db-actions-header{display:flex;flex-direction:column;gap:4px;margin-bottom:16px}.db-actions-title-row{display:flex;align-items:center;gap:8px}.db-actions-title{font-size:var(--lumo-font-size-m);font-weight:700;margin:0;color:#92400e}.db-actions-badge{background:#f59e0b;color:#fff;padding:2px 10px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700}.db-actions-subtitle{font-size:var(--lumo-font-size-xs);color:#a16207}.db-actions-list{display:flex;flex-direction:column;gap:8px}.db-action-item{display:grid;grid-template-columns:2fr 1.2fr .8fr 2fr .8fr;align-items:center;gap:12px;background:#ffffffb3;border:1px solid rgba(251,191,36,.4);border-radius:var(--lumo-border-radius-l);padding:10px 14px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media (max-width: 800px){.db-action-item{grid-template-columns:1fr 1fr}}.db-action-distributor{display:flex;align-items:center;gap:8px}.db-action-dot{width:8px;height:8px;border-radius:50%;background:var(--pp-warning-color);flex-shrink:0}.db-action-dist-name{font-size:var(--lumo-font-size-s);font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-action-inv-number{font-size:var(--lumo-font-size-xs);font-family:monospace;background:#0000000f;padding:2px 8px;border-radius:4px;color:var(--lumo-body-text-color);font-weight:600}.db-action-delta{font-size:var(--lumo-font-size-s);font-weight:800;color:var(--pp-error-color);white-space:nowrap}.db-action-contact{display:flex;align-items:center;gap:5px;min-width:0}.db-action-contact vaadin-icon{color:var(--lumo-secondary-text-color);flex-shrink:0}.db-action-contact-email{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-action-date{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);text-align:right;white-space:nowrap}.db-actions-more{font-size:var(--lumo-font-size-xs);color:var(--pp-warning-dark);font-weight:600;padding:4px 14px}.db-recent-section{background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);position:relative;overflow:hidden}.db-recent-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pp-gradient-success);border-radius:var(--lumo-border-radius-xl) var(--lumo-border-radius-xl) 0 0}.db-recent-list{display:flex;flex-direction:column}.db-recent-header{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr .8fr;gap:12px;padding:6px 12px 10px;border-bottom:2px solid var(--pp-border-color);margin-bottom:4px}.db-recent-col-header{font-size:var(--lumo-font-size-xxs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--lumo-secondary-text-color)}.db-recent-row{display:grid;grid-template-columns:2fr 1.5fr .8fr .8fr .8fr;gap:12px;padding:12px;border-radius:var(--lumo-border-radius-m);transition:background .15s ease;align-items:center}.db-recent-row:hover{background:var(--pp-primary-50)}.db-recent-cell{display:flex;align-items:center;gap:8px}.db-recent-dot{width:8px;height:8px;border-radius:50%;background:var(--pp-gradient-primary);flex-shrink:0}.db-recent-dist{font-size:var(--lumo-font-size-s);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.db-recent-invnum{font-size:var(--lumo-font-size-xs);font-family:monospace;color:var(--lumo-secondary-text-color);font-weight:600;background:var(--pp-surface-2);padding:2px 8px;border-radius:4px;border:1px solid var(--pp-border-color)}.db-recent-date{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.db-recent-delta--error{font-size:var(--lumo-font-size-s);font-weight:800;color:var(--pp-error-color)}.db-recent-delta--success{font-size:var(--lumo-font-size-s);font-weight:700;color:var(--pp-success-color)}.db-recent-delta--ok{font-size:var(--lumo-font-size-s);font-weight:600;color:var(--pp-success-color)}.db-email-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.db-email-badge--sent{background:var(--pp-success-50);color:var(--pp-success-dark);border:1px solid #6EE7B7}.db-email-badge--pending{background:var(--pp-warning-50);color:var(--pp-warning-dark);border:1px solid #FCD34D}.db-email-badge--none{background:var(--pp-surface-2);color:var(--lumo-secondary-text-color)}.invoice-view{display:flex;flex-direction:column;gap:var(--lumo-space-l)}.inv-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--lumo-space-m);flex-wrap:wrap;flex-shrink:0;width:100%}.inv-page-left{display:flex;flex-direction:column;gap:4px}.inv-page-title{font-size:var(--lumo-font-size-xxl);font-weight:800;letter-spacing:-.03em;margin:0;color:var(--lumo-body-text-color)}.inv-page-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.inv-filter-bar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:10px 16px;box-shadow:var(--lumo-box-shadow-xs);flex-shrink:0}.inv-filter-label{display:flex;align-items:center;gap:6px;font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color);flex-shrink:0;padding-right:6px;border-right:1px solid var(--pp-border-color);margin-right:2px;height:20px;white-space:nowrap}.inv-filter-label vaadin-icon{color:var(--pp-primary-color)}.inv-filter-arrow{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);flex-shrink:0;-webkit-user-select:none;user-select:none}.inv-filter-count{display:inline-flex;align-items:center;padding:3px 12px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;background:var(--pp-primary-100);color:var(--pp-primary-dark);border:1px solid var(--pp-primary-200);margin-left:auto;white-space:nowrap;flex-shrink:0}.inv-filter-clear-btn{flex-shrink:0}.inv-grid-container{background:var(--pp-surface-color);border-radius:var(--lumo-border-radius-xl);box-shadow:var(--lumo-box-shadow-s);border:1px solid var(--pp-border-color);overflow:hidden;display:flex;flex-direction:column}.inv-grid-container>vaadin-grid{border:none;background:transparent;flex:1}.inv-grid-container vaadin-grid::part(header-cell){background:var(--pp-surface-2);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--pp-border-color)}.inv-grid-container vaadin-grid::part(body-cell){border-bottom:1px solid var(--pp-border-subtle)}.inv-grid-container vaadin-grid::part(odd-row) ::part(body-cell){background:var(--pp-surface-2)}.inv-grid-container vaadin-grid::part(row):hover ::part(body-cell){background:var(--pp-primary-50)!important;cursor:pointer}.inv-grid-container vaadin-grid::part(row):last-child ::part(body-cell){border-bottom:none}.inv-number-chip{font-family:JetBrains Mono,Fira Code,Courier New,monospace;font-size:var(--lumo-font-size-xs);font-weight:600;background:var(--pp-primary-50);color:var(--pp-primary-dark);border:1px solid var(--pp-primary-200);border-radius:6px;padding:3px 8px;letter-spacing:.02em;white-space:nowrap}.inv-distributor-cell{display:flex;align-items:center;gap:8px}.inv-distributor-dot{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pp-primary-color),var(--pp-purple-color));flex-shrink:0}.inv-distributor-name{font-weight:600;color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-s)}.inv-reliability-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;white-space:nowrap}.inv-reliability-badge.reliability-high{background:#ecfdf5;color:#065f46;border:1px solid #6EE7B7}.inv-reliability-badge.reliability-medium{background:#fffbeb;color:#92400e;border:1px solid #FCD34D}.inv-reliability-badge.reliability-low{background:#fef2f2;color:#991b1b;border:1px solid #FCA5A5}.inv-delta-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;white-space:nowrap;letter-spacing:.01em}.inv-delta-error{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #FCA5A5}.inv-delta-success{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #6EE7B7}.inv-delta-ok{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #6EE7B7;gap:4px}.inv-detail-panel{background:var(--pp-surface-2);border-top:1px solid var(--pp-border-color);padding:var(--lumo-space-l);display:flex;flex-direction:column;gap:var(--lumo-space-m)}.inv-detail-header{display:flex;align-items:center;justify-content:space-between;gap:var(--lumo-space-m)}.inv-detail-title-block{display:flex;align-items:center;gap:8px}.inv-detail-title-block vaadin-icon{color:var(--pp-primary-color);flex-shrink:0}.inv-detail-section-title{font-size:var(--lumo-font-size-m);font-weight:700;margin:0;letter-spacing:-.01em;color:var(--lumo-body-text-color)}.inv-detail-count{font-size:var(--lumo-font-size-xs);font-weight:600;background:var(--pp-primary-100);color:var(--pp-primary-dark);border-radius:999px;padding:2px 10px}.inv-detail-delete-btn{flex-shrink:0}.inv-detail-email-section{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border:1px solid var(--pp-primary-200);border-radius:var(--lumo-border-radius-l);padding:10px 16px}.inv-detail-email-header{display:flex;align-items:center;gap:8px}.inv-detail-email-header vaadin-icon{flex-shrink:0}.inv-detail-empty{display:flex;align-items:center;gap:10px;padding:var(--lumo-space-m) var(--lumo-space-l);background:#ecfdf5;border-radius:var(--lumo-border-radius-l);border:1px solid #6EE7B7}.inv-inner-grid{border:1px solid var(--pp-border-color)!important;border-radius:var(--lumo-border-radius-l)!important;overflow:hidden}.inv-inner-grid::part(header-cell){background:var(--pp-primary-50);color:var(--pp-primary-dark);font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--pp-primary-200)}.inv-inner-grid::part(body-cell){background:var(--pp-surface-color);border-bottom:1px solid var(--pp-border-subtle);font-size:var(--lumo-font-size-s)}.inv-inner-grid::part(row):last-child ::part(body-cell){border-bottom:none}.inv-confirm-body{display:flex;align-items:center;gap:var(--lumo-space-m);padding:var(--lumo-space-s) 0;font-size:var(--lumo-font-size-m)}.inv-upload-zone{border:2px dashed var(--pp-border-color);border-radius:var(--lumo-border-radius-l);padding:var(--lumo-space-m);text-align:center;background:var(--pp-surface-2);transition:border-color .2s ease,background .2s ease}.inv-upload-zone:hover{border-color:var(--pp-primary-color);background:var(--pp-primary-50)}.inv-process-btn{margin-top:var(--lumo-space-s)!important}.distributor-view{display:flex;flex-direction:column;gap:var(--lumo-space-xl);align-items:flex-start;height:auto!important;min-height:auto!important}.distributor-view>*{width:100%}.dist-page-header{display:flex;align-items:center;justify-content:space-between;gap:var(--lumo-space-m);flex-wrap:wrap}.dist-page-left{display:flex;flex-direction:column;gap:4px}.dist-page-title{font-size:var(--lumo-font-size-xxl);font-weight:800;letter-spacing:-.03em;margin:0;color:var(--lumo-body-text-color)}.dist-page-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.dist-add-btn{white-space:nowrap}.distributor-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--lumo-space-l);align-content:start;align-items:start}.distributor-card{background:var(--pp-surface-color);border-radius:var(--lumo-border-radius-xl);border:1px solid var(--pp-border-color);box-shadow:var(--lumo-box-shadow-s);cursor:pointer;transition:transform .2s ease,box-shadow .25s ease,border-color .2s ease;overflow:hidden;display:flex;flex-direction:column;position:relative}.distributor-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--pp-primary-color) 0%,var(--pp-purple-color) 100%)}.distributor-card:hover{transform:translateY(-5px);box-shadow:var(--lumo-box-shadow-l);border-color:var(--pp-primary-200)}.dist-card-top{display:flex;align-items:center;gap:var(--lumo-space-m);padding:var(--lumo-space-l) var(--lumo-space-l) var(--lumo-space-m)}.dist-avatar{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;font-weight:800;color:#fff;letter-spacing:-.02em;box-shadow:0 4px 12px #00000026}.dist-name-block{display:flex;flex-direction:column;gap:6px;min-width:0}.dist-card-name{font-size:var(--lumo-font-size-l);font-weight:700;color:var(--lumo-body-text-color);letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.dist-reliability-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;width:fit-content}.dist-reliability-badge.reliability-high{background:#ecfdf5;color:#065f46;border:1px solid #6EE7B7}.dist-reliability-badge.reliability-medium{background:#fffbeb;color:#92400e;border:1px solid #FCD34D}.dist-reliability-badge.reliability-low{background:#fef2f2;color:#991b1b;border:1px solid #FCA5A5}.dist-divider{height:1px;background:var(--pp-border-subtle);margin:0 var(--lumo-space-l)}.dist-stats-row{display:flex;flex-direction:column;gap:8px;padding:var(--lumo-space-m) var(--lumo-space-l)}.dist-stat-item{display:flex;align-items:center;gap:8px;font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-weight:500}.dist-stat-item vaadin-icon{color:var(--pp-primary-color);flex-shrink:0;opacity:.8}.dist-reliability-section{display:flex;flex-direction:column;gap:6px;padding:0 var(--lumo-space-l) var(--lumo-space-m)}.dist-reliability-label-row{display:flex;align-items:center;justify-content:space-between}.dist-reliability-label{font-size:var(--lumo-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color)}.dist-reliability-pct{font-size:var(--lumo-font-size-s);font-weight:700}.dist-reliability-pct.reliability-high{color:#10b981}.dist-reliability-pct.reliability-medium{color:#f59e0b}.dist-reliability-pct.reliability-low{color:#ef4444}.dist-card-footer{display:flex;align-items:center;justify-content:space-between;padding:var(--lumo-space-s) var(--lumo-space-m);border-top:1px solid var(--pp-border-subtle);margin-top:auto;background:var(--pp-surface-2)}.dist-btn-edit{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;box-shadow:0 2px 8px #6366f147!important;border-radius:8px!important;font-weight:600!important;font-size:var(--lumo-font-size-s)!important;transition:box-shadow .2s ease,transform .15s ease!important}.dist-btn-edit:hover{box-shadow:0 4px 14px #6366f170!important;transform:translateY(-1px)!important}.dist-btn-activate{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 2px 8px #10b98147!important;border-radius:8px!important;font-weight:600!important;width:100%!important;transition:box-shadow .2s ease,transform .15s ease!important}.dist-btn-activate:hover{box-shadow:0 4px 14px #10b98170!important;transform:translateY(-1px)!important}.dist-inactive-badge{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;background:var(--lumo-contrast-10pct);color:var(--lumo-secondary-text-color);border:1px solid var(--pp-border-color)}.distributor-card--inactive{opacity:.65;filter:grayscale(30%)}.distributor-card--inactive:before{background:var(--pp-border-color)!important}.dist-empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--lumo-space-m);padding:var(--lumo-space-xl) var(--lumo-space-l);text-align:center;background:var(--pp-surface-color);border-radius:var(--lumo-border-radius-xl);border:2px dashed var(--pp-border-color)}.dist-empty-icon{width:80px;height:80px;border-radius:50%;background:var(--pp-primary-50);display:flex;align-items:center;justify-content:center}.dist-empty-icon vaadin-icon{color:var(--pp-primary-color)}.dist-empty-title{font-size:var(--lumo-font-size-xl);font-weight:700;color:var(--lumo-body-text-color)}.dist-empty-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);max-width:320px}.credit-note-view{display:flex;flex-direction:column;gap:var(--lumo-space-l)}.cn-page-header{display:flex;flex-direction:column;gap:4px}.cn-page-title{font-size:var(--lumo-font-size-xxl);font-weight:800;letter-spacing:-.03em;margin:0;color:var(--lumo-body-text-color)}.cn-page-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.cn-kpi-row{margin-bottom:var(--lumo-space-s)}.cn-kpi-card{border-radius:var(--lumo-border-radius-xl)!important;border:none!important;padding:var(--lumo-space-l)!important;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .25s ease}.cn-kpi-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#ffffff14;right:-25px;bottom:-35px;pointer-events:none}.cn-kpi-card:hover{transform:translateY(-3px)}.cn-kpi-red{background:linear-gradient(135deg,#ef4444,#dc2626)!important;box-shadow:0 8px 24px #ef44444d!important}.cn-kpi-green{background:linear-gradient(135deg,#10b981,#059669)!important;box-shadow:0 8px 24px #10b9814d!important}.cn-kpi-blue{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;box-shadow:0 8px 24px #6366f14d!important}.cn-kpi-red:hover{box-shadow:0 14px 30px #ef444466!important}.cn-kpi-green:hover{box-shadow:0 14px 30px #10b98166!important}.cn-kpi-blue:hover{box-shadow:0 14px 30px #6366f166!important}.cn-kpi-label{font-size:var(--lumo-font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#ffffffbf!important}.cn-kpi-icon{width:34px;height:34px;border-radius:var(--lumo-border-radius-m);background:#ffffff26;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cn-kpi-icon vaadin-icon{color:#ffffffe6}.cn-kpi-value{font-size:clamp(1.4rem,3vw,2.2rem)!important;font-weight:800!important;letter-spacing:-.03em;color:#fff!important;margin-top:var(--lumo-space-s);display:block}.cn-grid-container{background:var(--pp-surface-color);border-radius:var(--lumo-border-radius-xl);box-shadow:var(--lumo-box-shadow-s);border:1px solid var(--pp-border-color);overflow:hidden;display:flex;flex-direction:column}.cn-grid-container vaadin-grid{border:none;background:transparent;flex:1}.cn-grid-container vaadin-grid::part(header-cell){background:var(--pp-surface-2);color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--pp-border-color)}.cn-grid-container vaadin-grid::part(body-cell){background:var(--pp-surface-color);border-bottom:1px solid var(--pp-border-subtle)}.cn-grid-container vaadin-grid::part(row):hover ::part(body-cell){background:var(--pp-primary-50)}.cn-grid-container vaadin-grid::part(row):last-child ::part(body-cell){border-bottom:none}.cn-progress-cell{display:flex;flex-direction:column;gap:4px;width:100%;padding:4px 0}.cn-progress-cell vaadin-progress-bar{width:100%}.cn-progress-label{font-size:var(--lumo-font-size-xs);font-weight:700;color:var(--lumo-secondary-text-color)}.cn-progress-label--done{color:var(--pp-success-color)}.cn-remaining-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:var(--lumo-font-size-xs);font-weight:700;white-space:nowrap}.cn-remaining-badge--active{background:linear-gradient(135deg,#fef2f2,#fee2e2);color:#991b1b;border:1px solid #FCA5A5}.cn-remaining-badge--cleared{background:linear-gradient(135deg,#ecfdf5,#d1fae5);color:#065f46;border:1px solid #6EE7B7}.cn-btn-regularize{background:linear-gradient(135deg,#6366f1,#4f46e5)!important;color:#fff!important;box-shadow:0 2px 8px #6366f14d!important;border-radius:8px!important;font-weight:600!important;transition:box-shadow .2s ease,transform .15s ease!important}.cn-btn-regularize:hover{box-shadow:0 4px 14px #6366f173!important;transform:translateY(-1px)!important}.cn-btn-cleared{background:var(--pp-surface-2)!important;color:var(--pp-success-color)!important;border:1px solid #A7F3D0!important;border-radius:8px!important;font-weight:600!important}.cn-period-chip{border:1.5px solid var(--pp-border-color)!important;border-radius:999px!important;background:var(--pp-surface-color)!important;color:var(--lumo-secondary-text-color)!important;font-weight:600!important;font-size:var(--lumo-font-size-xs)!important;padding:0 14px!important;height:28px!important;min-width:0!important;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease!important;white-space:nowrap!important;letter-spacing:.01em!important}.cn-period-chip:hover{border-color:var(--pp-primary-color)!important;background:var(--pp-primary-50)!important;color:var(--pp-primary-dark)!important;box-shadow:0 0 0 3px var(--pp-primary-100)!important}.cn-period-chip--active{background:var(--pp-primary-100)!important;color:var(--pp-primary-dark)!important;border-color:var(--pp-primary-color)!important;box-shadow:0 0 0 3px #6366f12e!important;font-weight:700!important}.cn-btn-reminder{background:linear-gradient(135deg,#8b5cf6,#6366f1)!important;color:#fff!important;box-shadow:0 2px 8px #8b5cf64d!important;border-radius:8px!important;font-weight:600!important;transition:box-shadow .2s ease,transform .15s ease!important}.cn-btn-reminder:hover{box-shadow:0 4px 14px #8b5cf673!important;transform:translateY(-1px)!important}.cn-detail-panel{background:var(--pp-surface-2);border-top:1px solid var(--pp-border-color);padding:var(--lumo-space-l)}.cn-detail-section{display:flex;flex-direction:column;gap:var(--lumo-space-m)}.cn-detail-section-header{display:flex;align-items:center;gap:8px;padding-bottom:var(--lumo-space-s);border-bottom:2px solid var(--pp-primary-100);margin-bottom:var(--lumo-space-s)}.cn-detail-section-header vaadin-icon{color:var(--pp-primary-color);flex-shrink:0}.cn-detail-section-header h3{font-size:var(--lumo-font-size-m);font-weight:700;margin:0;color:var(--lumo-body-text-color);letter-spacing:-.01em}.cn-inner-grid{border:1px solid var(--pp-border-color)!important;border-radius:var(--lumo-border-radius-l)!important;overflow:hidden}.cn-inner-grid::part(header-cell){background:var(--pp-primary-50);color:var(--pp-primary-dark);font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid var(--pp-primary-200)}.cn-inner-grid::part(body-cell){background:var(--pp-surface-color);border-bottom:1px solid var(--pp-border-subtle);font-size:var(--lumo-font-size-s)}.cn-inner-grid::part(row):last-child ::part(body-cell){border-bottom:none}body:has(.landing-root){padding:0!important;margin:0!important;overflow-x:hidden}#outlet:has(.landing-root){width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.landing-root{background:#0d0f1a;min-height:100vh;width:100%!important;max-width:100%!important;padding:0!important;margin:0!important;overflow-x:hidden;display:block!important}.landing-root *,.landing-root *:before,.landing-root *:after{box-sizing:border-box}.landing-root a{text-decoration:none;transition:opacity .2s ease}.landing-root a:hover{opacity:.85}.lp-logo{font-size:1.375rem;font-weight:800;letter-spacing:-.03em;color:#f8fafc}.lp-logo-accent{background:linear-gradient(135deg,#818cf8,#c4b5fd);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-nav{position:sticky;top:0;z-index:100;background:#0d0f1ad9;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.06)}.lp-nav-inner{max-width:1200px;margin:0 auto;padding:0 32px;height:64px;display:flex;align-items:center;gap:32px}.lp-nav-links{display:flex;align-items:center;gap:24px;flex:1}.lp-nav-link{font-size:.9rem;font-weight:500;color:#fff9;transition:color .2s ease}.lp-nav-link:hover{color:#f8fafc;opacity:1}.lp-nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.lp-btn-ghost{font-size:.875rem;font-weight:600;color:#ffffffb3;padding:8px 16px;border-radius:8px;border:1px solid rgba(255,255,255,.12);transition:background .2s ease,color .2s ease,opacity .2s ease}.lp-btn-ghost:hover{background:#ffffff12;color:#fff;opacity:1}.lp-btn-primary-sm{font-size:.875rem;font-weight:700;color:#fff;padding:8px 18px;border-radius:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 14px #6366f166;transition:box-shadow .2s ease,transform .15s ease;display:inline-flex;align-items:center;gap:6px}.lp-btn-primary-sm:hover{box-shadow:0 6px 20px #6366f180;transform:translateY(-1px);opacity:1}.lp-btn-primary{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:700;color:#fff;padding:14px 28px;border-radius:12px;background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 8px 24px #6366f173;transition:box-shadow .2s ease,transform .15s ease;letter-spacing:.01em}.lp-btn-primary:hover{box-shadow:0 12px 32px #6366f18c;transform:translateY(-2px);opacity:1}.lp-btn-outline{display:inline-flex;align-items:center;gap:8px;font-size:1rem;font-weight:600;color:#fffc;padding:13px 28px;border-radius:12px;border:1.5px solid rgba(255,255,255,.2);transition:border-color .2s ease,background .2s ease}.lp-btn-outline:hover{border-color:#fff6;background:#ffffff0d;opacity:1}.lp-arrow{transition:transform .2s ease}.lp-btn-primary:hover .lp-arrow{transform:translate(4px)}.lp-hero{position:relative;background:linear-gradient(135deg,#0d0f1a,#1e1b4b 60%,#2d1b6b);overflow:hidden;padding:80px 32px 100px}.lp-blob{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none}.lp-blob-1{width:600px;height:600px;background:#6366f133;top:-200px;left:-100px}.lp-blob-2{width:400px;height:400px;background:#8b5cf62e;bottom:-100px;right:10%}.lp-blob-3{width:300px;height:300px;background:#06b6d41a;top:30%;right:-50px}.lp-hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}@media (max-width: 900px){.lp-hero-inner{grid-template-columns:1fr}.lp-hero-mockup{display:none}}.lp-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:#6366f126;border:1px solid rgba(99,102,241,.35);font-size:.8125rem;font-weight:600;color:#a5b4fc;margin-bottom:24px;width:fit-content}.lp-hero-title{font-size:clamp(2rem,4vw,3.25rem);font-weight:800;letter-spacing:-.04em;color:#f8fafc;line-height:1.1;margin:0 0 20px}.lp-gradient-text{background:linear-gradient(135deg,#818cf8,#c4b5fd,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.lp-hero-sub{font-size:1.0625rem;color:#fff9;line-height:1.7;margin:0 0 32px;max-width:500px}.lp-hero-ctas{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:24px}.lp-hero-trust{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lp-trust-item{font-size:.8125rem;color:#fff6;font-weight:500}.lp-trust-sep{color:#fff3}.lp-hero-mockup{position:relative}.lp-mockup{background:#1e1b4bcc;border:1px solid rgba(255,255,255,.1);border-radius:16px;overflow:hidden;box-shadow:0 32px 64px #00000080,inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lp-mockup-bar{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#0000004d;border-bottom:1px solid rgba(255,255,255,.06)}.lp-mockup-dots{display:flex;gap:5px}.lp-dot-red{width:10px;height:10px;border-radius:50%;background:#ef4444;opacity:.8}.lp-dot-yellow{width:10px;height:10px;border-radius:50%;background:#f59e0b;opacity:.8}.lp-dot-green{width:10px;height:10px;border-radius:50%;background:#10b981;opacity:.8}.lp-mock-url{font-size:11px;color:#ffffff4d;font-family:monospace;margin-left:4px}.lp-mockup-body{padding:14px}.lp-mock-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.lp-mock-kpi{border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px}.lp-kpi-blue{background:linear-gradient(135deg,#6366f1,#4f46e5)}.lp-kpi-orange{background:linear-gradient(135deg,#f59e0b,#d97706)}.lp-kpi-green{background:linear-gradient(135deg,#10b981,#059669)}.lp-kpi-purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.lp-mock-val{font-size:1rem;font-weight:800;color:#fff;line-height:1}.lp-mock-lbl{font-size:9px;color:#ffffffa6;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.lp-mock-mid{display:grid;grid-template-columns:1fr 1.2fr;gap:10px}.lp-mock-chart-title{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin-bottom:8px}.lp-mock-bars{display:flex;align-items:flex-end;gap:4px;height:48px}.lp-mock-bar{flex:1;background:#6366f14d;border-radius:3px 3px 0 0}.lp-bar-active{background:linear-gradient(180deg,#818cf8,#6366f1)}.lp-mock-distrib{display:flex;flex-direction:column;gap:6px}.lp-mock-dist-row{display:flex;align-items:center;gap:6px}.lp-mock-dist-name{font-size:9px;color:#ffffff80;white-space:nowrap;width:70px;overflow:hidden;text-overflow:ellipsis;flex-shrink:0}.lp-mock-prog{flex:1;height:4px;background:#ffffff1a;border-radius:999px;overflow:hidden}.lp-mock-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:999px}.lp-mock-dist-val{font-size:9px;font-weight:700;white-space:nowrap;flex-shrink:0}.lp-val-red{color:#fca5a5}.lp-val-orange{color:#fcd34d}.lp-mockup-badge{position:absolute;display:flex;align-items:center;gap:10px;background:#ffffffeb;border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:10px 14px;font-size:.75rem;box-shadow:0 8px 24px #00000040;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);white-space:nowrap;animation:floatBadge 3s ease-in-out infinite}.lp-mockup-badge strong{color:#0f172a;font-weight:700}.lp-mockup-badge span{color:#64748b}.lp-badge-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#6366f11f;flex-shrink:0}.lp-mockup-badge-1{bottom:-20px;left:-20px;animation-delay:0s}.lp-mockup-badge-2{top:30px;right:-24px;animation-delay:1.5s}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.lp-stats{background:#fff;border-top:1px solid #E2E8F0;border-bottom:1px solid #E2E8F0;padding:36px 32px}.lp-stats-inner{max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px}.lp-stat{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;flex:1;min-width:160px}.lp-stat-val{font-size:2rem;font-weight:800;letter-spacing:-.04em;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.1}.lp-stat-plus,.lp-stat-pct,.lp-stat-unit{font-size:1.2rem;font-weight:700}.lp-stat-label{font-size:.875rem;color:#64748b;font-weight:500}.lp-stat-sep{width:1px;height:40px;background:#e2e8f0;flex-shrink:0}@media (max-width: 700px){.lp-stat-sep{display:none}}.lp-section-inner{max-width:1200px;margin:0 auto;padding:80px 32px;text-align:center}.lp-section-tag{display:inline-block;padding:4px 14px;border-radius:999px;background:var(--pp-primary-100, #E0E7FF);color:var(--pp-primary-dark, #4F46E5);font-size:.8125rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:16px}.lp-section-title{font-size:clamp(1.75rem,3vw,2.5rem);font-weight:800;letter-spacing:-.04em;color:#0f172a;line-height:1.15;margin:0 0 16px}.lp-section-sub{font-size:1.0625rem;color:#64748b;line-height:1.65;max-width:580px;margin:0 auto 56px}.lp-features{background:#f8fafc}.lp-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;text-align:left}@media (max-width: 700px){.lp-features-grid{grid-template-columns:1fr}}.lp-feat-card{background:#fff;border:1px solid #E2E8F0;border-radius:20px;padding:28px;transition:transform .2s ease,box-shadow .2s ease;position:relative;overflow:hidden}.lp-feat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:20px 20px 0 0}.lp-feat-card:nth-child(1):before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.lp-feat-card:nth-child(2):before{background:linear-gradient(90deg,#f59e0b,#ef4444)}.lp-feat-card:nth-child(3):before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.lp-feat-card:nth-child(4):before{background:linear-gradient(90deg,#10b981,#06b6d4)}.lp-feat-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px #00000014}.lp-feat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0}.lp-feat-icon svg{width:22px;height:22px}.lp-feat-icon-blue{background:#eef2ff;color:#6366f1}.lp-feat-icon-orange{background:#fffbeb;color:#f59e0b}.lp-feat-icon-purple{background:#f5f3ff;color:#8b5cf6}.lp-feat-icon-green{background:#ecfdf5;color:#10b981}.lp-feat-title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin:0 0 10px}.lp-feat-desc{font-size:.9375rem;color:#64748b;line-height:1.65;margin:0 0 16px}.lp-feat-formats{display:flex;gap:6px;flex-wrap:wrap}.lp-feat-formats span{font-size:.75rem;font-weight:700;padding:2px 10px;border-radius:6px;background:#f1f5f9;color:#64748b;font-family:monospace;letter-spacing:.05em}.lp-feat-pill{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;font-size:.75rem;font-weight:700}.lp-pill-orange{background:#fffbeb;color:#d97706;border:1px solid #FCD34D}.lp-pill-purple{background:#f5f3ff;color:#7c3aed;border:1px solid #DDD6FE}.lp-pill-green{background:#ecfdf5;color:#059669;border:1px solid #6EE7B7}.lp-how{background:#fff}.lp-steps{display:flex;align-items:flex-start;gap:0;justify-content:center;margin-top:8px}.lp-step{flex:1;max-width:280px;text-align:center;padding:0 20px}.lp-step-num{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:#6366f1;margin-bottom:16px;background:#eef2ff;display:inline-block;padding:4px 12px;border-radius:999px}.lp-step-icon{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px #6366f159}.lp-step-icon svg{width:26px;height:26px;color:#fff;stroke:#fff}.lp-step-title{font-size:1.0625rem;font-weight:700;letter-spacing:-.02em;color:#0f172a;margin:0 0 10px}.lp-step-desc{font-size:.9375rem;color:#64748b;line-height:1.65;margin:0}.lp-step-connector{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:56px;flex-shrink:0}.lp-connector-line{width:48px;height:2px;background:linear-gradient(90deg,#c7d2fe,#ddd6fe)}.lp-connector-arrow{font-size:1.25rem;color:#6366f1;margin-top:-4px;line-height:1}@media (max-width: 700px){.lp-steps{flex-direction:column;align-items:center}.lp-step-connector{display:none}}.lp-cta{background:linear-gradient(135deg,#0d0f1a,#1e1b4b 60%,#2d1b6b);position:relative;overflow:hidden;padding:100px 32px}.lp-blob-cta-1{width:500px;height:500px;background:#6366f133;top:-150px;right:5%}.lp-blob-cta-2{width:350px;height:350px;background:#8b5cf626;bottom:-100px;left:5%}.lp-cta-inner{max-width:700px;margin:0 auto;text-align:center;position:relative;z-index:1}.lp-cta-badge{display:inline-block;padding:5px 16px;border-radius:999px;background:#6366f133;border:1px solid rgba(99,102,241,.35);font-size:.8125rem;font-weight:600;color:#a5b4fc;margin-bottom:24px}.lp-cta-title{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;letter-spacing:-.04em;color:#f8fafc;line-height:1.15;margin:0 0 16px}.lp-cta-sub{font-size:1.0625rem;color:#ffffff8c;line-height:1.65;margin:0 0 36px}.lp-cta-actions{display:flex;justify-content:center;margin-bottom:24px}.lp-cta-checks{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;font-size:.875rem;color:#fff6;font-weight:500}.lp-footer{background:#060810;border-top:1px solid rgba(255,255,255,.06);padding:32px}.lp-footer-inner{max-width:1200px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.lp-footer-brand{display:flex;flex-direction:column;gap:4px}.lp-footer-tagline{font-size:.8125rem;color:#ffffff4d;margin:0}.lp-footer-links{display:flex;gap:20px}.lp-footer-links a{font-size:.875rem;color:#fff6;font-weight:500;transition:color .2s ease}.lp-footer-links a:hover{color:#fffc;opacity:1}.lp-footer-copy{font-size:.8125rem;color:#ffffff40}.lp-pricing{background:#080b16;padding:80px 32px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.lp-tag-light{background:#6366f126;border:1px solid rgba(99,102,241,.3);color:#a5b4fc}.lp-title-light{color:#f8fafc}.lp-sub-light{color:#ffffff73}.lp-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}@media (max-width: 900px){.lp-plans-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.lp-plan-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:28px;display:flex;flex-direction:column;position:relative;transition:transform .2s ease,border-color .2s ease}.lp-plan-card:hover{transform:translateY(-4px);border-color:#ffffff2e}.lp-plan-card--featured{background:#6366f11a;border-color:#6366f180;box-shadow:0 0 0 1px #6366f140,0 24px 48px #6366f11f}.lp-plan-badge{display:inline-block;padding:3px 12px;border-radius:999px;background:linear-gradient(135deg,#6366f1,#8b5cf6);font-size:.75rem;font-weight:700;color:#fff;margin-bottom:12px;width:fit-content}.lp-plan-header{margin-bottom:0}.lp-plan-name{font-size:1.125rem;font-weight:700;color:#f8fafc;margin:0 0 8px}.lp-plan-price{font-size:2.25rem;font-weight:800;color:#f8fafc;letter-spacing:-.04em;line-height:1;margin-bottom:8px}.lp-plan-price span{font-size:.875rem;font-weight:400;color:#fff6;letter-spacing:0}.lp-plan-desc{font-size:.875rem;color:#fff6;margin:0}.lp-plan-divider{height:1px;background:#ffffff14;margin:20px 0}.lp-plan-features{list-style:none;padding:0;margin:0 0 20px;display:flex;flex-direction:column;gap:10px;flex:1}.lp-plan-features li{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;color:#ffffffb8;line-height:1.4}.lp-check{color:#34d399;font-weight:700;flex-shrink:0}.lp-plan-overage{font-size:.75rem;color:#ffffff47;margin:0 0 20px;padding-top:12px;border-top:1px solid rgba(255,255,255,.06)}.lp-plan-btn{display:block;text-align:center;padding:12px 20px;border-radius:10px;font-size:.875rem;font-weight:700;background:#ffffff12;border:1px solid rgba(255,255,255,.12);color:#f8fafc;transition:background .2s ease,border-color .2s ease}.lp-plan-btn:hover{background:#ffffff21;border-color:#fff3;opacity:1}.lp-plan-btn--featured{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 6px 20px #6366f166}.lp-plan-btn--featured:hover{background:linear-gradient(135deg,#818cf8,#a78bfa);box-shadow:0 8px 28px #6366f180;border-color:transparent}.lp-common-title{font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#ffffff4d;text-align:center;margin-bottom:20px}.lp-common-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:780px;margin:0 auto}@media (max-width: 600px){.lp-common-grid{grid-template-columns:1fr}}.lp-common-item{display:flex;align-items:flex-start;gap:12px;background:#ffffff08;border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:14px 16px}.lp-common-icon{font-size:1.25rem;flex-shrink:0;line-height:1.3}.lp-common-label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#ffffff59;margin-bottom:3px}.lp-common-val{font-size:.875rem;font-weight:600;color:#ffffffb8}.statistics-view{display:flex;flex-direction:column}.stat-content{display:flex;flex-direction:column;gap:24px}.stat-page-header{display:flex;align-items:flex-end;justify-content:space-between;flex-wrap:wrap;gap:16px;padding-bottom:8px}.stat-page-left{display:flex;flex-direction:column;gap:2px}.stat-page-title{font-size:clamp(1.4rem,2.8vw,1.9rem);font-weight:800;letter-spacing:-.03em;margin:0;line-height:1.15}.stat-page-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color)}.stat-empty{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 32px;background:var(--pp-surface-color);border:1.5px dashed var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);text-align:center}.stat-empty-icon{width:72px;height:72px;border-radius:50%;background:var(--pp-primary-50);display:flex;align-items:center;justify-content:center}.stat-empty-icon vaadin-icon{color:var(--pp-primary-color)!important}.stat-empty-title{font-size:var(--lumo-font-size-l);font-weight:700;color:var(--lumo-body-text-color)}.stat-empty-sub{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);max-width:320px}.stat-kpi-row{gap:14px!important}.stat-kpi-card{background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-m) var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);display:flex;flex-direction:column;gap:6px;position:relative;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.stat-kpi-card:hover{transform:translateY(-2px);box-shadow:var(--lumo-box-shadow-s)}.stat-kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:var(--lumo-border-radius-xl) 0 0 var(--lumo-border-radius-xl)}.stat-kpi-blue:before{background:var(--pp-gradient-primary)}.stat-kpi-orange:before{background:linear-gradient(180deg,#f59e0b,#d97706)}.stat-kpi-green:before{background:var(--pp-gradient-success)}.stat-kpi-purple:before{background:var(--pp-gradient-purple)}.stat-kpi-red:before{background:linear-gradient(180deg,#ef4444,#dc2626)}.stat-kpi-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.stat-kpi-title{font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color);line-height:1.3}.stat-kpi-icon{width:32px;height:32px;border-radius:var(--lumo-border-radius-m);display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-kpi-icon--blue{background:var(--pp-primary-100)}.stat-kpi-icon--orange{background:var(--pp-warning-50)}.stat-kpi-icon--green{background:var(--pp-success-50)}.stat-kpi-icon--purple{background:var(--pp-purple-50)}.stat-kpi-icon--red{background:var(--pp-error-50)}.stat-kpi-icon--blue vaadin-icon{color:var(--pp-primary-color)!important}.stat-kpi-icon--orange vaadin-icon{color:var(--pp-warning-color)!important}.stat-kpi-icon--green vaadin-icon{color:var(--pp-success-color)!important}.stat-kpi-icon--purple vaadin-icon{color:var(--pp-purple-color)!important}.stat-kpi-icon--red vaadin-icon{color:var(--pp-error-color)!important}.stat-kpi-value{font-size:clamp(1.2rem,2vw,1.7rem);font-weight:800;letter-spacing:-.02em;color:var(--lumo-body-text-color);line-height:1.1}.stat-kpi-sub{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color);font-weight:500}.stat-chart-card{background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);position:relative;overflow:hidden;box-sizing:border-box}.stat-chart-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pp-gradient-primary);border-radius:var(--lumo-border-radius-xl) var(--lumo-border-radius-xl) 0 0}.stat-chart-header{display:flex;flex-direction:column;gap:2px;margin-bottom:20px}.stat-chart-title{font-size:var(--lumo-font-size-m);font-weight:700;letter-spacing:-.01em;margin:0;color:var(--lumo-body-text-color)}.stat-chart-subtitle{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.stat-charts-row{gap:16px!important}.stat-bars{display:flex;align-items:flex-end;justify-content:space-between;height:210px;gap:6px;padding-bottom:4px}.stat-bar-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;gap:4px;min-width:0}.stat-bar-count{font-size:var(--lumo-font-size-xs);font-weight:700;color:var(--lumo-body-text-color);min-height:16px}.stat-bar{width:100%;max-width:44px;border-radius:6px 6px 2px 2px;transition:height .4s ease;height:var(--bh, 3px)}.stat-bar--filled{background:linear-gradient(180deg,#818cf8,#6366f1);box-shadow:0 4px 12px #6366f14d}.stat-bar--filled:hover{background:linear-gradient(180deg,#a5b4fc,#818cf8)}.stat-bar--empty{background:var(--pp-border-color)}.stat-bar-month{font-size:10px;color:var(--lumo-secondary-text-color);font-weight:600;white-space:nowrap}.stat-bar-delta{font-size:10px;color:var(--lumo-secondary-text-color);font-weight:500;white-space:nowrap}.stat-bar-delta--hot{color:var(--pp-error-color);font-weight:700}.stat-rel-bars{display:flex;align-items:flex-end;justify-content:space-around;gap:6px;height:210px;padding-bottom:4px}.stat-rel-group{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;flex:1;height:100%;gap:4px;min-width:0}.stat-rel-bar{width:100%;max-width:30px;border-radius:4px 4px 2px 2px;height:var(--rh, 3px);transition:height .3s ease;min-height:4px}.stat-rel-bar--high{background:linear-gradient(180deg,#34d399,#10b981);box-shadow:0 3px 8px #10b98140}.stat-rel-bar--mid{background:linear-gradient(180deg,#fcd34d,#f59e0b);box-shadow:0 3px 8px #f59e0b40}.stat-rel-bar--low{background:linear-gradient(180deg,#fca5a5,#ef4444);box-shadow:0 3px 8px #ef444440}.stat-rel-pct{font-size:10px;font-weight:700;min-height:14px}.stat-rel-pct--high{color:var(--pp-success-color)}.stat-rel-pct--mid{color:var(--pp-warning-color)}.stat-rel-pct--low{color:var(--pp-error-color)}.stat-rel-num{font-size:9px;color:var(--lumo-secondary-text-color);font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;text-align:center}.stat-trend-up{color:var(--pp-success-color)!important;font-weight:700}.stat-trend-down{color:var(--pp-error-color)!important;font-weight:700}.stat-trend-flat{color:var(--lumo-secondary-text-color)!important}.stat-bottom-row{gap:16px!important}.stat-art-header{display:grid;grid-template-columns:2fr .5fr .9fr .9fr;gap:10px;padding:0 4px 10px;border-bottom:2px solid var(--pp-border-color);margin-bottom:8px}.stat-art-col-label{font-size:var(--lumo-font-size-xxs);font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--lumo-secondary-text-color)}.stat-art-row{display:grid;grid-template-columns:2fr .5fr .9fr .9fr;align-items:center;gap:10px;padding:8px 4px;border-radius:var(--lumo-border-radius-m);transition:background .12s ease}.stat-art-row:hover{background:var(--pp-primary-50)}.stat-art-ref-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.stat-art-prog{height:4px!important;border-radius:999px!important;width:100%}.stat-art-ref{font-size:var(--lumo-font-size-xs);font-weight:700;font-family:monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--lumo-body-text-color)}.stat-art-errors{font-size:var(--lumo-font-size-xs);font-weight:800;color:var(--pp-warning-color);text-align:center;background:var(--pp-warning-50);border-radius:999px;padding:2px 8px;width:fit-content}.stat-art-delta{font-size:var(--lumo-font-size-xs);font-weight:800;color:var(--pp-error-color);white-space:nowrap}.stat-art-avg{font-size:var(--lumo-font-size-xs);font-weight:600;color:var(--pp-error-color);white-space:nowrap}.stat-no-risk{display:flex;flex-direction:column;align-items:center;gap:8px;padding:32px 0;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-weight:500;text-align:center}.stat-ring-section{display:flex;align-items:center;gap:24px;padding:8px 0 16px}.stat-ring-container{position:relative;width:88px;height:88px;flex-shrink:0}.stat-ring-svg{width:88px;height:88px;transform:rotate(-90deg)}.stat-ring-track{fill:none;stroke:var(--pp-border-color);stroke-width:8}.stat-ring-fill{fill:none;stroke-width:8;stroke-linecap:round;transition:stroke-dashoffset .6s ease}.stat-ring-inner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.stat-ring-pct{font-size:var(--lumo-font-size-m);font-weight:800;letter-spacing:-.02em;color:var(--lumo-body-text-color);line-height:1}.stat-ring-label{font-size:9px;font-weight:600;color:var(--lumo-secondary-text-color);text-transform:uppercase;letter-spacing:.04em}.stat-ring-amounts{display:flex;flex-direction:column;gap:6px}.stat-ring-rec{font-size:var(--lumo-font-size-s);font-weight:700;color:var(--pp-success-color)}.stat-ring-rem{font-size:var(--lumo-font-size-s);font-weight:700;color:var(--pp-error-color)}.stat-separator{height:1px;background:var(--pp-border-color);margin:4px 0 12px}.stat-contact-section{display:flex;flex-direction:column;gap:10px}.stat-contact-header{display:flex;align-items:center;gap:6px}.stat-contact-header vaadin-icon{color:var(--lumo-secondary-text-color)!important}.stat-contact-title{font-size:var(--lumo-font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--lumo-secondary-text-color)}.stat-contact-info{display:flex;flex-direction:column;gap:4px;background:var(--pp-surface-2);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-l);padding:12px 14px}.stat-contact-name{font-size:var(--lumo-font-size-s);font-weight:700;color:var(--lumo-body-text-color)}.stat-contact-email{font-size:var(--lumo-font-size-xs);color:var(--pp-primary-color);font-weight:500}.stat-contact-phone{font-size:var(--lumo-font-size-xs);color:var(--lumo-secondary-text-color)}.stat-no-contact{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);font-style:italic;padding:8px 0}.stat-history-section{background:var(--pp-surface-color);border:1px solid var(--pp-border-color);border-radius:var(--lumo-border-radius-xl);padding:var(--lumo-space-l);box-shadow:var(--lumo-box-shadow-xs);position:relative;overflow:hidden}.stat-history-section:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--pp-gradient-success);border-radius:var(--lumo-border-radius-xl) var(--lumo-border-radius-xl) 0 0}.stat-history-grid{margin-top:8px}.stat-timeline-main{display:flex;align-items:stretch;gap:20px;min-height:160px}.stat-timeline-controls{display:flex;flex-direction:column;gap:10px;flex-shrink:0;width:auto}.stat-preset-group{display:flex;flex-wrap:wrap;gap:6px;max-width:310px}.stat-preset-btn{border-radius:999px!important;border:1.5px solid var(--pp-border-color)!important;color:var(--lumo-secondary-text-color)!important;font-weight:600!important;transition:background .15s ease,border-color .15s ease,color .15s ease!important}.stat-preset-btn:hover{background:var(--pp-primary-50)!important;border-color:var(--pp-primary-color)!important;color:var(--pp-primary-color)!important}.stat-preset-btn--active{background:var(--pp-gradient-primary)!important;border-color:transparent!important;color:#fff!important;box-shadow:0 3px 10px #6366f14d!important}.stat-date-range{display:flex;flex-direction:row;gap:6px;align-items:center}.stat-timeline-container{flex:1;min-width:0;display:flex;flex-direction:column}.stat-tl-empty{display:flex;align-items:center;justify-content:center;height:120px;color:var(--lumo-secondary-text-color);font-size:var(--lumo-font-size-s);font-style:italic}.stat-tl-svg{flex:1;width:100%;height:100%;min-height:0;display:block;overflow:visible}.stat-tl-grid{stroke:var(--pp-border-color);stroke-width:1;stroke-dasharray:4 4}.stat-tl-axis{stroke:var(--pp-border-color);stroke-width:1.5}.stat-tl-ylabel,.stat-tl-xlabel{fill:var(--lumo-secondary-text-color);font-size:11px;font-family:Inter,-apple-system,sans-serif;font-weight:500}.stat-tl-area{opacity:1}.stat-tl-line{stroke-width:3;stroke-linejoin:round;stroke-linecap:round}.stat-tl-line--owed{stroke:#f59e0b}.stat-tl-line--recovered{stroke:#10b981}.stat-tl-line--remaining{stroke:#6366f1}.stat-tl-dot{stroke-width:1.5;cursor:pointer;transition:r .12s ease,stroke-width .12s ease}.stat-tl-dot:hover{stroke-width:3}.stat-tl-dot--owed{fill:#f59e0b}.stat-tl-dot--recovered{fill:#10b981}.stat-tl-dot--remaining{fill:#6366f1}.stat-timeline-legend{display:flex;flex-direction:column;justify-content:center;gap:10px;flex-shrink:0;padding-left:14px;border-left:1px solid var(--pp-border-color)}.stat-legend-item{display:flex;align-items:center;gap:8px}.stat-legend-dash{width:24px;height:3px;border-radius:999px;flex-shrink:0}.stat-legend--owed{background:#f59e0b}.stat-legend--recovered{background:#10b981}.stat-legend--remaining{background:#6366f1}.stat-legend-label{font-size:var(--lumo-font-size-xs);font-weight:600;color:var(--lumo-secondary-text-color);white-space:nowrap}@media (max-width: 768px){.stat-timeline-main{flex-direction:column;min-height:unset;align-items:stretch}.stat-timeline-controls{width:100%}.stat-preset-group{max-width:100%}.stat-timeline-container{width:100%;height:auto;min-height:180px}.stat-tl-svg{width:100%;height:auto;min-height:180px;flex:unset}.stat-timeline-legend{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:16px;border-left:none;border-top:1px solid var(--pp-border-color);padding-left:0;padding-top:12px}}.card{background:var(--pp-surface-color);border-radius:var(--lumo-border-radius-xl);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-l);border:1px solid var(--pp-border-color);transition:transform .2s ease,box-shadow .25s ease;position:relative;overflow:hidden}.card:hover{transform:translateY(-3px);box-shadow:var(--lumo-box-shadow-m)}.card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--lumo-space-m);gap:var(--lumo-space-m)}.card-title{font-size:var(--lumo-font-size-l);font-weight:700;color:var(--lumo-body-text-color);letter-spacing:-.02em;margin:0}.card-subtitle{font-size:var(--lumo-font-size-s);color:var(--lumo-secondary-text-color);margin:2px 0 0}.card-content{color:var(--lumo-body-text-color);font-size:var(--lumo-font-size-m)}.card-footer{margin-top:var(--lumo-space-l);padding-top:var(--lumo-space-m);display:flex;justify-content:flex-end;gap:var(--lumo-space-s);border-top:1px solid var(--pp-border-subtle)}.card-accent-primary:before,.card-accent-success:before,.card-accent-warning:before,.card-accent-error:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--lumo-border-radius-xl) var(--lumo-border-radius-xl) 0 0}.card-accent-primary:before{background:linear-gradient(90deg,var(--pp-primary-color),var(--pp-purple-color))}.card-accent-success:before{background:linear-gradient(90deg,var(--pp-success-color),var(--pp-cyan-color))}.card-accent-warning:before{background:linear-gradient(90deg,var(--pp-warning-color),var(--pp-error-color))}.card-accent-error:before{background:linear-gradient(90deg,var(--pp-error-color),var(--pp-warning-color))}html{--lumo-font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pp-primary-color: #6366F1;--pp-primary-dark: #4F46E5;--pp-primary-light: #818CF8;--pp-primary-50: #EEF2FF;--pp-primary-100: #E0E7FF;--pp-primary-200: #C7D2FE;--pp-primary-400: #818CF8;--pp-primary-contrast: #FFFFFF;--pp-secondary-color: #64748B;--pp-success-color: #10B981;--pp-success-dark: #059669;--pp-success-50: #ECFDF5;--pp-warning-color: #F59E0B;--pp-warning-dark: #D97706;--pp-warning-50: #FFFBEB;--pp-error-color: #EF4444;--pp-error-dark: #DC2626;--pp-error-50: #FEF2F2;--pp-purple-color: #8B5CF6;--pp-purple-dark: #7C3AED;--pp-purple-50: #F5F3FF;--pp-cyan-color: #06B6D4;--pp-cyan-50: #ECFEFF;--pp-background-color: #F0F2F8;--pp-surface-color: #FFFFFF;--pp-surface-2: #F8FAFC;--pp-surface-glass: rgba(255, 255, 255, .7);--pp-border-color: #E2E8F0;--pp-border-subtle: #F1F5F9;--pp-sidebar-bg: #0D0F1A;--pp-sidebar-bg-2: #111827;--pp-sidebar-text: #94A3B8;--pp-sidebar-text-active: #C7D2FE;--pp-sidebar-active-bg: rgba(99, 102, 241, .15);--pp-sidebar-hover-bg: rgba(255, 255, 255, .04);--pp-sidebar-border: rgba(255, 255, 255, .05);--pp-gradient-primary: linear-gradient(135deg, #6366F1 0%, #8B5CF6 100%);--pp-gradient-success: linear-gradient(135deg, #10B981 0%, #06B6D4 100%);--pp-gradient-warning: linear-gradient(135deg, #F59E0B 0%, #EF4444 100%);--pp-gradient-purple: linear-gradient(135deg, #8B5CF6 0%, #EC4899 100%);--pp-gradient-dark: linear-gradient(135deg, #0D0F1A 0%, #1E1B4B 100%);--lumo-primary-color: var(--pp-primary-color);--lumo-primary-text-color: var(--pp-primary-color);--lumo-primary-contrast-color: var(--pp-primary-contrast);--lumo-error-color: var(--pp-error-color);--lumo-success-color: var(--pp-success-color);--lumo-body-text-color: #0F172A;--lumo-secondary-text-color: #64748B;--lumo-border-radius-s: 6px;--lumo-border-radius-m: 10px;--lumo-border-radius-l: 14px;--lumo-border-radius-xl: 20px;--lumo-font-size-xxs: .6875rem;--lumo-font-size-xs: .8125rem;--lumo-font-size-s: .875rem;--lumo-font-size-m: 1rem;--lumo-font-size-l: 1.125rem;--lumo-font-size-xl: 1.375rem;--lumo-font-size-xxl: 1.75rem;--lumo-font-size-xxxl: 2.25rem;--lumo-box-shadow-xs: 0 1px 2px 0 rgb(15 23 42 / .05);--lumo-box-shadow-s: 0 2px 8px -1px rgb(15 23 42 / .08), 0 1px 3px -1px rgb(15 23 42 / .06);--lumo-box-shadow-m: 0 8px 20px -4px rgb(15 23 42 / .1), 0 4px 8px -4px rgb(15 23 42 / .06);--lumo-box-shadow-l: 0 16px 32px -8px rgb(15 23 42 / .12), 0 6px 12px -6px rgb(15 23 42 / .06);--lumo-box-shadow-xl: 0 24px 48px -12px rgb(15 23 42 / .18), 0 8px 16px -8px rgb(15 23 42 / .06)}body{background-color:var(--pp-background-color)}.text-success{color:var(--pp-success-color)}.text-error{color:var(--pp-error-color)}.text-warning{color:var(--pp-warning-color)}.text-secondary{color:var(--pp-secondary-color)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.card{background-color:var(--pp-surface-color);border-radius:var(--lumo-border-radius-l);box-shadow:var(--lumo-box-shadow-s);padding:var(--lumo-space-l);border:1px solid var(--pp-border-color);transition:transform .2s ease,box-shadow .2s ease}vaadin-grid{border:none;background-color:transparent;--lumo-base-color: transparent}vaadin-grid::part(header-cell){background-color:var(--pp-surface-2);color:var(--lumo-secondary-text-color);font-weight:600;font-size:var(--lumo-font-size-xs);text-transform:uppercase;letter-spacing:.07em;border-bottom:1px solid var(--pp-border-color)}vaadin-grid::part(body-cell){background-color:var(--pp-surface-color);border-bottom:1px solid var(--pp-border-subtle);transition:background-color .1s ease}vaadin-grid::part(row):hover ::part(body-cell){background-color:var(--pp-primary-50)}vaadin-grid::part(row):last-child ::part(body-cell){border-bottom:none}vaadin-button[theme~=primary]{background:var(--pp-gradient-primary);box-shadow:0 4px 14px #6366f159;font-weight:600;letter-spacing:.01em;transition:box-shadow .2s ease,transform .15s ease}vaadin-button[theme~=primary]:hover{box-shadow:0 8px 20px #6366f173;transform:translateY(-1px)}vaadin-button[theme~=tertiary]{font-weight:500}vaadin-dialog-overlay::part(overlay){border-radius:var(--lumo-border-radius-xl);box-shadow:var(--lumo-box-shadow-xl);border:1px solid var(--pp-border-color)}vaadin-dialog-overlay::part(header){font-weight:700;font-size:var(--lumo-font-size-l);letter-spacing:-.01em}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:btn-spin .65s linear infinite;flex-shrink:0}.pp-btn-delete{background:transparent!important;color:var(--lumo-body-text-color)!important;border:1.5px solid var(--pp-border-color)!important;border-radius:8px!important;font-weight:600!important;font-size:var(--lumo-font-size-s)!important;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .1s ease!important}.pp-btn-delete vaadin-icon{color:var(--lumo-secondary-text-color)!important;transition:color .15s ease!important}.pp-btn-delete:hover{background:var(--pp-error-50)!important;border-color:var(--pp-error-color)!important;color:var(--pp-error-color)!important;box-shadow:0 2px 8px #ef444433!important;transform:translateY(-1px)!important}.pp-btn-delete:hover vaadin-icon{color:var(--pp-error-color)!important}.tbl-btn{min-width:0!important;padding:0!important;width:30px!important;height:30px!important;border-radius:var(--lumo-border-radius-m)!important;transition:background .15s ease,color .15s ease,transform .1s ease!important;flex-shrink:0}.tbl-btn vaadin-icon{font-size:15px!important}.tbl-btn-edit{background:transparent!important;border:1.5px solid var(--pp-border-color)!important;transition:border-color .15s ease,background .15s ease,transform .1s ease!important}.tbl-btn-edit vaadin-icon{color:var(--lumo-secondary-text-color)!important;transition:color .15s ease!important}.tbl-btn-edit:hover{border-color:var(--pp-primary-color)!important;background:var(--pp-primary-50)!important;transform:scale(1.08)!important}.tbl-btn-edit:hover vaadin-icon{color:var(--pp-primary-color)!important}.tbl-btn-delete{border-radius:50%!important;background:transparent!important;border:1.5px solid var(--pp-border-color)!important;transition:border-color .15s ease,background .15s ease,transform .1s ease!important}.tbl-btn-delete vaadin-icon{color:var(--lumo-secondary-text-color)!important;transition:color .15s ease!important}.tbl-btn-delete:hover{border-color:var(--pp-error-color)!important;background:var(--pp-error-50)!important;transform:scale(1.08)!important}.tbl-btn-delete:hover vaadin-icon{color:var(--pp-error-color)!important}.tbl-btn-email-send{font-size:var(--lumo-font-size-xs)!important;font-weight:600!important;background:var(--pp-primary-50)!important;color:var(--pp-primary-dark)!important;border:1px solid var(--pp-primary-200)!important;border-radius:var(--lumo-border-radius-m)!important;padding:0 10px!important;height:26px!important;min-width:0!important;transition:background .15s ease,transform .1s ease!important}.tbl-btn-email-send:hover{background:var(--pp-primary-100)!important;transform:scale(1.03)!important}.tbl-btn-email-sent{font-size:var(--lumo-font-size-xs)!important;font-weight:600!important;background:#ecfdf5!important;color:#065f46!important;border:1px solid #6EE7B7!important;border-radius:var(--lumo-border-radius-m)!important;padding:0 10px!important;height:26px!important;min-width:0!important;cursor:pointer!important;transition:background .15s ease!important}.tbl-btn-email-sent:hover{background:#d1fae5!important}*{scrollbar-width:thin;scrollbar-color:var(--pp-border-color) transparent}