.demo-app{margin:0;overflow:hidden}.demo-app .p4-app{color:var(--text)}.demo-app .p4-app[data-theme=dark] .p4-panel,.demo-app .p4-app[data-theme=dark] .p4-ref-kpis article,.demo-app .p4-app[data-theme=dark] .p4-ref-pipeline,.demo-app .p4-app[data-theme=dark] .p4-ref-tasks,.demo-app .p4-app[data-theme=dark] .p4-ref-recent,.demo-app .p4-app[data-theme=dark] .p4-campaign-stats article,.demo-app .p4-app[data-theme=dark] .p4-settings-grid>section,.demo-app .p4-app[data-theme=dark] .p4-members-layout>section,.demo-app .p4-app[data-theme=dark] .p4-members-layout>aside{box-shadow:0 12px 32px #000a072e}.demo-app .p4-ref-column>header,.demo-app .p4-ref-deal b{font-size:12.5px}@media (min-width:761px){.demo-app .p4-content>.p4-panel>.p4-section-heading .p4-lead-actions{margin-inline-end:-18px}}.demo-app .p4-leads-table td:last-child button,.demo-app .p4-table-actions button{width:30px;height:30px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;padding:0}.demo-app .p4-leads-table td:last-child button:hover,.demo-app .p4-table-actions button:hover{border-color:var(--line);background:var(--surface-3);color:var(--text)}.demo-app .p4-leads-table td:last-child button.danger:hover,.demo-app .p4-table-actions button.danger:hover{color:#d85b61}.demo-app .p4-leads-table td:last-child svg,.demo-app .p4-table-actions svg{stroke-width:1.8px;width:17px;height:17px}.demo-app .p4-app[data-theme=dark] .p4-campaign-status.draft,.demo-app .p4-app[data-theme=dark] .p4-status-pill.draft{color:#c6d7d2;background:#17312b;border-color:#294a41}.demo-app .p4-app[data-theme=dark] .p4-campaign-status.active,.demo-app .p4-app[data-theme=dark] .p4-status-pill.active{color:#75e0c8;background:#123a30;border-color:#1e5c4d}.demo-app .p4-app[data-theme=dark] .p4-campaign-status.paused,.demo-app .p4-app[data-theme=dark] .p4-status-pill.paused{color:#ffd36a;background:#3a2c09;border-color:#624d16}.demo-app .p4-app[data-theme=dark] .p4-campaign-status.completed,.demo-app .p4-app[data-theme=dark] .p4-status-pill.completed{color:#a7d0ff;background:#17314a;border-color:#285276}.demo-app .p4-app[data-theme=light] .p4-campaign-status.draft,.demo-app .p4-app[data-theme=light] .p4-status-pill.draft{color:#425a52;background:#e7efec}.demo-app .p4-app[data-theme=light] .p4-campaign-status.active,.demo-app .p4-app[data-theme=light] .p4-status-pill.active{color:#08745f;background:#d9f1ea}.demo-app .p4-app[data-theme=light] .p4-campaign-status.paused,.demo-app .p4-app[data-theme=light] .p4-status-pill.paused{color:#855b00;background:#fff0c8}.demo-app .p4-app[data-theme=light] .p4-campaign-status.completed,.demo-app .p4-app[data-theme=light] .p4-status-pill.completed{color:#255f9d;background:#e1edff}.demo-app .p4-ref-tasks>footer .p4-btn,.demo-app .p4-ref-tasks>footer button{border:1px solid var(--line);background:var(--surface-2);min-height:32px;color:var(--brand-strong);box-shadow:none;border-radius:7px;padding:0 10px}.demo-app .p4-form input,.demo-app .p4-form select{height:42px;min-height:42px}.demo-app .p4-app[data-theme=light] input[type=number]::-webkit-inner-spin-button{filter:none}.demo-app .p4-form input::placeholder,.demo-app .p4-form textarea::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent);opacity:1}.demo-app .p4-app[dir=rtl] .p4-form-actions,.demo-app .p4-app[dir=rtl] .p4-photo-editor{justify-content:flex-start}.demo-app .p4-app[dir=rtl] .p4-section-heading,.demo-app .p4-app[dir=rtl] .p4-form label,.demo-app .p4-app[dir=rtl] .p4-settings-copy,.demo-app .p4-app[dir=rtl] .p4-form input,.demo-app .p4-app[dir=rtl] .p4-form select,.demo-app .p4-app[dir=rtl] .p4-form textarea{text-align:start}.demo-app .p4-demo-settings .p4-section-heading,.demo-app .p4-demo-settings .p4-settings-row{padding-inline:20px}@media (max-width:760px){:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.demo-app .p4-modal-body{padding:16px}.demo-app .p4-form{grid-template-columns:1fr}.demo-app .p4-ref-kpis strong{font-size:25px}}.demo-app .p4-app{--demo-sidebar-width:220px;background:var(--bg);min-height:100dvh;font-size:13px;display:block}.demo-app .p4-sidebar{width:var(--demo-sidebar-width);overscroll-behavior:contain;height:100dvh;padding:14px 12px;position:fixed;inset-block:0;inset-inline-start:0;overflow-y:auto}.demo-app .p4-main{width:calc(100% - var(--demo-sidebar-width));height:100dvh;min-height:0;overscroll-behavior:contain;scrollbar-gutter:stable;margin-inline-start:var(--demo-sidebar-width);overflow-y:auto}.demo-app .p4-sidebar-company{border-radius:10px;gap:10px;min-height:58px;margin-bottom:10px;padding:8px}.demo-app .p4-sidebar-company>.p4-company-avatar,.demo-app .p4-sidebar-company>span{border-radius:9px;width:38px;min-width:38px;height:38px}.demo-app .p4-sidebar-company b{font-size:13px}.demo-app .p4-sidebar-company div span{font-size:10.5px}.demo-app .p4-sidebar nav{gap:2px}.demo-app .p4-sidebar nav button,.demo-app .p4-sidebar footer button{border-radius:7px;gap:9px;min-height:36px;padding:0 10px;font-size:12px;font-weight:650}.demo-app .p4-sidebar svg{width:17px;height:17px}.demo-app .p4-sidebar footer{gap:9px;padding-top:12px}.demo-app .p4-sidebar footer>span{padding-inline:10px;font-size:10.5px}.demo-app .p4-topbar{background:color-mix(in srgb, var(--surface) 96%, transparent);min-height:56px;padding:8px clamp(16px,2vw,28px);position:sticky;top:0}.demo-app .p4-search{border-radius:8px;width:min(100%,600px);height:36px;padding:0 11px}.demo-app .p4-search svg{width:16px;height:16px}.demo-app .p4-top-actions>button,.demo-app .p4-mobile-menu{border-radius:8px;width:34px;height:34px}.demo-app .p4-top-actions>button svg,.demo-app .p4-mobile-menu svg{width:18px;height:18px}.demo-app .p4-profile-button{border-radius:8px;gap:7px;min-height:34px;padding:3px 5px;font-size:12px}.demo-app .p4-profile-button>.p4-avatar{width:32px;min-width:32px;height:32px}.demo-app .p4-content{width:min(100%,1320px);padding:22px clamp(16px,2vw,28px) 32px}.demo-app .p4-page-heading,.demo-app .p4-dashboard>header{gap:14px;margin-bottom:14px}.demo-app .p4-page-heading h1,.demo-app .p4-dashboard h1{font-size:clamp(25px,2.4vw,30px);line-height:1.15}.demo-app .p4-page-heading p,.demo-app .p4-dashboard header p{margin-top:3px;font-size:12px}.demo-app .p4-dashboard>header>div:first-child>span{letter-spacing:.08em;margin-bottom:4px;font-size:10px}.demo-app .p4-btn{min-height:36px;box-shadow:none;border-radius:8px;gap:6px;padding:0 13px;font-size:12px}.demo-app .p4-btn svg{width:17px;height:17px}.demo-app .p4-btn.primary{box-shadow:0 7px 18px color-mix(in srgb, var(--brand) 17%, transparent)}.demo-app .p4-metrics{gap:10px;margin-bottom:12px}.demo-app .p4-metrics article{min-height:78px;box-shadow:var(--shadow-sm);border-radius:10px;padding:13px 15px}.demo-app .p4-metrics span{font-size:11px}.demo-app .p4-metrics strong{font-size:24px}.demo-app .p4-dashboard{grid-template-columns:minmax(0,3.3fr) minmax(230px,.95fr);gap:12px}.demo-app .p4-panel,.demo-app .p4-recent,.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section,.demo-app .p4-card-list,.demo-app .p4-timeline{box-shadow:var(--shadow-sm);border-radius:10px}.demo-app .p4-panel>header:not(.p4-section-heading),.demo-app .p4-recent>header,.demo-app .p4-section-heading{min-height:54px;padding:12px 16px}.demo-app .p4-panel>header h2,.demo-app .p4-recent>header h2,.demo-app .p4-section-heading h2{font-size:17px}.demo-app .p4-section-heading p{font-size:11px}.demo-app .p4-pipeline{grid-template-columns:repeat(4,minmax(150px,1fr));gap:8px;padding:10px}.demo-app .p4-pipeline>div{border-radius:8px;min-height:112px;padding:9px}.demo-app .p4-pipeline header{font-size:11.5px}.demo-app .p4-pipeline>div>article{border-radius:7px;gap:2px;margin-top:7px;padding:9px;font-size:11.5px}.demo-app .p4-pipeline small{font-size:10.5px}.demo-app .tasks>label{gap:8px;min-height:54px;margin:0 13px;padding:9px 1px;font-size:11.5px}.demo-app .tasks>label input{flex-basis:14px;width:14px;height:14px}.demo-app .tasks>label small{font-size:10px}.demo-app .p4-recent{margin-top:12px}.demo-app .p4-table th,.demo-app .p4-table td{padding:9px 13px}.demo-app .p4-table th{font-size:10px}.demo-app .p4-badge{padding:3px 8px;font-size:10px}.demo-app .p4-card-list .p4-initial{border-radius:9px;width:38px;min-width:38px;height:38px}.demo-app .p4-row-actions{gap:5px}.demo-app .p4-row-actions button{border-radius:7px;width:32px;height:32px;padding:0}.demo-app .p4-settings-grid,.demo-app .p4-members-layout{gap:12px}.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section{padding:18px}.demo-app .p4-settings-grid h1,.demo-app .p4-settings-grid h2,.demo-app .p4-members-layout h1,.demo-app .p4-members-layout h2{margin-bottom:14px;font-size:20px}.demo-app .p4-form input,.demo-app .p4-form select,.demo-app .p4-form textarea,.demo-app .p4-setting-row select{border-radius:7px;min-height:38px;padding:8px 10px;font-size:12px}.demo-app .p4-photo-editor>span{width:62px;height:62px}.demo-app .p4-modal-backdrop{padding:14px}.demo-app .p4-modal{border-radius:12px;width:min(660px,100%);padding:0}.demo-app .p4-modal>header{border-bottom:1px solid var(--line);min-height:54px;margin:0;padding:10px 14px 10px 18px}.demo-app .p4-modal h2{font-size:18px}.demo-app .p4-modal>header button{border-radius:7px;width:32px;height:32px}.demo-app .p4-modal>header button svg{width:17px;height:17px}.demo-app .p4-modal .p4-form-actions{margin:5px -18px -18px;padding:11px 18px;bottom:-18px}.demo-app .p4-profile-menu{border-radius:10px;width:250px;padding:7px}.demo-app .p4-profile-menu header{gap:9px;padding:7px 7px 10px}.demo-app .p4-profile-menu header>.p4-avatar{width:42px;min-width:42px;height:42px}.demo-app .p4-profile-menu>button,.demo-app .p4-profile-menu>label{border-radius:7px;min-height:36px;padding:6px 7px;font-size:11.5px}.demo-app .p4-profile-menu select{height:30px;font-size:11px}.demo-app .p4-app{font-family:Inter,IRANSans,Segoe UI,Tahoma,sans-serif}.demo-app .p4-sidebar{color:var(--text);background:var(--sidebar);border-inline-end:1px solid var(--line)}.demo-app .p4-sidebar-company{border-color:var(--line-strong);background:color-mix(in srgb, var(--surface) 35%, transparent)}.demo-app .p4-sidebar-company>.p4-company-avatar,.demo-app .p4-sidebar-company>span{background:color-mix(in srgb, var(--brand) 12%, var(--surface));color:var(--brand)}.demo-app .p4-sidebar-company b{color:var(--text)}.demo-app .p4-sidebar-company div span,.demo-app .p4-sidebar nav button,.demo-app .p4-sidebar footer button{color:var(--muted)}.demo-app .p4-sidebar nav button:hover,.demo-app .p4-sidebar footer button:hover{color:var(--text);background:var(--sidebar-hover)}.demo-app .p4-sidebar nav button.active{color:var(--text);background:var(--sidebar-hover);box-shadow:inset 2px 0 0 var(--brand)}.demo-app [dir=rtl] .p4-sidebar nav button.active{box-shadow:inset -2px 0 0 var(--brand)}.demo-app .p4-sidebar footer{border-color:var(--line)}.demo-app .p4-demo-upgrade{color:var(--text);background:color-mix(in srgb, var(--brand) 8%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 22%, var(--line));border-radius:9px;grid-template-columns:30px 1fr auto;align-items:center;gap:8px;margin:2px 0 4px;padding:10px;display:grid}.demo-app .p4-demo-upgrade>svg{width:16px;height:16px;color:var(--brand)}.demo-app .p4-demo-upgrade div{gap:2px;min-width:0;display:grid}.demo-app .p4-demo-upgrade b{font-size:11px}.demo-app .p4-demo-upgrade small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9px;overflow:hidden}.demo-app .p4-demo-upgrade>span{color:var(--muted);font-size:16px}.demo-app .p4-topbar{border-color:var(--line);background:color-mix(in srgb, var(--surface) 93%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.demo-app .p4-search,.demo-app .p4-top-actions>button,.demo-app .p4-profile-button{background:var(--surface-2);border-color:var(--line)}.demo-app .p4-panel,.demo-app .p4-recent,.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section,.demo-app .p4-card-list,.demo-app .p4-timeline{border-color:var(--line)}.demo-app .p4-demo-campaigns{gap:14px;display:grid}.demo-app .p4-demo-page-header{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.demo-app .p4-demo-page-header h1{color:var(--text);letter-spacing:-.035em;margin:0;font-size:26px;line-height:1.15}.demo-app .p4-demo-page-header p{color:var(--muted);margin:5px 0 0;font-size:11.5px}.demo-app .p4-campaign-create{color:var(--text);background:color-mix(in srgb, var(--brand) 14%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 32%, var(--line))}.demo-app .p4-app[data-theme=dark] .p4-campaign-create{color:#e7fff9;background:color-mix(in srgb, var(--brand) 17%, var(--surface))}.demo-app .p4-campaign-create:hover{background:color-mix(in srgb, var(--brand) 22%, var(--surface))}.demo-app .p4-demo-campaign-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.demo-app .p4-demo-campaign-metrics article{background:var(--surface);border:1px solid var(--line);min-height:88px;box-shadow:var(--shadow-sm);border-radius:10px;justify-content:space-between;align-items:center;gap:10px;padding:14px;display:flex}.demo-app .p4-demo-campaign-metrics article>div{gap:3px;display:grid}.demo-app .p4-demo-campaign-metrics span{color:var(--muted);font-size:10.5px;font-weight:650}.demo-app .p4-demo-campaign-metrics strong{color:var(--text);letter-spacing:-.03em;font-size:21px}.demo-app .p4-demo-campaign-metrics small{color:var(--muted);font-size:8.5px}.demo-app .p4-demo-campaign-metrics svg{fill:none;width:76px;height:32px;stroke:var(--brand);stroke-width:2px;opacity:.75;overflow:visible}.demo-app .p4-demo-campaign-table{overflow:hidden}.demo-app .p4-campaign-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:8px 12px;display:flex}.demo-app .p4-campaign-tabs{align-items:center;gap:3px;display:flex}.demo-app .p4-campaign-tabs button{min-height:30px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:6px;padding:0 9px;font-size:10.5px}.demo-app .p4-campaign-tabs button.active{color:var(--text);background:var(--surface-3);font-weight:700}.demo-app .p4-campaign-tools{align-items:center;gap:6px;display:flex}.demo-app .p4-campaign-tools label,.demo-app .p4-campaign-tools>button{height:32px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:7px;align-items:center;gap:6px;display:flex}.demo-app .p4-campaign-tools label{width:184px;padding:0 8px}.demo-app .p4-campaign-tools input{width:100%;color:var(--text);font:inherit;background:0 0;border:0;outline:0;font-size:10.5px}.demo-app .p4-campaign-tools>button{font:inherit;padding:0 9px;font-size:10.5px}.demo-app .p4-campaign-tools svg{width:14px;height:14px}.demo-app .p4-campaign-table th{white-space:nowrap}.demo-app .p4-campaign-table td{height:48px;font-size:11px}.demo-app .p4-campaign-table td b{font-size:11.5px}.demo-app .p4-campaign-status{border-radius:999px;align-items:center;min-height:22px;padding:0 7px;font-size:9px;font-weight:750;display:inline-flex}.demo-app .p4-campaign-status.active{color:#08735f;background:#dff3ed}.demo-app .p4-campaign-status.paused{color:#8a6412;background:#f7eed3}.demo-app .p4-campaign-status.draft{color:var(--muted);background:var(--surface-3)}.demo-app .p4-campaign-status.completed{color:#385f9c;background:#e5edf9}.demo-app .p4-app[data-theme=dark] .p4-campaign-status{filter:saturate(.8)brightness(.78);color:#fff}.demo-app .p4-rate{color:var(--brand);font-weight:700}.demo-app .p4-campaign-actions button{width:28px;height:28px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px}.demo-app .p4-campaign-actions button:hover{color:var(--text);background:var(--surface-3);border-color:var(--line)}.demo-app .p4-demo-ai-suggestions{background:color-mix(in srgb, var(--brand) 5%, var(--surface));border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(180px,.8fr) repeat(2,minmax(0,1fr));align-items:center;gap:10px;padding:12px 14px;display:grid}.demo-app .p4-demo-ai-suggestions header,.demo-app .p4-demo-ai-suggestions div{align-items:center;gap:8px;display:flex}.demo-app .p4-demo-ai-suggestions header svg{width:16px;color:var(--brand)}.demo-app .p4-demo-ai-suggestions header b{font-size:11px}.demo-app .p4-demo-ai-suggestions div{border-inline-start:1px solid var(--line);justify-content:space-between;min-width:0;padding-inline-start:10px}.demo-app .p4-demo-ai-suggestions span{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.demo-app .p4-demo-ai-suggestions button{color:var(--brand);font:inherit;background:0 0;border:0;flex:none;font-size:9px;font-weight:700}.demo-app .p4-campaign-form-intro{color:var(--muted);margin:-3px 0 2px;font-size:10.5px}.demo-app .p4-demo-campaign-form textarea{resize:vertical;min-height:72px}.demo-app .p4-send-time{border:0;grid-template-columns:auto minmax(180px,1fr);align-items:end;gap:8px 12px;margin:0;padding:0;display:grid}.demo-app .p4-send-time legend{color:var(--muted);grid-column:1/-1;margin-bottom:5px;font-size:11px;font-weight:650}.demo-app .p4-send-time>div{background:var(--surface-3);border:1px solid var(--line);border-radius:8px;height:38px;padding:3px;display:flex}.demo-app .p4-send-time button{min-width:76px;color:var(--muted);font:inherit;background:0 0;border:0;border-radius:5px;font-size:10.5px}.demo-app .p4-send-time button.active{color:var(--text);background:var(--surface);box-shadow:var(--shadow-sm);font-weight:700}.demo-app .p4-send-time input:disabled{opacity:.55}.demo-app .p4-campaign-ai{background:color-mix(in srgb, var(--brand) 6%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));border-radius:8px;align-items:center;gap:10px;min-height:58px;padding:10px 12px;display:flex}.demo-app .p4-campaign-ai>svg{width:17px;color:var(--brand)}.demo-app .p4-campaign-ai>div{gap:2px;display:grid}.demo-app .p4-campaign-ai b{font-size:10.5px}.demo-app .p4-campaign-ai span{color:var(--muted);font-size:9.5px}.demo-app .p4-campaign-form-actions{direction:ltr;justify-content:flex-end}.demo-app .p4-btn.tertiary{color:var(--muted);background:0 0;border:1px solid #0000}.demo-app .p4-btn.tertiary:hover{color:var(--text);background:var(--surface-2);border-color:var(--line)}.demo-app .p4-btn.draft{color:var(--text);background:var(--surface-3);border:1px solid var(--line-strong)}.demo-app .p4-btn.draft:hover{background:color-mix(in srgb, var(--surface-3) 70%, var(--brand))}.demo-app .p4-campaign-form-actions .p4-btn.primary{color:#fff;background:var(--brand)}.demo-app .p4-demo-dashboard-v2{gap:14px;display:grid}.demo-app .p4-demo-dashboard-head{justify-content:space-between;align-items:flex-end;gap:18px;min-height:62px;display:flex}.demo-app .p4-demo-dashboard-head time{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px;font-size:9.5px;font-weight:600;display:block}.demo-app .p4-demo-dashboard-head h1{color:var(--text);letter-spacing:-.045em;margin:0;font-size:27px;line-height:1.08}.demo-app .p4-demo-dashboard-head p{color:var(--muted);margin:5px 0 0;font-size:11px}.demo-app .p4-demo-head-actions{align-items:center;gap:7px;display:flex}.demo-app .p4-demo-head-actions .secondary{color:var(--text);background:var(--surface);border-color:var(--line)}.demo-app .p4-demo-head-actions .secondary svg:last-child{width:13px}.demo-app .p4-demo-stat-strip{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.demo-app .p4-demo-stat-strip article{border-inline-start:1px solid var(--line);grid-template-columns:34px 1fr auto;align-items:center;gap:11px;min-height:84px;padding:14px 16px;display:grid}.demo-app .p4-demo-stat-strip article:first-child{border-inline-start:0}.demo-app [dir=rtl] .p4-demo-stat-strip article:first-child{border-inline-start:1px solid var(--line)}.demo-app [dir=rtl] .p4-demo-stat-strip article:last-child{border-inline-start:0}.demo-app .p4-demo-stat-icon{width:34px;height:34px;color:var(--brand);background:color-mix(in srgb, var(--brand) 10%, var(--surface));border-radius:8px;place-items:center;display:grid}.demo-app .p4-demo-stat-icon svg{width:16px;height:16px}.demo-app .p4-demo-stat-strip article>div{gap:4px;display:grid}.demo-app .p4-demo-stat-strip article>div span{color:var(--muted);font-size:9.5px;font-weight:650}.demo-app .p4-demo-stat-strip strong{color:var(--text);letter-spacing:-.025em;font-size:18px;line-height:1}.demo-app .p4-demo-stat-strip article>small{color:var(--brand);align-self:end;margin-bottom:1px;font-size:8.5px;font-weight:700}.demo-app .p4-demo-insight-grid{grid-template-columns:minmax(0,2.15fr) minmax(240px,.85fr);gap:12px;display:grid}.demo-app .p4-demo-surface{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:10px}.demo-app .p4-demo-surface>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;min-height:58px;padding:12px 15px;display:flex}.demo-app .p4-demo-surface>header h2{color:var(--text);margin:0;font-size:13.5px;line-height:1.2}.demo-app .p4-demo-surface>header p{color:var(--muted);margin:3px 0 0;font-size:9px}.demo-app .p4-demo-chart-key{color:var(--muted);gap:13px;font-size:9px;display:flex}.demo-app .p4-demo-chart-key span{align-items:center;gap:5px;display:flex}.demo-app .p4-demo-chart-key i{background:var(--brand);border-radius:50%;width:7px;height:7px}.demo-app .p4-demo-chart-key span:last-child i{background:#9aa9a3}.demo-app .p4-demo-chart-summary{align-items:baseline;gap:7px;height:47px;padding:10px 15px 0;display:flex}.demo-app .p4-demo-chart-summary strong{color:var(--text);letter-spacing:-.03em;font-size:21px}.demo-app .p4-demo-chart-summary span{color:var(--brand);font-size:9px;font-weight:750}.demo-app .p4-demo-chart-summary small{color:var(--muted);font-size:8.5px}.demo-app .p4-demo-line-chart{grid-template-columns:30px 1fr;gap:8px;height:150px;padding:0 14px 11px;display:grid}.demo-app .p4-demo-y-axis{color:var(--muted);flex-direction:column;justify-content:space-between;padding:2px 0 19px;font-size:7.5px;display:flex}.demo-app .p4-demo-chart-canvas{min-width:0;position:relative}.demo-app .p4-demo-chart-canvas>i{background:var(--line);opacity:.65;height:1px;position:absolute;inset-inline:0}.demo-app .p4-demo-chart-canvas>i:first-child{top:3px}.demo-app .p4-demo-chart-canvas>i:nth-child(2){top:27px}.demo-app .p4-demo-chart-canvas>i:nth-child(3){top:51px}.demo-app .p4-demo-chart-canvas>i:nth-child(4){top:75px}.demo-app .p4-demo-chart-canvas>i:nth-child(5){top:99px}.demo-app .p4-demo-chart-canvas svg{width:100%;height:calc(100% - 19px);position:absolute;inset:0 0 19px;overflow:visible}.demo-app .p4-demo-chart-canvas path{fill:none;vector-effect:non-scaling-stroke}.demo-app .p4-demo-chart-canvas .target{stroke:#91a19a;stroke-width:1.4px;stroke-dasharray:4 5;opacity:.7}.demo-app .p4-demo-chart-canvas .revenue{stroke:var(--brand);stroke-width:2.3px}.demo-app .p4-demo-chart-canvas .area{fill:color-mix(in srgb, var(--brand) 11%, transparent);stroke:none}.demo-app .p4-demo-chart-canvas circle{fill:var(--surface);stroke:var(--brand);stroke-width:2px;vector-effect:non-scaling-stroke}.demo-app .p4-demo-x-axis{color:var(--muted);justify-content:space-between;font-size:7.5px;display:flex;position:absolute;inset:auto 0 0}.demo-app .p4-demo-goal>header button,.demo-app .p4-demo-activity-v2>header button{width:28px;height:28px;color:var(--muted);background:var(--surface-2);border:1px solid var(--line);border-radius:7px}.demo-app .p4-demo-goal-ring{background:conic-gradient(var(--brand) 0 76%, var(--surface-3) 76%);border-radius:50%;place-items:center;width:126px;height:126px;margin:18px auto 13px;display:grid;position:relative}.demo-app .p4-demo-goal-ring:after{content:"";background:var(--surface);border-radius:50%;position:absolute;inset:12px}.demo-app .p4-demo-goal-ring>div{z-index:1;place-items:center;gap:2px;display:grid}.demo-app .p4-demo-goal-ring strong{color:var(--text);letter-spacing:-.04em;font-size:25px}.demo-app .p4-demo-goal-ring span{color:var(--muted);font-size:8.5px}.demo-app .p4-demo-goal-values{grid-template-columns:1fr 1fr;padding:0 18px 13px;display:grid}.demo-app .p4-demo-goal-values>span{text-align:center;border-inline-start:1px solid var(--line);gap:3px;display:grid}.demo-app .p4-demo-goal-values>span:first-child{border-inline-start:0}.demo-app .p4-demo-goal-values small{color:var(--muted);font-size:8px}.demo-app .p4-demo-goal-values b{color:var(--text);font-size:11px}.demo-app .p4-demo-goal-note{min-height:42px;color:var(--muted);background:var(--surface-2);border-radius:7px;align-items:center;gap:7px;margin:0 12px 12px;padding:8px 10px;font-size:8.5px;display:flex}.demo-app .p4-demo-goal-note svg{width:14px;color:var(--brand)}.demo-app .p4-demo-lower-grid{grid-template-columns:minmax(0,2.15fr) minmax(240px,.85fr);gap:12px;display:grid}.demo-app .p4-demo-pipeline-v2>header button{color:var(--brand);font:inherit;background:0 0;border:0;align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.demo-app .p4-demo-pipeline-v2>header button svg{width:12px}.demo-app .p4-demo-stage-row{grid-template-columns:repeat(4,1fr);display:grid}.demo-app .p4-demo-stage-row article{border-inline-start:1px solid var(--line);min-width:0;padding:13px 14px}.demo-app .p4-demo-stage-row article:first-child{border-inline-start:0}.demo-app .p4-demo-stage-marker{color:var(--muted);grid-template-columns:7px 1fr auto;align-items:center;gap:6px;font-size:8.5px;display:grid}.demo-app .p4-demo-stage-marker>i{background:#7aa8ea;border-radius:2px;width:7px;height:7px}.demo-app .p4-demo-stage-marker.s1>i{background:#8b74dd}.demo-app .p4-demo-stage-marker.s2>i{background:#e1a456}.demo-app .p4-demo-stage-marker.s3>i{background:var(--brand)}.demo-app .p4-demo-stage-marker b{min-width:18px;height:18px;color:var(--text);background:var(--surface-3);border-radius:5px;place-items:center;font-size:8px;display:grid}.demo-app .p4-demo-stage-row article>strong{color:var(--text);letter-spacing:-.02em;margin-top:12px;font-size:16px;display:block}.demo-app .p4-demo-stage-row article>small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:8.5px;display:block;overflow:hidden}.demo-app .p4-demo-stage-progress{background:var(--surface-3);border-radius:9px;height:3px;margin-top:12px;overflow:hidden}.demo-app .p4-demo-stage-progress i{background:var(--brand);border-radius:inherit;height:100%;display:block}.demo-app .p4-demo-activity-v2 label{border-bottom:1px solid var(--line);grid-template-columns:15px 1fr 5px;align-items:center;gap:8px;min-height:51px;margin:0 13px;padding:8px 2px;display:grid}.demo-app .p4-demo-activity-v2 label:last-child{border-bottom:0}.demo-app .p4-demo-activity-v2 input{width:14px;height:14px;accent-color:var(--brand)}.demo-app .p4-demo-activity-v2 label>span{gap:3px;display:grid}.demo-app .p4-demo-activity-v2 b{color:var(--text);font-size:9.5px}.demo-app .p4-demo-activity-v2 small{color:var(--muted);font-size:8px}.demo-app .p4-demo-activity-v2 .priority{background:var(--brand);border-radius:50%;width:5px;height:5px}.demo-app .p4-demo-activity-v2 .priority.p1{background:#e7a34d}.demo-app .p4-demo-activity-v2 .priority.p2{background:#8b74dd}@media (max-width:1100px){.demo-app .p4-dashboard{grid-template-columns:1fr}.demo-app .p4-demo-ai-suggestions{grid-template-columns:1fr 1fr}.demo-app .p4-demo-ai-suggestions header{grid-column:1/-1}.demo-app .p4-demo-ai-suggestions div:first-of-type{border-inline-start:0;padding-inline-start:0}.demo-app .p4-demo-stat-strip{grid-template-columns:repeat(2,1fr)}.demo-app .p4-demo-stat-strip article:nth-child(3){border-top:1px solid var(--line);border-inline-start:0}.demo-app .p4-demo-stat-strip article:nth-child(4){border-top:1px solid var(--line)}.demo-app .p4-demo-insight-grid,.demo-app .p4-demo-lower-grid{grid-template-columns:1fr}}@media (max-width:900px){.demo-app{overflow:auto}.demo-app .p4-app{--demo-sidebar-width:0px;font-size:12.5px}.demo-app .p4-sidebar{width:min(78vw,270px);padding:12px;transform:translate(-105%)}.demo-app [dir=rtl] .p4-sidebar{transform:translate(105%)}.demo-app .p4-sidebar.open{transform:translate(0)}.demo-app .p4-main{width:100%;height:auto;min-height:100dvh;margin-inline-start:0;overflow:visible}.demo-app .p4-topbar{min-height:54px;padding:8px 12px}.demo-app .p4-content{padding:16px 12px 28px}.demo-app .p4-sidebar-company{margin-top:34px}.demo-app .p4-demo-campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app .p4-campaign-toolbar{flex-direction:column;align-items:stretch}.demo-app .p4-campaign-tabs{overflow-x:auto}.demo-app .p4-campaign-tools label{width:min(100%,260px)}}@media (max-width:560px){.demo-app .p4-content{padding:14px 10px 26px}.demo-app .p4-page-heading,.demo-app .p4-dashboard>header{margin-bottom:12px}.demo-app .p4-page-heading h1,.demo-app .p4-dashboard h1{font-size:23px}.demo-app .p4-metrics{gap:7px}.demo-app .p4-metrics article{min-height:70px;padding:10px 11px}.demo-app .p4-metrics strong{font-size:21px}.demo-app .p4-panel>header:not(.p4-section-heading),.demo-app .p4-recent>header,.demo-app .p4-section-heading{min-height:50px;padding:11px 13px}.demo-app .p4-pipeline{grid-template-columns:repeat(4,minmax(175px,76vw))}.demo-app .p4-table{min-width:0}.demo-app .p4-table tbody tr{padding:12px 14px}.demo-app .p4-table tbody td{min-height:31px;padding:5px 0}.demo-app .p4-table tbody td:before{font-size:10px}.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section{padding:14px}.demo-app .p4-form{gap:10px}.demo-app .p4-modal-backdrop{padding:8px}.demo-app .p4-modal>header{padding:8px 10px 8px 14px}.demo-app .p4-modal-body{padding:13px 14px 15px}.demo-app .p4-modal .p4-form-actions{margin-inline:-14px;margin-bottom:-15px;padding:10px 14px}.demo-app .p4-demo-page-header{flex-direction:column;align-items:stretch}.demo-app .p4-demo-page-header .p4-btn{align-self:flex-start}.demo-app .p4-demo-campaign-metrics{grid-template-columns:1fr 1fr;gap:7px}.demo-app .p4-demo-campaign-metrics article{min-height:76px;padding:10px}.demo-app .p4-demo-campaign-metrics svg{display:none}.demo-app .p4-campaign-tools{flex-direction:column;align-items:stretch}.demo-app .p4-campaign-tools label{width:100%}.demo-app .p4-demo-ai-suggestions{grid-template-columns:1fr}.demo-app .p4-demo-ai-suggestions header{grid-column:auto}.demo-app .p4-demo-ai-suggestions div{border-inline-start:0;border-top:1px solid var(--line);padding:8px 0 0}.demo-app .p4-send-time{grid-template-columns:1fr}.demo-app .p4-campaign-form-actions{flex-direction:column-reverse;align-items:stretch}.demo-app .p4-campaign-form-actions .p4-btn{width:100%}.demo-app .p4-demo-dashboard-head{flex-direction:column;align-items:stretch}.demo-app .p4-demo-head-actions{justify-content:space-between}.demo-app .p4-demo-dashboard-head h1{font-size:24px}.demo-app .p4-demo-stat-strip{grid-template-columns:1fr}.demo-app .p4-demo-stat-strip article{border-inline-start:0;border-top:1px solid var(--line);min-height:72px}.demo-app .p4-demo-stat-strip article:first-child{border-top:0}.demo-app .p4-demo-stage-row{grid-template-columns:1fr 1fr}.demo-app .p4-demo-stage-row article:nth-child(3){border-top:1px solid var(--line);border-inline-start:0}.demo-app .p4-demo-stage-row article:nth-child(4){border-top:1px solid var(--line)}}.demo-app .p4-app{--demo-sidebar-width:228px;background:var(--bg);color:var(--text);font-family:Inter,Geist,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px}.demo-app .p4-app[dir=rtl]{font-family:IranSans,Tahoma,Segoe UI,sans-serif}.demo-app .p4-app[dir=rtl] button,.demo-app .p4-app[dir=rtl] input,.demo-app .p4-app[dir=rtl] select,.demo-app .p4-app[dir=rtl] textarea{font-family:inherit}.demo-app .p4-sidebar{width:var(--demo-sidebar-width);color:var(--text);background:var(--sidebar);border-inline-end:1px solid var(--line);padding:0 9px 12px;overflow:hidden}.demo-app .p4-demo-brand{border-bottom:1px solid var(--line);align-items:center;gap:15px;height:72px;margin:0 -9px 14px;padding:0 16px;display:flex}.demo-app .p4-demo-brand>span{flex:0 0 28px;width:28px;height:28px;display:block;position:relative}.demo-app .p4-demo-brand>span i{background:var(--brand);border-radius:4px;width:6px;height:24px;position:absolute;transform:rotate(43deg)}.demo-app .p4-demo-brand>span i:first-child{inset:-1px auto auto 3px}.demo-app .p4-demo-brand>span i:nth-child(2){inset:5px auto auto 12px}.demo-app .p4-demo-brand>span i:nth-child(3){inset:11px auto auto 21px}.demo-app .p4-demo-brand b{letter-spacing:-.02em;white-space:nowrap;font-size:18px;font-weight:650}.demo-app .p4-sidebar nav{flex-direction:column;gap:3px;display:flex;overflow:visible}.demo-app .p4-sidebar nav button,.demo-app .p4-sidebar footer button{min-height:46px;color:var(--text);border-radius:8px;gap:14px;padding:0 15px;font-size:14px;font-weight:500}.demo-app .p4-sidebar nav button:nth-child(6){margin-top:12px;padding-top:0}.demo-app .p4-sidebar nav button:nth-child(6):before{content:"";inset-inline:8px;background:var(--line);height:1px;position:absolute;top:-8px}.demo-app .p4-sidebar nav button{position:relative}.demo-app .p4-sidebar nav button.active{color:var(--text);background:color-mix(in srgb, var(--brand) 10%, var(--surface));font-weight:600}.demo-app .p4-sidebar nav button.active:after{content:"";background:var(--brand);border-radius:0 3px 3px 0;width:3px;height:28px;position:absolute;inset-inline-start:0}.demo-app [dir=rtl] .p4-sidebar nav button.active:after{border-radius:3px 0 0 3px}.demo-app .p4-sidebar svg{stroke-width:1.7px;width:20px;height:20px}.demo-app .p4-sidebar footer{inset-inline:9px;border:0;gap:7px;padding:0;position:absolute;bottom:12px}.demo-app .p4-sidebar footer>span{display:none}.demo-app .p4-demo-upgrade{border:1px solid color-mix(in srgb, var(--brand) 24%, var(--line));min-height:70px;color:var(--text);background:color-mix(in srgb, var(--brand) 5%, var(--surface));border-radius:8px;padding:12px 13px}.demo-app .p4-demo-upgrade>svg:first-child{color:var(--brand)}.demo-app .p4-demo-upgrade b{font-size:14px;font-weight:600}.demo-app .p4-demo-upgrade span{color:var(--muted);margin-top:3px;font-size:12px}.demo-app .p4-main{width:calc(100% - var(--demo-sidebar-width));background:var(--bg);margin-inline-start:var(--demo-sidebar-width)}.demo-app .p4-topbar{z-index:30;background:color-mix(in srgb, var(--bg) 96%, transparent);border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:270px minmax(320px,1fr) auto;align-items:center;gap:28px;min-height:72px;padding:0 24px;display:grid;position:sticky;top:0}.demo-app .p4-demo-view-title{font-size:20px;font-weight:650}.demo-app .p4-search{border:1px solid var(--line);background:var(--surface);border-radius:7px;justify-self:center;width:min(100%,468px);height:42px;padding:0 12px}.demo-app .p4-search input{font-size:13px}.demo-app .p4-search kbd{border:1px solid var(--line);min-width:43px;height:28px;color:var(--text);background:var(--surface-2);text-align:center;white-space:nowrap;direction:ltr;border-radius:5px;justify-content:center;align-items:center;padding:0 8px;font:12px/1 inherit;display:inline-flex}.demo-app .p4-top-actions{gap:11px}.demo-app .p4-top-actions>button,.demo-app .p4-mobile-menu{border:1px solid var(--line);background:var(--surface);border-radius:7px;width:38px;height:38px}.demo-app .p4-demo-bell{position:relative}.demo-app .p4-demo-bell i{top:-5px;color:#fff;background:var(--brand);border-radius:50%;place-items:center;width:17px;height:17px;font:10px/1 sans-serif;display:grid;position:absolute;inset-inline-end:-4px}.demo-app .p4-profile-button{background:0 0;border:0;gap:9px;min-width:160px;min-height:48px;padding:4px 6px}.demo-app .p4-profile-button>.p4-avatar{aspect-ratio:1;border-radius:50%;flex:0 0 36px;width:36px;min-width:36px;height:36px}.demo-app .p4-profile-button>span:not(.p4-avatar){flex-direction:column;flex:1;align-items:flex-start;gap:2px;font-size:13px;font-weight:600;display:flex}.demo-app [dir=rtl] .p4-profile-button>span:not(.p4-avatar){align-items:flex-end}.demo-app .p4-profile-button small{color:var(--muted);font-size:11px;font-weight:400}.demo-app .p4-content{width:100%;max-width:none;padding:24px 22px 28px}.demo-app .p4-ref-dashboard{width:100%}.demo-app .p4-ref-intro{justify-content:space-between;align-items:flex-start;min-height:62px;margin-bottom:12px;display:flex}.demo-app .p4-ref-intro h1{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:650;line-height:1.3}.demo-app .p4-ref-intro p{color:var(--muted);margin:5px 0 0;font-size:13px}.demo-app .p4-ref-date{border:1px solid var(--line);height:42px;color:var(--text);background:var(--surface);border-radius:7px;align-items:center;gap:9px;padding:0 13px;font-size:12px;display:flex}.demo-app .p4-ref-date svg{width:16px;height:16px}.demo-app .p4-ref-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:14px;display:grid}.demo-app [dir=rtl] .p4-ref-kpis{direction:ltr}.demo-app [dir=rtl] .p4-ref-kpis article{direction:rtl}.demo-app .p4-ref-kpis article{border:1px solid var(--line);background:var(--surface);border-radius:8px;grid-template-columns:45px minmax(0,1fr) 84px;align-items:center;gap:12px;min-height:108px;padding:14px;display:grid;position:relative}.demo-app .p4-ref-kpi-icon{width:43px;height:43px;color:var(--text);background:color-mix(in srgb, var(--brand) 8%, var(--surface-2));border-radius:9px;place-items:center;display:grid}.demo-app .p4-ref-kpi-icon svg{width:22px;height:22px}.demo-app .p4-ref-kpi-copy{min-width:0}.demo-app .p4-ref-kpi-copy small{color:var(--text);white-space:nowrap;font-size:12px;display:block}.demo-app .p4-ref-kpi-copy strong{letter-spacing:-.02em;margin-top:3px;font-size:24px;font-weight:600;line-height:1.15;display:block}.demo-app .p4-ref-kpi-copy span{color:#188b3f;white-space:nowrap;margin-top:8px;font-size:11px;display:block}.demo-app .p4-ref-kpi-copy i{color:var(--muted);font-style:normal}.demo-app .p4-ref-spark{width:84px;height:38px;overflow:visible}.demo-app .p4-ref-spark path{fill:none;stroke:var(--brand);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.demo-app .p4-ref-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;overflow:hidden}.demo-app .p4-ref-middle{grid-template-columns:minmax(0,3fr) minmax(300px,1fr);gap:14px;margin-bottom:14px;display:grid}.demo-app .p4-ref-panel>header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:56px;padding:0 16px;display:flex}.demo-app .p4-ref-panel>header h2{margin:0;font-size:16px;font-weight:650}.demo-app .p4-ref-panel>header h2 span{color:var(--muted);font-size:12px;font-weight:400}.demo-app .p4-ref-panel>header button{border:1px solid var(--line);height:34px;color:var(--text);background:var(--surface);border-radius:6px;align-items:center;gap:7px;padding:0 11px;font-size:12px;display:flex}.demo-app .p4-ref-panel>header button svg{width:13px;height:13px}.demo-app .p4-ref-pipeline-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;padding:7px;display:grid}.demo-app .p4-ref-pipeline-column{border:1px solid var(--line);background:color-mix(in srgb, var(--surface-2) 70%, var(--surface));border-radius:7px;min-width:0;padding:10px 10px 7px}.demo-app .p4-ref-column-head{grid-template-columns:1fr auto auto;align-items:center;gap:8px;display:grid}.demo-app .p4-ref-column-head b{text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;overflow:hidden}.demo-app .p4-ref-column-head span{background:var(--surface-3);border-radius:10px;padding:3px 7px;font-size:11px}.demo-app .p4-ref-column-head strong{font-size:11px;font-weight:500}.demo-app .p4-ref-progress{background:var(--brand);border-radius:4px;width:72%;height:3px;margin:10px 0 7px;display:block}.demo-app .p4-ref-pipeline-column.green .p4-ref-progress{background:#55ad4f}.demo-app .p4-ref-deal{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:6px;min-height:57px;padding:9px 2px;display:flex}.demo-app .p4-ref-deal>span{flex-direction:column;gap:4px;min-width:0;display:flex}.demo-app .p4-ref-deal>span:last-child{align-items:flex-end}.demo-app .p4-ref-deal b,.demo-app .p4-ref-deal strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11.5px;font-weight:550;overflow:hidden}.demo-app .p4-ref-deal small{color:var(--muted);white-space:nowrap;font-size:10.5px}.demo-app .p4-ref-deal em{color:#19803b;background:#eff9f1;border:1px solid #cae7cf;border-radius:4px;padding:2px 6px;font-size:9.5px;font-style:normal}.demo-app .p4-ref-deal em.warm{color:#bc6900;background:#fff6e8;border-color:#f2d8ac}.demo-app .p4-app[data-theme=dark] .p4-ref-deal em{background:#123a23;border-color:#215a35}.demo-app .p4-app[data-theme=dark] .p4-ref-deal em.warm{background:#3b2d0a;border-color:#684b12}.demo-app .p4-ref-pipeline-column footer{color:var(--muted);justify-content:space-between;align-items:center;padding-top:8px;font-size:10.5px;display:flex}.demo-app .p4-ref-pipeline-column footer b{color:var(--text);font-weight:500}.demo-app .p4-ref-tasks>header button{color:var(--brand);background:0 0;border:0}.demo-app .p4-ref-tasks label{border-bottom:1px solid var(--line);grid-template-columns:16px 62px minmax(0,1fr) auto;align-items:center;gap:9px;min-height:59px;padding:7px 14px;display:grid}.demo-app .p4-ref-tasks input,.demo-app .p4-ref-table-wrap input{width:15px;height:15px;accent-color:var(--brand)}.demo-app .p4-ref-tasks time{color:var(--muted);font-size:10.5px}.demo-app .p4-ref-tasks label>span{flex-direction:column;gap:3px;min-width:0;display:flex}.demo-app .p4-ref-tasks label b{text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:550;overflow:hidden}.demo-app .p4-ref-tasks label small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.demo-app .p4-ref-tasks label em{color:#19803b;background:#eff9f1;border:1px solid #cae7cf;border-radius:4px;padding:3px 7px;font-size:9.5px;font-style:normal}.demo-app .p4-ref-tasks label em.medium{color:#bc6900;background:#fff6e8;border-color:#f2d8ac}.demo-app .p4-ref-tasks label em.low{color:#2670bd;background:#eff6ff;border-color:#cfe0f5}.demo-app .p4-app[data-theme=dark] .p4-ref-tasks label em{background:#123a23;border-color:#215a35}.demo-app .p4-ref-tasks footer{height:38px;padding:0 14px}.demo-app .p4-ref-tasks footer button{height:100%;color:var(--brand);font-size:11px}.demo-app .p4-ref-recent>header{height:48px}.demo-app .p4-ref-recent>header>div{gap:6px;display:flex}.demo-app .p4-ref-table-wrap{overflow-x:auto}.demo-app .p4-ref-table-wrap table{border-collapse:collapse;table-layout:fixed;width:100%;font-size:11px}.demo-app .p4-ref-table-wrap th{height:38px;color:var(--muted);background:var(--surface-2);text-align:start;padding:0 9px;font-size:10px;font-weight:500}.demo-app .p4-ref-table-wrap td{border-top:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;height:43px;padding:0 9px;overflow:hidden}.demo-app .p4-ref-table-wrap th:first-child,.demo-app .p4-ref-table-wrap td:first-child{width:36px}.demo-app .p4-ref-table-wrap th:nth-child(2){width:18%}.demo-app .p4-ref-table-wrap th:nth-child(3){width:17%}.demo-app .p4-ref-table-wrap th:nth-child(4){width:11%}.demo-app .p4-ref-table-wrap th:nth-child(5){width:12%}.demo-app .p4-ref-table-wrap th:nth-child(6){width:15%}.demo-app .p4-ref-table-wrap td:nth-child(2),.demo-app .p4-ref-table-wrap td:nth-child(6){align-items:center;gap:8px;display:flex}.demo-app .p4-ref-table-wrap td b{font-weight:550}.demo-app .p4-ref-lead-avatar,.demo-app .p4-ref-owner-avatar{color:#fff;background:#6e4bc7;border-radius:50%;flex:0 0 22px;place-items:center;width:22px;height:22px;font-size:8px;display:inline-grid}.demo-app .p4-ref-lead-avatar.a1{background:#2468c9}.demo-app .p4-ref-lead-avatar.a2{background:#16a39b}.demo-app .p4-ref-lead-avatar.a3{background:#ee9800}.demo-app .p4-ref-lead-avatar.a4{background:#55a23f}.demo-app .p4-ref-owner-avatar{color:var(--text);background:var(--surface-3)}.demo-app .p4-ref-table-wrap em{border:1px solid color-mix(in srgb, var(--brand) 18%, var(--line));color:var(--brand);background:color-mix(in srgb, var(--brand) 7%, var(--surface));border-radius:4px;padding:3px 7px;font-style:normal}.demo-app .p4-ref-table-wrap mark{color:#19803b;background:#eff9f1;border:1px solid #cae7cf;border-radius:4px;padding:3px 6px}.demo-app .p4-app[data-theme=dark] .p4-ref-table-wrap mark{color:#72d78a;background:#123a23;border-color:#215a35}@media (min-width:901px) and (max-height:800px){.demo-app .p4-app{--demo-sidebar-width:210px;font-size:12px}.demo-app .p4-demo-brand{gap:12px;height:50px;margin-bottom:8px;padding-inline:14px}.demo-app .p4-demo-brand>span{transform-origin:50%;flex-basis:23px;width:23px;height:23px;transform:scale(.82)}.demo-app .p4-demo-brand b{font-size:16px}.demo-app .p4-sidebar nav{gap:1px}.demo-app .p4-sidebar nav button,.demo-app .p4-sidebar footer button{gap:11px;min-height:34px;padding-inline:13px;font-size:12px}.demo-app .p4-sidebar nav button:nth-child(6){margin-top:9px}.demo-app .p4-sidebar nav button:nth-child(6):before{top:-6px}.demo-app .p4-sidebar nav button.active:after{height:24px}.demo-app .p4-sidebar svg{width:17px;height:17px}.demo-app .p4-sidebar footer{gap:4px;bottom:8px}.demo-app .p4-demo-upgrade{min-height:56px;padding:8px 11px}.demo-app .p4-demo-upgrade b{font-size:12px}.demo-app .p4-demo-upgrade span{margin-top:1px;font-size:10px}.demo-app .p4-topbar{grid-template-columns:230px minmax(300px,1fr) auto;gap:20px;min-height:50px;padding:0 18px}.demo-app .p4-demo-view-title{font-size:17px}.demo-app .p4-search{width:min(100%,420px);height:34px}.demo-app .p4-search input{font-size:11px}.demo-app .p4-search kbd{min-width:36px;height:24px;padding-inline:6px;font-size:10px}.demo-app .p4-top-actions{gap:7px}.demo-app .p4-top-actions>button{width:32px;height:32px}.demo-app .p4-top-actions>button svg{width:17px;height:17px}.demo-app .p4-profile-button{gap:7px;min-width:144px;min-height:38px}.demo-app .p4-profile-button>.p4-avatar{flex-basis:30px;width:30px;min-width:30px;height:30px}.demo-app .p4-profile-button>span:not(.p4-avatar){font-size:11px}.demo-app .p4-profile-button small{font-size:9px}.demo-app .p4-content{padding:12px 18px 14px}.demo-app .p4-ref-intro{min-height:43px;margin-bottom:8px}.demo-app .p4-ref-intro h1{font-size:16px}.demo-app .p4-ref-intro p{margin-top:2px;font-size:10.5px}.demo-app .p4-ref-date{gap:7px;height:34px;padding-inline:10px;font-size:10px}.demo-app .p4-ref-kpis{gap:10px;margin-bottom:10px}.demo-app .p4-ref-kpis article{grid-template-columns:36px minmax(0,1fr) 66px;gap:9px;min-height:76px;padding:9px 10px}.demo-app .p4-ref-kpi-icon{border-radius:7px;width:35px;height:35px}.demo-app .p4-ref-kpi-icon svg{width:18px;height:18px}.demo-app .p4-ref-kpi-copy small{font-size:10px}.demo-app .p4-ref-kpi-copy strong{margin-top:1px;font-size:20px}.demo-app .p4-ref-kpi-copy span{margin-top:4px;font-size:9px}.demo-app .p4-ref-spark{width:66px;height:30px}.demo-app .p4-ref-middle{grid-template-columns:minmax(0,3.35fr) minmax(270px,1fr);gap:10px;margin-bottom:10px}.demo-app .p4-ref-panel>header{height:40px;padding-inline:12px}.demo-app .p4-ref-panel>header h2{font-size:14px}.demo-app .p4-ref-panel>header button{height:28px;padding-inline:8px;font-size:10px}.demo-app .p4-ref-pipeline-grid{gap:5px;padding:5px}.demo-app .p4-ref-pipeline-column{padding:7px 7px 5px}.demo-app .p4-ref-column-head{gap:5px}.demo-app .p4-ref-column-head b{font-size:10px}.demo-app .p4-ref-column-head span{padding:2px 5px;font-size:9px}.demo-app .p4-ref-column-head strong{font-size:9px}.demo-app .p4-ref-progress{margin:6px 0 4px}.demo-app .p4-ref-deal{gap:4px;min-height:42px;padding:5px 1px}.demo-app .p4-ref-deal b,.demo-app .p4-ref-deal strong{font-size:9.5px}.demo-app .p4-ref-deal small{font-size:8.5px}.demo-app .p4-ref-deal em{padding:1px 4px;font-size:8px}.demo-app .p4-ref-pipeline-column footer{padding-top:5px;font-size:8.5px}.demo-app .p4-ref-tasks label{grid-template-columns:14px 48px minmax(0,1fr) auto;gap:6px;min-height:42px;padding:4px 10px}.demo-app .p4-ref-tasks input,.demo-app .p4-ref-table-wrap input{width:13px;height:13px}.demo-app .p4-ref-tasks time{font-size:8.5px}.demo-app .p4-ref-tasks label b{font-size:9.5px}.demo-app .p4-ref-tasks label small{font-size:8px}.demo-app .p4-ref-tasks label em{padding:2px 5px;font-size:8px}.demo-app .p4-ref-tasks footer{height:29px;padding-inline:10px}.demo-app .p4-ref-tasks footer button{font-size:9px}.demo-app .p4-ref-recent>header{height:36px}.demo-app .p4-ref-table-wrap table{font-size:9px}.demo-app .p4-ref-table-wrap th{height:25px;padding-inline:7px;font-size:8px}.demo-app .p4-ref-table-wrap td{height:29px;padding-inline:7px}.demo-app .p4-ref-lead-avatar,.demo-app .p4-ref-owner-avatar{flex-basis:18px;width:18px;height:18px;font-size:7px}.demo-app .p4-ref-table-wrap em,.demo-app .p4-ref-table-wrap mark{padding:2px 5px}}.demo-app .p4-app:not([data-theme=dark]) .p4-sidebar{background:var(--sidebar)}.demo-app .p4-app:not([data-theme=dark]) .p4-sidebar nav button.active,.demo-app .p4-app:not([data-theme=dark]) .p4-sidebar footer button.active{background:#dcefeb}.demo-app .p4-app:not([data-theme=dark]) .p4-sidebar nav button:hover,.demo-app .p4-app:not([data-theme=dark]) .p4-sidebar footer button:hover{background:#e5f1ee}.demo-app .p4-app:not([data-theme=dark]) input[type=checkbox]{appearance:none;color:#fff;background:#fff;border:1px solid #9caaa6;border-radius:3px;place-content:center;display:inline-grid}.demo-app .p4-app:not([data-theme=dark]) input[type=checkbox]:before{content:"";border:0 solid;border-width:0 0 2px 2px;width:7px;height:4px;transform:rotate(-45deg)scale(0)}.demo-app .p4-app:not([data-theme=dark]) input[type=checkbox]:checked{border-color:var(--brand);background:var(--brand)}.demo-app .p4-app:not([data-theme=dark]) input[type=checkbox]:checked:before{transform:rotate(-45deg)scale(1)}.demo-app .p4-app:not([data-theme=dark]) .p4-row-actions button{color:#50605b;border-color:var(--line);background:#fff}.demo-app .p4-app:not([data-theme=dark]) .p4-row-actions button:hover{color:var(--brand);border-color:color-mix(in srgb, var(--brand) 35%, var(--line));background:var(--surface-3)}.demo-app .p4-btn,.demo-app .p4-campaign-create,.demo-app .p4-photo-editor>label,.demo-app .p4-form>button{white-space:nowrap;width:auto;min-width:0;max-width:max-content;line-height:1}.demo-app .p4-campaign-create{flex-wrap:nowrap;min-width:132px;padding-inline:16px}.demo-app .p4-photo-editor>label{min-width:126px}.demo-app .p4-form>button{justify-self:start;min-width:128px}.demo-app [dir=rtl] .p4-form>button{justify-self:end}.demo-app .p4-settings-grid,.demo-app .p4-members-layout,.demo-app .p4-content>.p4-panel:not(.compact){align-items:start}.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section,.demo-app .p4-members-layout>aside,.demo-app .p4-content>.p4-panel{border-radius:10px;padding:0;overflow:hidden}.demo-app .p4-settings-grid .p4-section-heading,.demo-app .p4-members-layout .p4-section-heading,.demo-app .p4-content>.p4-panel>.p4-section-heading{border-bottom:1px solid var(--line);min-height:58px;margin:0;padding:0 18px}.demo-app .p4-settings-grid .p4-photo-editor,.demo-app .p4-content>.p4-panel>.p4-photo-editor{margin:0;padding:20px 20px 4px}.demo-app .p4-panel>.p4-form,.demo-app .p4-panel>.p4-photo-editor+.p4-form,.demo-app .p4-members-layout>aside>.p4-form{padding:18px 20px 20px}.demo-app .p4-form label{gap:6px;font-size:11px}.demo-app .p4-form input,.demo-app .p4-form select,.demo-app .p4-form textarea{background:var(--surface-2);border-radius:7px;min-height:40px;padding:9px 11px}.demo-app .p4-form input:focus,.demo-app .p4-form select:focus,.demo-app .p4-form textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand) 12%, transparent)}.demo-app .p4-modal{width:min(620px,100vw - 28px)}.demo-app .p4-modal:has(.p4-demo-campaign-form){width:min(700px,100vw - 28px)}.demo-app .p4-modal-body{max-height:calc(100dvh - 86px);overflow-y:auto}.demo-app .p4-campaign-form-actions .p4-btn{min-width:104px}.demo-app .p4-members-layout .p4-card-list{border:1px solid var(--line);box-shadow:none;border-radius:8px;margin:18px 20px 20px}.demo-app .p4-demo-settings{width:min(100%,760px);margin-inline:auto}.demo-app .p4-demo-settings .p4-section-heading{min-height:72px}.demo-app .p4-demo-settings .p4-section-heading>div{gap:4px;display:grid}.demo-app .p4-demo-settings .p4-section-heading h1{margin:0;font-size:20px}.demo-app .p4-demo-settings .p4-section-heading p{color:var(--muted);margin:0;font-size:11px}.demo-app .p4-demo-settings .p4-setting-row{border-bottom:1px solid var(--line);grid-template-columns:38px minmax(150px,1fr) minmax(220px,300px);align-items:center;gap:12px;min-height:82px;margin:0;padding:14px 18px;display:grid}.demo-app .p4-demo-settings .p4-setting-row:last-child{border-bottom:0}.demo-app .p4-demo-settings .p4-setting-row>svg{width:36px;height:36px;color:var(--brand);background:color-mix(in srgb, var(--brand) 9%, var(--surface));border-radius:8px;padding:8px}.demo-app .p4-demo-settings .p4-setting-row>div{gap:3px;display:grid}.demo-app .p4-demo-settings .p4-setting-row b{font-size:12px}.demo-app .p4-demo-settings .p4-setting-row span{color:var(--muted);font-size:10px}.demo-app .p4-demo-settings .p4-setting-row select{background:var(--surface-2);min-height:40px}@media (max-width:700px){.demo-app .p4-demo-settings .p4-setting-row{grid-template-columns:36px 1fr}.demo-app .p4-demo-settings .p4-setting-row select{grid-column:1/-1}.demo-app .p4-btn,.demo-app .p4-form>button{max-width:none}}@media (max-width:1180px){.demo-app .p4-topbar{grid-template-columns:auto minmax(280px,1fr) auto}.demo-app .p4-ref-kpis{grid-template-columns:repeat(2,1fr)}.demo-app .p4-ref-middle{grid-template-columns:1fr}}@media (max-width:900px){.demo-app .p4-app{--demo-sidebar-width:0px}.demo-app .p4-sidebar{width:min(82vw,260px);padding:0 9px 12px;overflow-y:auto}.demo-app .p4-sidebar footer{margin-top:24px;position:static}.demo-app .p4-main{width:100%;min-width:0;max-width:100%;margin-inline-start:0;overflow-x:hidden}.demo-app .p4-topbar{gap:10px;min-height:62px;padding:0 12px;display:flex}.demo-app .p4-demo-view-title{display:none}.demo-app .p4-search{min-width:0;margin-inline:auto}.demo-app .p4-profile-button>span{display:none}.demo-app .p4-profile-button{min-width:44px;padding:4px}.demo-app .p4-ref-pipeline-grid{grid-template-columns:repeat(4,minmax(210px,1fr));overflow-x:auto}.demo-app .p4-content{width:100%;max-width:100%;margin:0;padding:18px 12px 24px}.demo-app .p4-ref-dashboard{min-width:0}}@media (max-width:600px){.demo-app .p4-topbar{justify-content:flex-end}.demo-app .p4-mobile-menu{order:1;display:grid}.demo-app .p4-search,.demo-app .p4-demo-bell,.demo-app .p4-top-actions>button:nth-child(3){display:none}.demo-app .p4-top-actions{display:contents}.demo-app .p4-demo-quick-add{order:2;display:grid!important}.demo-app .p4-profile-wrap{order:3}.demo-app .p4-profile-button svg:last-child{display:none}.demo-app .p4-ref-intro{flex-direction:column;gap:12px}.demo-app .p4-ref-kpis{grid-template-columns:1fr}.demo-app .p4-ref-kpis article{grid-template-columns:45px minmax(0,1fr) 78px;min-height:104px}.demo-app .p4-ref-date{justify-content:center;align-self:stretch}.demo-app .p4-ref-middle,.demo-app .p4-ref-pipeline{min-width:0}.demo-app .p4-ref-pipeline-grid{grid-template-columns:repeat(4,minmax(230px,78vw))}.demo-app .p4-ref-tasks label{grid-template-columns:16px 48px minmax(0,1fr)}.demo-app .p4-ref-tasks label em,.demo-app .p4-search kbd{display:none}.demo-app .p4-ref-recent>header{height:auto;min-height:54px}.demo-app .p4-ref-table-wrap{overscroll-behavior-inline:contain;width:100%;overflow-x:auto}.demo-app .p4-ref-table-wrap table{min-width:850px}}.demo-app .p4-demo-login{--login-bg:#f8fbfa;--login-surface:#ffffffbd;--login-text:#071815;--login-muted:#66736f;--login-line:#d2ddda;--login-soft:#05695b0e;--login-card-shadow:0 18px 44px #0b312914;width:100%;height:100dvh;min-height:720px;color:var(--login-text);background:radial-gradient(circle at 18% 35%, #29bfac0f, transparent 31%), radial-gradient(circle at 79% 52%, #29bfac09, transparent 34%), var(--login-bg);flex-direction:column;padding:34px clamp(42px,5.1vw,88px) 28px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;overflow:hidden auto}.demo-app .p4-demo-login[lang=fa]{font-family:IranSans,Tahoma,sans-serif}.demo-app .p4-demo-login[data-theme=dark]{--login-bg:#001310;--login-surface:#06231db8;--login-text:#f5f8f7;--login-muted:#a7b8b3;--login-line:#28483f;--login-soft:#28c4b211;--login-card-shadow:0 22px 60px #0000002b;background:radial-gradient(circle at 23% 35%, #009b8824, transparent 35%), radial-gradient(circle at 79% 54%, #00746717, transparent 34%), var(--login-bg)}.demo-app .p4-demo-login .p4-auth-layout{width:min(1550px,100%);min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:1 0 auto;grid-template-columns:minmax(0,1.28fr) minmax(480px,.96fr);align-items:center;gap:clamp(56px,7vw,118px);margin:72px auto 0;display:grid;overflow:visible}.demo-app .p4-demo-login .p4-auth-story{min-width:0;height:auto;color:var(--login-text);background:0 0;padding:0;display:block;overflow:visible}.demo-app .p4-demo-login .p4-auth-story:after{display:none}.demo-app .p4-login-prefs{z-index:5;border:1px solid var(--login-line);background:color-mix(in srgb, var(--login-surface) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:10px;align-items:center;gap:3px;height:54px;padding:5px 7px;display:flex;position:absolute;inset-block-start:34px;inset-inline-end:clamp(42px,5.1vw,88px);box-shadow:0 2px 8px #04302708}.demo-app .p4-login-language{height:42px;color:var(--login-text);align-items:center;gap:8px;display:flex}.demo-app .p4-login-language>svg{width:24px;height:24px;color:var(--login-muted);flex:none}.demo-app .p4-login-language select{width:112px;height:40px;color:var(--login-text);background:0 0;border:0;padding:0 26px 0 0;font-size:16px}.demo-app .p4-demo-login[dir=rtl] .p4-login-language select{padding:0 0 0 26px}.demo-app .p4-login-pref-separator{background:var(--login-line);width:1px;height:31px;margin:0 5px}.demo-app .p4-login-prefs>button{width:40px;height:40px;color:var(--login-muted);background:0 0;border:0;border-radius:7px;place-items:center;padding:0;display:grid}.demo-app .p4-login-prefs>button:first-of-type{color:#04a99b;background:#16b8a91a}.demo-app .p4-login-prefs>button svg{width:23px;height:23px}.demo-app .p4-login-logo{color:var(--login-text);align-items:center;gap:22px;margin-bottom:44px;display:flex}.demo-app .p4-login-logo strong{font-size:clamp(27px,2vw,34px);font-weight:500;line-height:1}.demo-app .p4-demo-login[lang=fa] .p4-login-logo strong{font-weight:700}.demo-app .p4-login-logo-mark{gap:8px;width:72px;height:49px;display:flex;transform:skew(-21deg)}.demo-app .p4-demo-login[dir=rtl] .p4-login-logo-mark{transform:skew(21deg)}.demo-app .p4-login-logo-mark i{background:linear-gradient(#32d0c1,#08a99d);border-radius:4px;width:18px;height:49px}.demo-app .p4-login-story-copy h1{max-width:680px;color:var(--login-text);letter-spacing:-.035em;margin:0;font-size:clamp(44px,3.25vw,57px);font-weight:760;line-height:1.07}.demo-app .p4-login-story-copy h1 span{display:block}.demo-app .p4-demo-login[lang=fa] .p4-login-story-copy h1{letter-spacing:0;max-width:720px;font-size:clamp(43px,3.1vw,55px);line-height:1.35}.demo-app .p4-login-story-copy p{max-width:650px;color:var(--login-muted);margin:24px 0 0;font-size:clamp(18px,1.35vw,23px);line-height:1.48}.demo-app .p4-demo-login[lang=fa] .p4-login-story-copy p{line-height:1.9}.demo-app .p4-login-pipeline{border:1px solid var(--login-line);background:color-mix(in srgb, var(--login-surface) 55%, transparent);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;min-height:278px;margin-top:34px;padding:16px 14px;display:grid;box-shadow:0 7px 18px #00362d09}.demo-app .p4-login-pipeline>section{border-inline-end:1px solid color-mix(in srgb, var(--login-line) 72%, transparent);min-width:0;padding:0 10px}.demo-app .p4-login-pipeline>section:last-child{border-inline-end:0}.demo-app .p4-login-pipeline header{gap:5px;display:grid}.demo-app .p4-login-pipeline header b{color:var(--login-text);text-overflow:ellipsis;white-space:nowrap;font-size:12px;line-height:1.2;overflow:hidden}.demo-app .p4-login-pipeline header span{color:var(--login-muted);white-space:nowrap;font-size:11px}.demo-app .p4-login-pipeline header>i{background:color-mix(in srgb, var(--login-line) 58%, transparent);border-radius:10px;height:5px;margin:5px 0 4px;position:relative;overflow:hidden}.demo-app .p4-login-pipeline header>i:after{content:"";width:var(--pipeline-progress);border-radius:inherit;background:#13b8aa;position:absolute;inset:0 auto 0 0}.demo-app .p4-demo-login[dir=rtl] .p4-login-pipeline header>i:after{inset:0 0 0 auto}.demo-app .p4-login-pipeline article{border:1px solid color-mix(in srgb, var(--login-line) 80%, transparent);background:color-mix(in srgb, var(--login-surface) 68%, transparent);border-radius:7px;grid-template-columns:1fr auto;gap:3px 6px;min-height:50px;margin-top:7px;padding:7px 7px 5px;display:grid}.demo-app .p4-login-pipeline article>span{grid-column:1/-1;align-items:center;gap:7px;display:flex}.demo-app .p4-login-pipeline article>span i{background:#13b8aab8;border-radius:50%;flex:none;width:14px;height:14px}.demo-app .p4-login-pipeline article>span em{background:color-mix(in srgb, var(--login-muted) 34%, transparent);border-radius:10px;width:42%;height:5px}.demo-app .p4-login-pipeline article small,.demo-app .p4-login-pipeline article time{color:var(--login-text);white-space:nowrap;font-size:9px;font-style:normal}.demo-app .p4-login-pipeline article time{color:var(--login-muted)}.demo-app .p4-login-benefits{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;display:grid}.demo-app .p4-login-benefits article{border-inline-end:1px solid var(--login-line);grid-template-columns:34px minmax(0,1fr);gap:13px;min-width:0;padding:0 22px;display:grid}.demo-app .p4-login-benefits article:first-child{padding-inline-start:0}.demo-app .p4-login-benefits article:last-child{border-inline-end:0;padding-inline-end:0}.demo-app .p4-login-benefits svg{color:#05aa9c;width:32px;height:32px}.demo-app .p4-login-benefits article div{gap:4px;display:grid}.demo-app .p4-login-benefits b{color:var(--login-text);font-size:12px;line-height:1.25}.demo-app .p4-login-benefits span{color:var(--login-muted);font-size:11px;line-height:1.5}.demo-app .p4-demo-login .p4-auth-card{border:1px solid var(--login-line);width:100%;min-height:704px;color:var(--login-text);background:var(--login-surface);box-shadow:var(--login-card-shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:19px;justify-content:center;padding:clamp(42px,4vw,66px);display:flex}.demo-app .p4-login-card-copy h2{color:var(--login-text);margin:0 0 8px;font-size:32px;font-weight:750;line-height:1.2}.demo-app .p4-login-card-copy p{color:var(--login-muted);margin:0 0 28px;font-size:17px;line-height:1.6}.demo-app .p4-login-form{gap:17px}.demo-app .p4-login-form label{color:var(--login-text);gap:8px;font-size:14px;font-weight:650}.demo-app .p4-login-password-field{gap:8px;display:grid}.demo-app .p4-login-password-field>label{color:var(--login-text);font-size:14px;font-weight:650}.demo-app .p4-login-form input{border:1px solid var(--login-line);width:100%;height:52px;color:var(--login-text);background:#ffffff06;border-radius:8px;padding:0 15px;font-size:15px}.demo-app .p4-login-form input::placeholder{color:var(--login-muted);opacity:.86}.demo-app .p4-login-password{display:block;position:relative}.demo-app .p4-login-password input{padding-inline-end:50px}.demo-app .p4-login-password>button{width:42px;color:var(--login-muted);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;inset-block:0;inset-inline-end:7px}.demo-app .p4-login-password svg{width:22px;height:22px}.demo-app .p4-login-forgot,.demo-app .p4-login-back{color:#00a99b;background:0 0;border:0;width:max-content;margin:-4px 0 2px auto;padding:0;font-size:14px}.demo-app .p4-demo-login[dir=rtl] .p4-login-forgot{margin-inline:0 auto}.demo-app .p4-auth-card .p4-login-submit{color:#fff;width:100%;min-height:55px;box-shadow:none;background:linear-gradient(100deg,#13aaa0,#22c5b6);border:0;border-radius:8px;margin:6px 0 0;font-size:17px}.demo-app .p4-login-divider{height:24px;color:var(--login-muted);align-items:center;gap:18px;margin:20px 0 17px;font-size:14px;display:flex}.demo-app .p4-login-divider:before,.demo-app .p4-login-divider:after{content:"";background:var(--login-line);flex:1;height:1px}.demo-app .p4-login-guest{color:#00a99b;border:1px solid #02aa9d;border-radius:8px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:55px;font-size:17px;font-weight:650;text-decoration:none;display:flex}.demo-app .p4-login-guest svg{width:25px;height:25px}.demo-app .p4-login-footer{min-height:38px;color:var(--login-muted);justify-content:center;align-items:flex-end;gap:12px;margin-top:18px;font-size:16px;display:flex}.demo-app .p4-login-footer i{font-style:normal}@media (max-width:1260px){.demo-app .p4-demo-login{padding-inline:36px}.demo-app .p4-demo-login .p4-auth-layout{grid-template-columns:minmax(0,1.14fr) minmax(440px,.9fr);gap:48px}.demo-app .p4-login-prefs{inset-inline-end:36px}.demo-app .p4-login-benefits article{padding-inline:12px}}@media (max-width:980px){.demo-app .p4-demo-login{height:100dvh;min-height:0;padding:84px 24px 28px}.demo-app .p4-demo-login .p4-auth-layout{grid-template-columns:1fr;gap:28px;width:min(680px,100%);margin-top:24px}.demo-app .p4-login-prefs{inset-block-start:18px;inset-inline-end:24px}.demo-app .p4-login-logo{margin-bottom:22px}.demo-app .p4-login-story-copy h1,.demo-app .p4-demo-login[lang=fa] .p4-login-story-copy h1{max-width:none;font-size:39px}.demo-app .p4-login-story-copy p{margin-top:12px;font-size:16px}.demo-app .p4-login-pipeline{min-height:245px;margin-top:24px}.demo-app .p4-demo-login .p4-auth-card{min-height:0}}@media (max-width:600px){:is(.demo-app .p4-demo-login,.demo-app .p4-public:has(.p4-demo-login)){padding:76px 14px 22px}.demo-app .p4-login-prefs{height:52px;inset-block-start:10px;inset-inline:14px}.demo-app .p4-login-language{flex:1}.demo-app .p4-login-language select{width:100%}.demo-app .p4-demo-login .p4-auth-layout{gap:20px;margin-top:12px}.demo-app .p4-login-logo{gap:14px;margin-bottom:18px}.demo-app .p4-login-logo-mark{gap:6px;width:52px;height:36px}.demo-app .p4-login-logo-mark i{width:13px;height:36px}.demo-app .p4-login-logo strong{font-size:23px}.demo-app .p4-login-story-copy h1,.demo-app .p4-demo-login[lang=fa] .p4-login-story-copy h1{font-size:31px}.demo-app .p4-login-story-copy p{font-size:14px}.demo-app .p4-login-pipeline,.demo-app .p4-login-benefits{display:none}.demo-app .p4-demo-login .p4-auth-card{border-radius:15px;padding:28px 20px}.demo-app .p4-login-card-copy h2{font-size:27px}.demo-app .p4-login-card-copy p{margin-bottom:22px;font-size:14px}.demo-app .p4-login-form{gap:14px}.demo-app .p4-login-form input{height:48px}.demo-app .p4-auth-card .p4-login-submit,.demo-app .p4-login-guest{min-height:50px;font-size:15px}.demo-app .p4-login-divider{margin-block:15px 13px}.demo-app .p4-login-footer{margin-top:16px;font-size:13px}}@media (max-width:350px){.demo-app .p4-login-story-copy h1,.demo-app .p4-demo-login[lang=fa] .p4-login-story-copy h1{font-size:27px}.demo-app .p4-demo-login .p4-auth-card{padding-inline:15px}}.demo-app .p4-main{background:radial-gradient(circle at 28% 4%, color-mix(in srgb, var(--brand) 5%, transparent), transparent 34%), linear-gradient(145deg, color-mix(in srgb, var(--bg) 94%, var(--surface)), var(--bg) 62%)}.demo-app .p4-sidebar{background:var(--sidebar-bg)}.demo-app .p4-topbar{background:var(--topbar-bg);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.demo-app .p4-panel,.demo-app .p4-ref-kpis article,.demo-app .p4-ref-pipeline,.demo-app .p4-ref-tasks,.demo-app .p4-ref-recent,.demo-app .p4-campaign-stats article,.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section,.demo-app .p4-members-layout>aside{background:color-mix(in srgb, var(--surface) 97%, transparent);border-color:var(--line);box-shadow:0 8px 24px #00150f12}.demo-app .p4-ref-kpis small{font-size:13px}.demo-app .p4-ref-kpis strong{font-size:26px}.demo-app .p4-ref-kpis .p4-kpi-delta{font-size:12px}.demo-app .p4-ref-pipeline>header h2,.demo-app .p4-ref-tasks>header h2,.demo-app .p4-ref-recent>header h2{font-size:17px}.demo-app .p4-ref-column>header,.demo-app .p4-ref-deal b{font-size:12.5px}.demo-app .p4-ref-deal small,.demo-app .p4-ref-column>footer{font-size:11.5px}.demo-app .p4-ref-tasks label b{font-size:12.5px}.demo-app .p4-ref-tasks label small{font-size:11px}.demo-app .p4-ref-tasks time{font-size:11.5px}.demo-app .p4-ref-table-wrap table{font-size:12px}.demo-app .p4-ref-table-wrap th{font-size:10.75px}.demo-app .p4-campaign-create,.demo-app .p4-section-heading .p4-btn.primary{border:1px solid color-mix(in srgb, var(--brand) 55%, var(--line));background:color-mix(in srgb, var(--brand) 10%, var(--surface));width:auto;min-width:0;min-height:38px;color:var(--text);box-shadow:none;white-space:nowrap;border-radius:8px;padding:0 15px;line-height:1}.demo-app .p4-campaign-create:hover,.demo-app .p4-section-heading .p4-btn.primary:hover{background:color-mix(in srgb, var(--brand) 17%, var(--surface));border-color:var(--brand)}.demo-app .p4-row-actions button,.demo-app .p4-leads-table td:last-child button,.demo-app .p4-table-actions button{width:30px;height:30px;color:var(--muted);box-shadow:none;background:0 0;border:1px solid #0000;border-radius:7px;padding:0}.demo-app .p4-row-actions button:hover,.demo-app .p4-leads-table td:last-child button:hover,.demo-app .p4-table-actions button:hover{border-color:var(--line);background:var(--surface-3);color:var(--text)}.demo-app .p4-row-actions button.danger:hover{color:#d85b61}.demo-app .p4-row-actions svg,.demo-app .p4-leads-table td:last-child svg,.demo-app .p4-table-actions svg{stroke-width:1.8px;width:17px;height:17px}.demo-app .p4-panel>.p4-card-list{box-shadow:none;border:0;border-radius:0}.demo-app .p4-card-list>article{gap:13px;min-height:72px;padding:13px 16px}.demo-app .p4-card-list .p4-company-avatar,.demo-app .p4-card-list .p4-initial{border-radius:10px;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;display:inline-grid}.demo-app .p4-card-list>article+article{border-top-color:var(--line)}.demo-app .p4-campaign-status,.demo-app .p4-status-pill{filter:none;font-weight:700}.demo-app .p4-app[data-theme=dark] :is(.p4-campaign-status,.p4-status-pill).draft{color:#c6d7d2;background:#17312b;border-color:#294a41}.demo-app .p4-app[data-theme=dark] :is(.p4-campaign-status,.p4-status-pill).active{color:#75e0c8;background:#123a30;border-color:#1e5c4d}.demo-app .p4-app[data-theme=dark] :is(.p4-campaign-status,.p4-status-pill).paused{color:#ffd36a;background:#3a2c09;border-color:#624d16}.demo-app .p4-app[data-theme=dark] :is(.p4-campaign-status,.p4-status-pill).completed{color:#a7d0ff;background:#17314a;border-color:#285276}.demo-app .p4-app[data-theme=light] :is(.p4-campaign-status,.p4-status-pill).draft{color:#425a52;background:#e7efec}.demo-app .p4-app[data-theme=light] :is(.p4-campaign-status,.p4-status-pill).active{color:#08745f;background:#d9f1ea}.demo-app .p4-app[data-theme=light] :is(.p4-campaign-status,.p4-status-pill).paused{color:#855b00;background:#fff0c8}.demo-app .p4-app[data-theme=light] :is(.p4-campaign-status,.p4-status-pill).completed{color:#255f9d;background:#e1edff}.demo-app .p4-ref-tasks>footer{border-top:1px solid var(--line);align-items:center;min-height:48px;padding:8px 12px;display:flex}.demo-app .p4-ref-tasks>footer :is(.p4-btn,button){border:1px solid var(--line);background:var(--surface-2);min-height:32px;color:var(--brand-strong);box-shadow:none;border-radius:7px;padding:0 10px}.demo-app .p4-modal-backdrop{background:#00120d8a}.demo-app .p4-modal{border-color:var(--line);background:var(--surface);border-radius:12px;width:min(560px,100vw - 32px);max-height:min(90dvh,760px)}:is(.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){width:min(680px,100vw - 32px)}.demo-app .p4-modal>header{min-height:56px;padding:0 20px}.demo-app .p4-modal-body{padding:18px 20px}.demo-app .p4-form{gap:14px}.demo-app .p4-form label{gap:6px}.demo-app .p4-form :is(input,select){height:42px;min-height:42px}.demo-app .p4-form textarea{min-height:76px}.demo-app .p4-demo-campaign-form textarea{min-height:72px}.demo-app .p4-form-actions{gap:10px;padding-top:14px}.demo-app .p4-form-actions .p4-btn,.demo-app .p4-form>button,.demo-app .p4-photo-editor>label{white-space:nowrap;width:auto;min-width:96px;min-height:38px;padding-inline:15px;line-height:1}.demo-app .p4-app[data-theme=light] input[type=number]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.demo-app .p4-app[data-theme=dark] input[type=number]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.demo-app input[type=number]::-webkit-inner-spin-button{opacity:.58}.demo-app .p4-app[data-theme=dark] input[type=number]::-webkit-inner-spin-button{filter:invert()}.demo-app .p4-form :is(input,textarea)::placeholder{color:color-mix(in srgb, var(--muted) 78%, transparent);opacity:1}.demo-app .p4-app[dir=rtl] .p4-form>button{justify-self:start}.demo-app .p4-app[dir=rtl] :is(.p4-form-actions,.p4-photo-editor){justify-content:flex-start}.demo-app .p4-app[dir=rtl] :is(.p4-section-heading,.p4-form label,.p4-settings-copy,.p4-form input,.p4-form select,.p4-form textarea){text-align:start}.demo-app .p4-demo-settings :is(.p4-section-heading,.p4-setting-row){padding-inline:20px}.demo-app .p4-members-layout .p4-card-list{margin-top:16px}@media (max-width:760px){:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.demo-app .p4-modal-body{padding:16px}.demo-app .p4-form{grid-template-columns:1fr}.demo-app .p4-ref-kpis strong{font-size:25px}}.demo-app .p4-app[data-theme=dark]{background:#02120f}.demo-app .p4-app[data-theme=dark] .p4-main{background:radial-gradient(circle at 30% 5%,#1f766213,#0000 34%),linear-gradient(145deg,#031713 0%,#02120f 54%,#01100d 100%)}.demo-app .p4-app[data-theme=dark] .p4-sidebar{background:#031713}.demo-app .p4-app[data-theme=dark] .p4-topbar{background:#02120ff0}.demo-app .p4-app[data-theme=dark] :is(.p4-panel,.p4-ref-kpis article,.p4-ref-pipeline,.p4-ref-tasks,.p4-ref-recent,.p4-campaign-stats article,.p4-settings-grid>section,.p4-members-layout>section,.p4-members-layout>aside){background:#08201b;border-color:#1d3b33;box-shadow:0 12px 30px #0008062e}.demo-app .p4-app[data-theme=dark] .p4-ref-pipeline-column{background:#0c2822;border-color:#23463c}.demo-app .p4-app[data-theme=dark] :is(.p4-ref-kpi-icon,.p4-ref-column-head span,.p4-ref-table-wrap thead){background:#103129}.demo-app .p4-ref-tasks label{grid-template-columns:16px 62px minmax(0,1fr) auto;column-gap:14px}.demo-app .p4-ref-tasks label>input[type=checkbox]{margin:0 3px 0 0}.demo-app .p4-app[dir=rtl] .p4-ref-tasks label>input[type=checkbox]{margin:0 0 0 3px}.demo-app .p4-sidebar nav button:hover{color:var(--text);background:var(--sidebar-hover);box-shadow:none;position:relative}.demo-app .p4-sidebar nav button:hover:after,.demo-app .p4-sidebar nav button.active:after{content:"";background:var(--brand);border-radius:3px 0 0 3px;width:3px;height:28px;position:absolute;inset-inline-start:0}.demo-app .p4-app[dir=rtl] .p4-sidebar nav button:hover:after,.demo-app .p4-app[dir=rtl] .p4-sidebar nav button.active:after{border-radius:0 3px 3px 0;inset-inline:0 auto}@media (max-width:760px){body.demo-app{overscroll-behavior-y:auto;width:100%;height:auto;min-height:100%;overflow:hidden auto}html:has(body.demo-app){overscroll-behavior-y:auto;width:100%;height:auto;min-height:100%;overflow:hidden auto}.demo-app .p4-app{width:100%;min-width:0;min-height:100dvh;overflow:visible}.demo-app .p4-main{scrollbar-gutter:auto;width:100%;min-width:0;height:auto;min-height:100dvh;margin:0;overflow:visible}.demo-app .p4-topbar{z-index:45;border-bottom:1px solid var(--line);justify-content:flex-start;align-items:center;gap:7px;width:100%;min-height:58px;padding:7px 12px;display:flex;position:sticky;inset-block-start:0}.demo-app .p4-mobile-menu{width:40px;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:9px;flex:0 0 40px;order:0;place-items:center;margin-inline-end:auto;display:grid}.demo-app .p4-search,.demo-app .p4-demo-view-title,.demo-app .p4-demo-bell,.demo-app .p4-top-actions>button[aria-label=Calendar]{display:none}.demo-app .p4-top-actions{order:1;align-items:center;gap:7px;min-width:0;margin:0;display:flex}.demo-app .p4-top-actions>.p4-demo-quick-add,.demo-app .p4-top-actions>.p4-demo-theme-toggle{flex:0 0 40px;place-items:center;width:40px;height:40px;display:grid!important}.demo-app .p4-profile-wrap{flex:0 0 42px;min-width:0;position:static}.demo-app .p4-profile-button{border-radius:50%;place-items:center;width:42px;min-width:42px;height:42px;min-height:42px;padding:0;display:grid;overflow:hidden}.demo-app .p4-profile-button>span:not(.p4-avatar),.demo-app .p4-profile-button>svg{display:none}.demo-app .p4-profile-button>.p4-avatar{border-radius:50%;width:40px;min-width:40px;height:40px}.demo-app .p4-profile-menu{z-index:90;overscroll-behavior:contain;width:min(280px,100vw - 20px);max-height:calc(100dvh - 76px);position:fixed;inset-block-start:64px;inset-inline:auto 10px;overflow-y:auto;box-shadow:0 18px 44px #00110c38}.demo-app .p4-app[dir=rtl] .p4-profile-menu{text-align:start;inset-inline:auto 10px}.demo-app .p4-drawer-overlay{z-index:70;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#010f0b8a;position:fixed;inset:0}.demo-app .p4-sidebar{z-index:80;width:min(84vw,304px);height:100dvh;padding:72px 12px max(18px, env(safe-area-inset-bottom));overscroll-behavior:contain;position:fixed;inset-block:0;inset-inline-start:0;overflow:hidden auto;box-shadow:18px 0 48px #00120d33}.demo-app .p4-app[dir=rtl] .p4-sidebar{box-shadow:-18px 0 48px #00120d33}.demo-app .p4-sidebar-close{z-index:2;width:40px;height:40px;color:var(--text);background:var(--surface-2);border:1px solid var(--line-strong);box-shadow:none;border-radius:9px;place-items:center;display:grid;position:absolute;inset-block-start:14px;inset-inline-end:14px}.demo-app .p4-app[data-theme=light] .p4-sidebar-close{color:#18302a;background:#f7faf8;border-color:#c8d8d2}.demo-app .p4-demo-brand{max-width:calc(100% - 76px);min-height:36px;margin:0;position:absolute;inset-block-start:17px;inset-inline-start:14px}.demo-app .p4-demo-brand b{text-overflow:ellipsis;white-space:nowrap;font-size:16px;overflow:hidden}.demo-app .p4-sidebar nav button,.demo-app .p4-sidebar footer button{min-height:44px;padding-inline:12px;font-size:13px}.demo-app .p4-sidebar footer{margin-top:24px;position:static}.demo-app .p4-content{width:100%;min-width:0;max-width:100%;padding:16px 12px max(32px, env(safe-area-inset-bottom));margin:0;overflow:visible}.demo-app .p4-modal-backdrop{z-index:100;justify-content:center;align-items:center;padding:10px;display:flex;position:fixed;inset:0;overflow:hidden}:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){border-radius:13px;flex-direction:column;width:100%;max-width:560px;max-height:calc(100dvh - 20px);margin:0;display:flex;overflow:hidden}.demo-app .p4-modal>header{z-index:2;background:var(--surface);flex:none;min-height:58px;padding:9px 12px 9px 16px;position:relative}.demo-app .p4-app[dir=rtl] .p4-modal>header{padding:9px 16px 9px 12px}.demo-app .p4-modal>header button{width:38px;height:38px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);border-radius:9px}.demo-app .p4-app[data-theme=light] .p4-modal>header button{color:#18302a;background:#f6f9f8}.demo-app .p4-modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;min-height:0;padding:14px 16px 0;overflow:hidden auto}.demo-app .p4-modal .p4-form{grid-template-columns:1fr;gap:12px}.demo-app .p4-modal .p4-form label{gap:5px}.demo-app .p4-modal .p4-form :is(input,select){width:100%;height:44px;min-height:44px}.demo-app .p4-modal .p4-form textarea{min-height:84px}.demo-app .p4-modal .p4-form-actions{z-index:3;width:auto;padding:12px 16px max(12px, env(safe-area-inset-bottom));background:color-mix(in srgb, var(--surface) 96%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:nowrap;flex:none;margin:4px -16px 0;display:flex;position:sticky;inset-block-end:0}.demo-app .p4-modal .p4-form-actions .p4-btn{flex:1 1 0;width:auto;min-width:0;min-height:42px;padding-inline:12px}.demo-app .p4-campaign-form-actions{direction:inherit}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions{flex-wrap:wrap}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .primary{flex-basis:100%;order:1}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .draft{order:2}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .tertiary{order:3}.demo-app .p4-send-time{grid-template-columns:1fr}.demo-app .p4-campaign-ai{align-items:flex-start}.demo-app .p4-ref-intro{flex-direction:column;align-items:stretch;gap:10px}.demo-app .p4-ref-date{justify-content:center;align-self:stretch;width:100%}.demo-app .p4-ref-kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.demo-app .p4-ref-kpis article{grid-template-columns:38px minmax(0,1fr);gap:9px;min-height:112px;padding:12px}.demo-app .p4-ref-kpis article>svg{display:none}.demo-app .p4-ref-kpis strong{font-size:23px}.demo-app .p4-ref-pipeline-grid{scroll-snap-type:inline mandatory;scrollbar-width:thin;overscroll-behavior-inline:contain;grid-template-columns:repeat(4,minmax(236px,78vw));gap:8px;padding:8px;display:grid;overflow-x:auto}.demo-app .p4-ref-pipeline-column{scroll-snap-align:start}.demo-app .p4-ref-tasks label{grid-template-columns:18px 62px minmax(0,1fr);column-gap:10px}.demo-app .p4-ref-tasks label>input[type=checkbox]{margin:0}.demo-app .p4-ref-tasks label em{display:none}.demo-app .p4-ref-table-wrap{overscroll-behavior-inline:contain;width:100%;overflow-x:auto}.demo-app .p4-ref-table-wrap table{min-width:780px}.demo-app .p4-page-heading,.demo-app .p4-section-heading,.demo-app .p4-demo-page-header{flex-wrap:wrap;align-items:flex-start;gap:10px}.demo-app .p4-page-heading h1,.demo-app .p4-section-heading h1,.demo-app .p4-demo-page-header h1{font-size:22px}.demo-app :is(.p4-campaign-create,.p4-section-heading .p4-btn.primary){flex:none;min-height:40px;padding-inline:13px}.demo-app .p4-campaign-toolbar{gap:9px;padding:10px}.demo-app .p4-campaign-tabs{scrollbar-width:none;width:100%;overflow-x:auto}.demo-app .p4-campaign-tools{grid-template-columns:minmax(0,1fr) auto;width:100%;display:grid}.demo-app .p4-campaign-tools label{width:100%}.demo-app .p4-campaign-table tbody tr{row-gap:4px;padding:14px}.demo-app .p4-campaign-table tbody td{min-height:28px;padding:3px 0}.demo-app .p4-campaign-table tbody td:before{font-size:10px}.demo-app .p4-demo-ai-suggestions{grid-template-columns:1fr;padding:12px}.demo-app .p4-demo-ai-suggestions header{grid-column:auto}.demo-app .p4-demo-ai-suggestions div{border-inline-start:0;border-top:1px solid var(--line);padding:8px 0 0}.demo-app .p4-demo-ai-suggestions span{white-space:normal}.demo-app .p4-settings-grid,.demo-app .p4-members-layout{grid-template-columns:1fr;gap:12px}.demo-app .p4-settings-grid>section,.demo-app .p4-members-layout>section,.demo-app .p4-members-layout>aside{padding:0;overflow:hidden}.demo-app .p4-settings-grid>section>.p4-form,.demo-app .p4-members-layout>aside>.p4-form{padding:14px}.demo-app .p4-photo-editor{gap:12px;padding:14px}.demo-app .p4-photo-editor>span{width:58px;min-width:58px;height:58px}.demo-app .p4-demo-settings .p4-section-heading{display:block}.demo-app .p4-demo-settings .p4-section-heading p{margin-top:4px}.demo-app .p4-demo-settings .p4-setting-row{grid-template-columns:36px minmax(0,1fr);gap:10px;min-height:0;padding:14px}.demo-app .p4-demo-settings .p4-setting-row select{grid-column:1/-1;width:100%}.demo-app .p4-card-list>article{gap:11px;min-height:76px;padding:12px 14px}.demo-app .p4-members-layout .p4-card-list{margin-top:0}.demo-app .p4-empty{min-height:240px;padding:32px 18px}}@media (max-width:420px){.demo-app .p4-content,.demo-app .p4-topbar{padding-inline:10px}.demo-app .p4-ref-kpis{grid-template-columns:1fr}.demo-app .p4-ref-kpis article{grid-template-columns:42px minmax(0,1fr) 74px;min-height:96px}.demo-app .p4-ref-kpis article>svg{display:block}.demo-app .p4-demo-campaign-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-app .p4-modal-backdrop{padding:6px}:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){max-height:calc(100dvh - 12px)}}.demo-app .p4-stack{gap:18px}.demo-app .p4-customer-actions{flex:none;grid-template-columns:repeat(2,160px);gap:10px;width:330px;max-width:100%;display:grid!important}.demo-app .p4-customer-actions .p4-btn{justify-content:center;width:100%;min-width:0;max-width:none}.demo-app .p4-customer-actions.p4-lead-actions{grid-template-columns:repeat(3,150px);width:470px;margin-inline-start:auto}.demo-app .p4-lead-actions .p4-btn:only-child{grid-column:3}.demo-app .p4-search,.demo-app .p4-top-actions{position:relative}.demo-app .p4-search-results,.demo-app .p4-notifications{z-index:80;border:1px solid var(--line);background:var(--surface);width:min(360px,90vw);color:var(--text);border-radius:12px;padding:10px;position:absolute;inset-block-start:calc(100% + 8px);inset-inline-start:0;box-shadow:0 16px 40px #00150f38}.demo-app .p4-search-results button,.demo-app .p4-notifications button{width:100%;color:inherit;text-align:start;cursor:pointer;background:0 0;border:0;padding:10px;display:block}.demo-app .p4-search-results button:hover,.demo-app .p4-notifications button:hover{background:color-mix(in srgb, var(--brand) 11%, var(--surface))}.demo-app .p4-notifications{inset-inline:auto 0}.demo-app label.p4-btn{cursor:pointer}.demo-app .p4-report-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.demo-app .p4-members-layout .p4-card-list>article{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:6px 14px;min-height:98px;padding:18px 20px;display:grid}.demo-app .p4-members-layout .p4-card-list>article>.p4-avatar{grid-area:1/1;align-self:center}.demo-app .p4-members-layout .p4-card-list>article>div{text-align:start;grid-area:1/2;gap:5px;min-width:0;display:grid}.demo-app .p4-members-layout .p4-card-list>article>.p4-badge{direction:ltr;unicode-bidi:isolate;grid-area:1/3;justify-self:end;margin:0}.demo-app .p4-members-layout .p4-directional-data{text-align:start;direction:ltr;unicode-bidi:isolate}.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-directional-data{text-align:right}.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article{grid-template-columns:48px minmax(0,1fr) auto}.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-avatar{grid-column:1}.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>div{grid-column:2}.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-badge{grid-column:3;justify-self:end}.demo-app .p4-demo-settings{width:100%;max-width:none;margin-inline:0}.demo-app .p4-demo-settings .p4-setting-row{grid-template-columns:38px minmax(220px,1fr) auto;width:100%}.demo-app .p4-demo-settings .p4-setting-row select{justify-self:end;width:clamp(260px,30vw,420px);max-width:100%}.demo-app .p4-modal{flex-direction:column;display:flex}.demo-app .p4-modal>header{flex:none;align-items:center;min-height:72px;padding:14px 16px 14px 20px}.demo-app .p4-app[dir=rtl] .p4-modal>header{padding:14px 20px 14px 16px}.demo-app .p4-modal>header h2{margin:0;line-height:1.3}.demo-app .p4-modal>header button{flex:0 0 42px;align-self:center;width:42px;height:42px;margin:0;position:static}.demo-app .p4-modal-body{min-height:0;overflow-y:auto}@media (max-width:760px){.demo-app .p4-customer-actions{grid-template-columns:repeat(2,minmax(0,1fr));width:100%!important}.demo-app .p4-members-layout .p4-card-list>article,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article{grid-template-columns:48px minmax(0,1fr) auto;min-height:108px;padding:16px}.demo-app .p4-members-layout .p4-card-list>article>.p4-avatar,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-avatar{grid-area:1/1/3}.demo-app .p4-members-layout .p4-card-list>article>div,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>div{grid-area:1/2/auto/4}.demo-app .p4-members-layout .p4-card-list>article>.p4-badge,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-badge{grid-area:2/2/auto/4;justify-self:start}.demo-app .p4-demo-settings .p4-setting-row{grid-template-columns:36px minmax(0,1fr)}.demo-app .p4-demo-settings .p4-setting-row select{grid-column:1/-1;justify-self:stretch;width:100%}.demo-app .p4-modal>header,.demo-app .p4-app[dir=rtl] .p4-modal>header{min-height:72px;padding:14px 16px}.demo-app .p4-topbar{min-height:64px;padding:10px 14px}.demo-app .p4-mobile-menu{flex-basis:44px;width:44px;height:44px;margin-inline-end:auto}.demo-app .p4-mobile-menu[aria-expanded=true]{z-index:200;color:var(--text);background:var(--surface-2);border-color:var(--line-strong);position:fixed;inset-block-start:10px;inset-inline-start:14px}.demo-app .p4-topbar:has(.p4-mobile-menu[aria-expanded=true]){z-index:200;background:0 0;border:0;width:68px;min-height:64px;position:fixed;inset-block-start:0;inset-inline-start:0}.demo-app .p4-topbar:has(.p4-mobile-menu[aria-expanded=true])>:not(.p4-mobile-menu){display:none!important}.demo-app .p4-app[data-theme=light] .p4-mobile-menu[aria-expanded=true]{color:#14231f;background:#fff;border-color:#cbd9d4}.demo-app .p4-sidebar-close{display:none!important}.demo-app .p4-sidebar{padding-block-start:70px}.demo-app .p4-demo-brand{max-width:calc(100% - 86px);inset-block-start:18px;inset-inline-start:72px}.demo-app .p4-sidebar nav{margin-block-start:18px}.demo-app .p4-profile-button>.p4-avatar{color:var(--brand-strong);background:color-mix(in srgb, var(--brand) 12%, var(--surface));border:1px solid color-mix(in srgb, var(--brand) 32%, var(--line));place-items:center;display:grid!important}.demo-app .p4-profile-button>.p4-avatar>svg{width:23px;height:23px;display:block!important}.demo-app .p4-content{padding-block-start:24px}.demo-app :is(.p4-content>.p4-panel,.p4-settings-grid>.p4-panel,.p4-members-layout>.p4-panel)>.p4-section-heading{align-items:center;min-height:74px;padding:15px 18px}.demo-app .p4-section-heading h1,.demo-app .p4-section-heading h2{margin:0;line-height:1.28}.demo-app .p4-section-heading>div:last-child{width:auto}.demo-app .p4-content>.p4-panel>.p4-section-heading .p4-btn.primary{align-self:center;margin-block:0}.demo-app .p4-stack{gap:18px}.demo-app .p4-modal-backdrop{align-items:flex-start;padding:74px 10px 12px;inset:0;overflow:hidden}:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){border-radius:14px;width:100%;max-height:calc(100dvh - 86px)}.demo-app .p4-modal>header{align-items:center;min-height:68px;padding:13px 16px}.demo-app .p4-modal>header h2{margin:0;padding-block:2px;font-size:22px;line-height:1.3}.demo-app .p4-modal>header button{flex:0 0 40px;width:40px;height:40px;position:static}.demo-app .p4-modal-body{padding:16px 16px 0}.demo-app .p4-modal .p4-form{gap:11px}.demo-app .p4-modal .p4-form-actions{margin-block-start:8px}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid!important}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .p4-btn{flex:none;width:100%;height:44px;min-height:44px;padding:0 10px}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .primary{grid-area:1/1/auto/-1}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .draft,.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .tertiary{grid-row:2}.demo-app .p4-table tbody{padding:8px 14px 14px}.demo-app .p4-table tbody tr{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 18px;padding:14px 0;display:grid}.demo-app .p4-table tbody td{gap:8px;min-height:28px;padding:3px 0}.demo-app .p4-table tbody td:first-child,.demo-app .p4-table tbody .p4-row-actions{grid-column:1/-1}.demo-app .p4-table tbody .p4-row-actions{min-height:34px;padding-top:5px}.demo-app .p4-members-layout .p4-card-list{margin:14px}.demo-app .p4-members-layout .p4-card-list>article{grid-template-columns:48px minmax(0,1fr);align-items:center;gap:4px 12px;padding:16px;display:grid}.demo-app .p4-members-layout .p4-card-list>article>.p4-avatar{grid-row:1/3}.demo-app .p4-members-layout .p4-card-list>article>div{text-align:start;min-width:0}.demo-app .p4-members-layout .p4-card-list>article>.p4-badge{grid-column:2;justify-self:start;margin-top:4px}.demo-app .p4-members-layout .p4-directional-data{text-align:start;direction:ltr;unicode-bidi:isolate}.demo-app .p4-members-layout>aside>.p4-form{gap:12px}.demo-app .p4-empty{min-height:210px;padding:28px 18px}.demo-app .p4-demo-settings .p4-section-heading{align-items:flex-start;display:flex}.demo-app .p4-demo-settings .p4-section-heading>div{gap:6px;width:100%;display:grid}.demo-app .p4-demo-settings .p4-section-heading p{margin:0;line-height:1.55}.demo-app .p4-ref-table-wrap{scrollbar-width:thin;padding-block-end:5px}}@media (max-width:420px){.demo-app .p4-topbar{padding-inline:10px}.demo-app .p4-mobile-menu[aria-expanded=true]{inset-inline-start:10px}.demo-app .p4-modal-backdrop{padding-inline:6px}:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){max-height:calc(100dvh - 86px)}.demo-app .p4-section-heading>div:last-child{width:100%}.demo-app .p4-content>.p4-panel>.p4-section-heading .p4-btn.primary{margin-inline-start:auto}}@media (max-width:760px){.demo-app .p4-members-layout .p4-card-list>article,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article{grid-template-columns:48px minmax(0,1fr) auto;min-height:108px;padding:16px}.demo-app .p4-members-layout .p4-card-list>article>.p4-avatar,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-avatar{grid-area:1/1/3}.demo-app .p4-members-layout .p4-card-list>article>div,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>div{grid-area:1/2/auto/4}.demo-app .p4-members-layout .p4-card-list>article>.p4-badge,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article>.p4-badge{grid-area:2/2/auto/4;justify-self:start;margin:0}.demo-app .p4-modal>header,.demo-app .p4-app[dir=rtl] .p4-modal>header{min-height:72px;padding:14px 16px}.demo-app .p4-modal>header button{flex-basis:42px;width:42px;height:42px}}.demo-app .p4-customer-actions .p4-btn{box-sizing:border-box;border-width:1px;width:100%!important;height:40px!important;min-height:40px!important;padding-block:0!important;line-height:1!important}@media (max-width:760px){.demo-app .p4-modal{position:relative}.demo-app .p4-modal>header,.demo-app .p4-app[dir=rtl] .p4-modal>header{box-sizing:border-box;align-items:center;min-height:78px!important;margin:0!important;padding:18px 20px!important;position:relative!important;inset:auto!important;transform:none!important}.demo-app .p4-modal>header h2{margin:0!important;padding:0!important}.demo-app .p4-modal>header button,.demo-app .p4-app[dir=rtl] .p4-modal>header button{flex:0 0 42px;width:42px!important;height:42px!important;margin:0!important;position:static!important;inset:auto!important;transform:none!important}.demo-app .p4-modal-body{scroll-padding-block-end:16px;overflow-y:auto;padding:18px 16px 0!important}.demo-app .p4-modal .p4-form-actions,.demo-app .p4-app[dir=rtl] .p4-modal .p4-form-actions{box-sizing:border-box;background:var(--surface);border-top:1px solid var(--line);padding:12px 16px max(12px, env(safe-area-inset-bottom))!important;margin:12px -16px 0!important;position:static!important;inset:auto!important;transform:none!important}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .p4-btn{box-sizing:border-box;height:44px!important;min-height:44px!important;margin:0!important}.demo-app .p4-demo-campaign-form .p4-campaign-form-actions .tertiary{color:var(--text);border:1px solid var(--line-strong);background:0 0}.demo-app .p4-app[dir=ltr] .p4-mobile-menu[aria-expanded=true]{left:14px!important;right:auto!important}.demo-app .p4-app[dir=rtl] .p4-mobile-menu[aria-expanded=true]{left:auto!important;right:14px!important}.demo-app .p4-app[dir=ltr] .p4-topbar:has(.p4-mobile-menu[aria-expanded=true]){left:0!important;right:auto!important}.demo-app .p4-app[dir=rtl] .p4-topbar:has(.p4-mobile-menu[aria-expanded=true]){left:auto!important;right:0!important}.demo-app .p4-demo-brand{width:auto;min-width:0;max-width:none}.demo-app .p4-app[dir=ltr] .p4-demo-brand{left:72px!important;right:14px!important}.demo-app .p4-app[dir=rtl] .p4-demo-brand{left:14px!important;right:72px!important}.demo-app .p4-demo-brand b{text-overflow:clip;white-space:nowrap;min-width:0;overflow:visible}.demo-app .p4-members-layout .p4-card-list>article,.demo-app .p4-app[dir=rtl] .p4-members-layout .p4-card-list>article{min-height:96px;padding-block:14px}}@media (max-width:420px){.demo-app .p4-app[dir=ltr] .p4-mobile-menu[aria-expanded=true]{left:10px!important}.demo-app .p4-app[dir=rtl] .p4-mobile-menu[aria-expanded=true]{right:10px!important}}.demo-app .p4-public-home{z-index:2;color:var(--brand);text-underline-offset:4px;font-size:14px;position:absolute;inset-block-start:24px;inset-inline-start:24px}.demo-app fieldset.p4-content{border:0;min-inline-size:0;margin:0}.demo-app .p4-guest-notice{background:var(--surface);color:var(--muted);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding:12px 20px;font-size:13px;display:flex}.demo-app .p4-guest-notice a{color:var(--brand);text-underline-offset:4px}.demo-app fieldset:disabled button,.demo-app .p4-demo-quick-add:disabled{cursor:not-allowed;opacity:.55}@media (max-width:600px){.demo-app .p4-public:has(.p4-public-home){padding-block-start:108px}.demo-app .p4-public-home{inset-block-start:70px;inset-inline-start:14px}}.demo-app .p4-demo-login .p4-auth-card .p4-login-form{grid-template-columns:minmax(0,1fr)}.demo-app .p4-demo-login .p4-auth-card .p4-login-form>.p4-login-submit{grid-column:1/-1;justify-self:stretch;max-width:none;width:100%!important}@media (min-width:901px){.demo-app .p4-demo-campaigns{gap:16px;margin-block-start:0}.demo-app .p4-demo-page-header h1{font-size:30px}.demo-app .p4-demo-page-header p{margin-top:8px;font-size:14px}.demo-app .p4-campaign-create{min-height:42px;padding-inline:16px;font-size:14px}.demo-app .p4-demo-campaign-metrics{gap:14px}.demo-app .p4-demo-campaign-metrics article{min-height:126px;padding:20px}.demo-app .p4-demo-campaign-metrics span{font-size:14px}.demo-app .p4-demo-campaign-metrics strong{font-size:28px}.demo-app .p4-demo-campaign-metrics small{font-size:12px}.demo-app .p4-demo-campaign-metrics svg{width:96px;height:40px}.demo-app .p4-campaign-toolbar{min-height:62px;padding:10px 16px}.demo-app .p4-campaign-tabs button{min-height:38px;padding-inline:13px;font-size:13px}.demo-app .p4-campaign-tools label,.demo-app .p4-campaign-tools>button{height:38px;font-size:13px}.demo-app .p4-campaign-tools label{width:240px;padding-inline:11px}.demo-app .p4-campaign-tools input{font-size:13px}.demo-app .p4-campaign-table th{height:46px;font-size:12px}.demo-app .p4-campaign-table td{height:66px;font-size:13px}.demo-app .p4-campaign-table td b{font-size:13.5px}.demo-app .p4-campaign-status{min-height:26px;padding-inline:9px;font-size:10.5px}.demo-app .p4-demo-ai-suggestions{min-height:158px;padding:18px 20px}.demo-app .p4-demo-ai-suggestions header b{font-size:14px}.demo-app .p4-demo-ai-suggestions span,.demo-app .p4-demo-ai-suggestions button{font-size:12px}.demo-app .p4-app[dir=ltr] .p4-modal:has(.p4-form.campaign){width:min(600px,100vw - 32px);max-height:min(90dvh,820px)}.demo-app .p4-app[dir=rtl] .p4-modal:has(.p4-form.campaign){width:min(700px,100vw - 32px)}.demo-app .p4-app[dir=ltr] .p4-modal-backdrop:has(.p4-demo-campaign-form){align-items:flex-start;padding-block-start:105px}.demo-app .p4-app[dir=rtl] .p4-modal-backdrop:has(.p4-demo-campaign-form){align-items:flex-start;padding-block-start:84px}.demo-app .p4-modal:has(.p4-demo-campaign-form)>header{min-height:68px;padding-inline:22px}.demo-app .p4-modal:has(.p4-demo-campaign-form)>header h2{font-size:20px}.demo-app .p4-modal:has(.p4-demo-campaign-form) .p4-modal-body{padding:22px}.demo-app .p4-demo-campaign-form{gap:16px}.demo-app .p4-campaign-form-intro,.demo-app .p4-demo-campaign-form label,.demo-app .p4-send-time legend{font-size:13px}.demo-app .p4-demo-campaign-form :is(input,select){height:46px;min-height:46px;font-size:13px}.demo-app .p4-demo-campaign-form textarea{min-height:82px;font-size:13px}.demo-app .p4-send-time>div{height:46px}.demo-app .p4-send-time button{font-size:13px}.demo-app .p4-campaign-ai{min-height:72px;padding:12px 14px}.demo-app .p4-campaign-ai b{font-size:13px}.demo-app .p4-campaign-ai span{font-size:11.5px}.demo-app .p4-campaign-form-actions .p4-btn{min-width:110px;min-height:42px;font-size:13px}}.demo-app .p4-modal-backdrop{overscroll-behavior:contain;justify-content:center;align-items:center;padding:clamp(12px,2.5dvh,24px);display:flex;position:fixed;inset:0;overflow:hidden}.demo-app .p4-app[dir=ltr] .p4-modal-backdrop:has(.p4-demo-campaign-form){overscroll-behavior:contain;justify-content:center;align-items:center;padding:clamp(12px,2.5dvh,24px);display:flex;position:fixed;inset:0;overflow:hidden}.demo-app .p4-app[dir=rtl] .p4-modal-backdrop:has(.p4-demo-campaign-form){overscroll-behavior:contain;justify-content:center;align-items:center;padding:clamp(12px,2.5dvh,24px);display:flex;position:fixed;inset:0;overflow:hidden}.demo-app .p4-modal{flex-direction:column;width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - clamp(24px,5dvh,48px));margin:0;display:flex;overflow:hidden}.demo-app .p4-modal:has(.p4-demo-campaign-form){flex-direction:column;width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - clamp(24px,5dvh,48px));margin:0;display:flex;overflow:hidden}.demo-app .p4-modal:has(.p4-form.campaign){flex-direction:column;width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - clamp(24px,5dvh,48px));margin:0;display:flex;overflow:hidden}.demo-app .p4-app[dir=ltr] .p4-modal:has(.p4-form.campaign){flex-direction:column;width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - clamp(24px,5dvh,48px));margin:0;display:flex;overflow:hidden}.demo-app .p4-app[dir=rtl] .p4-modal:has(.p4-form.campaign){flex-direction:column;width:min(680px,100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - clamp(24px,5dvh,48px));margin:0;display:flex;overflow:hidden}.demo-app .p4-modal:not(:has(.p4-form.campaign)){width:min(560px,100vw - 24px)}.demo-app .p4-app[dir=ltr] .p4-modal:has(.p4-form.campaign){width:min(600px,100vw - 24px)}.demo-app .p4-app[dir=rtl] .p4-modal:has(.p4-form.campaign){width:min(700px,100vw - 24px)}.demo-app .p4-modal>header{flex:none}.demo-app .p4-modal-body{--modal-body-gutter:20px;min-height:0;padding:18px var(--modal-body-gutter) 0;overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;flex:auto;overflow:hidden auto}.demo-app .p4-modal .p4-form-actions,.demo-app .p4-app[dir=rtl] .p4-modal .p4-form-actions{z-index:3;box-sizing:border-box;background:color-mix(in srgb, var(--surface) 96%, transparent);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:12px calc(-1 * var(--modal-body-gutter)) 0!important;padding:12px var(--modal-body-gutter) max(12px, env(safe-area-inset-bottom))!important;position:sticky!important;inset-block-end:0!important}@media (min-width:901px){.demo-app .p4-modal:has(.p4-demo-campaign-form) .p4-modal-body{--modal-body-gutter:22px;padding-inline:var(--modal-body-gutter);padding-block-end:0}}@media (max-width:760px){.demo-app .p4-modal-backdrop{padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));align-items:center}.demo-app .p4-app[dir=ltr] .p4-modal-backdrop:has(.p4-demo-campaign-form){padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));align-items:center}.demo-app .p4-app[dir=rtl] .p4-modal-backdrop:has(.p4-demo-campaign-form){padding:max(10px, env(safe-area-inset-top)) 10px max(10px, env(safe-area-inset-bottom));align-items:center}:is(.demo-app .p4-modal,.demo-app .p4-modal:has(.p4-demo-campaign-form),.demo-app .p4-modal:has(.p4-form.campaign)){width:100%;max-width:560px;max-height:calc(100dvh - 20px)}.demo-app .p4-modal-body{--modal-body-gutter:16px;padding:16px var(--modal-body-gutter) 0!important}}.demo-app .p4-campaign-pagination{min-height:50px;color:var(--muted);border-top:1px solid var(--line);align-items:center;gap:12px;padding:8px 16px;font-size:12px;display:flex}.demo-app .p4-campaign-pagination label{margin-inline-start:auto}.demo-app .p4-campaign-pagination select,.demo-app .p4-campaign-pagination button{min-height:32px;color:var(--text);background:var(--surface-2);border:1px solid var(--line);font:inherit;border-radius:7px;padding-inline:10px}.demo-app .p4-campaign-pagination div{gap:4px;display:flex}.demo-app .p4-campaign-pagination button{width:34px;padding:0;font-size:20px}
.demo-app .p4-app{--bg:#f2f6f4;--surface:#fff;--surface-2:#f6f9f8;--surface-3:#e8f3f0;--text:#10201c;--muted:#60736c;--line:#d5e1dd;--brand:#18b8aa;--brand-strong:#0c8f84;--sidebar-bg:#edf4f2;--topbar-bg:#fafcfbeb;--line-strong:#cdd9d5;--brand-hover:#078c84;--sidebar:#fff;--sidebar-hover:#edf7f5;--shadow-sm:0 1px 2px #092a220d;--shadow:0 14px 36px #092a221a}@media (prefers-color-scheme:dark){.demo-app .p4-app[data-theme=system]{--bg:#061612;--surface:#0b241d;--surface-2:#0f2b23;--surface-3:#14372d;--text:#f1f7f5;--muted:#9bb2aa;--line:#21463b;--line-strong:#315f51;--brand:#44cdb1;--brand-hover:#65dbc3;--sidebar:#041e19;--sidebar-hover:#0e493d}}.demo-app .p4-app:not([data-theme=dark]){--bg:#f6f8f7;--surface:#fff;--surface-2:#f4f7f6;--surface-3:#e8f3f1;--text:#121a18;--muted:#66746f;--line:#d8e2df;--line-strong:#c7d6d1;--sidebar:#f0f5f3;--sidebar-hover:#dff0ed}.demo-app .p4-app[data-theme=dark]{--bg:#02120f;--surface:#08201b;--surface-2:#0c2822;--surface-3:#12332b;--text:#f0f6f4;--muted:#9eb2ab;--line:#1d3b33;--brand:#3bcbbb;--brand-strong:#65dfd1;--sidebar-bg:#031713;--topbar-bg:#02120ff0;--line-strong:#2b5045;--brand-hover:#54d8ca;--sidebar:#031713;--sidebar-hover:#102d27}