.dp-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;background:#f5f8fc}.dp-frame.is-zoomed{width:2560px;min-width:2560px}.dp-canvas{position:absolute;top:0;left:0;width:1280px;height:720px;transform-origin:top left}.dashboard-preview{width:1280px;height:720px;display:flex;background:#f4f7fb;color:#12263a;font-family:Eraslan Sans,Segoe UI,sans-serif;font-size:11px;line-height:1.4;text-align:start;letter-spacing:0}.dashboard-preview *,.dashboard-preview :after,.dashboard-preview :before{box-sizing:border-box}.dashboard-preview h3,.dashboard-preview h4,.dashboard-preview p{margin:0}.dp-sidebar{flex:0 0 178px;background:#092f4a;color:#d9e8f3;padding:10px 7px}.dp-logo{display:grid;place-items:center;height:67px;border-bottom:1px solid #ffffff15;margin-bottom:15px}.dashboard-preview .dp-logo img{width:156px;height:54px;-o-object-fit:contain;object-fit:contain;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none;background:transparent;padding:0}.dp-sidebar>p{font-size:8px;text-transform:uppercase;color:#78aecb;margin:0 7px 9px}.dp-menu{display:grid;gap:4px}.dp-menu>div{display:flex;gap:7px;align-items:center;min-height:31px;border-bottom:1px solid #ffffff0a;padding:6px;font-size:9px;font-weight:600}.dp-menu>div svg{flex-shrink:0;color:#8cb8d2}.dp-menu>.is-selected{background:#164765;border-radius:3px;box-shadow:inset 3px 0 #08a7f7}.dp-menu-number{color:#6599b6;font-size:7px}.dp-workspace{flex:1;min-width:0}.dp-header{height:46px;display:flex;align-items:center;gap:12px;background:#fff;border-bottom:1px solid #dbe5ee;padding:0 12px;font-size:9px}.dp-header>svg{color:#557c99;flex-shrink:0}.dp-search{flex:1;gap:8px;border:1px solid #dae4ed;border-radius:4px;padding:8px 10px;color:#7b8a9c;margin-inline:15px}.dp-date,.dp-new,.dp-search{display:flex;align-items:center}.dp-date,.dp-new{gap:5px;padding:8px;border:1px solid #dae4ed;border-radius:3px;white-space:nowrap}.dp-new{background:#087bf5;border-color:#087bf5;color:white;font-weight:600}.dp-avatar{border-radius:50%;display:grid;place-items:center;width:27px;height:27px;background:#375770;color:white}.dp-main{padding:12px}.dp-heading{display:flex;align-items:start;gap:9px;min-height:53px}.dp-heading h3{font-size:19px;line-height:1.3;font-weight:800}.dp-heading p{font-size:10px;color:#667d93;margin-top:3px}.dp-active{flex-shrink:0;display:flex;align-items:center;gap:4px;color:#008767;background:#eafbf3;border:1px solid #b2f0d5;border-radius:12px;font-size:8px;padding:3px 6px;margin-top:3px}.dp-active i{width:5px;height:5px;background:#10b981;border-radius:50%}.dp-demo{margin-inline-start:auto;color:#6a7e90;font-size:8px;border:1px solid #dbe5ed;background:#fff;border-radius:3px;padding:4px 6px;white-space:nowrap}.dp-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-bottom:9px}.dp-metric{min-width:0;position:relative;display:flex;align-items:center;gap:8px;height:79px;padding:10px;background:white;border:1px solid #d9e4ee;box-shadow:0 1px 3px #163a4f08;border-radius:4px}.dp-metric-icon{display:grid;place-items:center;width:34px;height:38px;flex-shrink:0;border-radius:4px;color:#3679ff;background:#eef4ff}.dp-tone-1 .dp-metric-icon,.dp-tone-3 .dp-metric-icon{color:#00a777;background:#ecfbf4}.dp-tone-2 .dp-metric-icon{color:#ef485c;background:#fff1f3}.dp-metric h4{font-size:9px;font-weight:600;color:#597187;position:relative;z-index:1}.dp-metric strong{display:block;font-size:21px;font-weight:800}.dp-metric small{display:block;color:#009b70;font-size:7px;white-space:nowrap}.dp-metric small span{color:#70849a;margin-inline-start:4px}.dp-spark{position:absolute;bottom:17px;inset-inline-end:8px;display:flex;gap:3px;align-items:end;opacity:.5}.dp-spark i{width:4px;background:#69acff;border-radius:2px 2px 0 0}.dp-tone-2 .dp-spark i{background:#fb7f8c}.dp-columns{display:grid;grid-template-columns:minmax(0,1fr) 252px;gap:9px}.dp-panel{border:1px solid #dce5ed;background:white;border-radius:4px;overflow:hidden}.dp-panel h4,.dp-panel-title{display:flex;align-items:center;gap:7px;min-height:32px;border-bottom:1px solid #dce5ed;padding:8px 10px;font-size:10px}.dp-panel h4 svg{color:#3878ff}.dp-map-panel{border:1px solid #b6ccd9;border-radius:4px;overflow:hidden}.dp-map-title{min-height:33px;color:white;background:#092e45;border:0}.dp-map-filters{margin-inline-start:auto;display:flex;gap:3px}.dp-map-filters>span{font-size:7px;padding:4px 7px;background:#153c54;border:1px solid #ffffff25;border-radius:3px}.dp-map-filters>.is-selected{background:#2979ff}.dp-map{height:240px;position:relative;background:#abd3de;overflow:hidden}.dp-map-geography{position:absolute;top:-5px;left:0;width:768px;height:512px;transform:scale(.92);transform-origin:top left}.dashboard-preview .dp-map-geography img{position:absolute;display:block;width:256px;height:256px;max-width:none;aspect-ratio:auto;border:0;border-radius:0;box-shadow:none}.dp-map-geography>svg{position:absolute;inset:0;width:768px;height:512px}.dp-map-legend{position:absolute;bottom:18px;left:8px;display:flex;gap:13px;background:#092e45;color:white;padding:8px;border-radius:3px}.dp-map-legend>span{display:flex;align-items:center;gap:6px;font-size:7px}.dp-map-legend svg{color:#09bced}.dp-map-legend strong{display:block;font-size:11px}.dp-map-attribution{position:absolute;bottom:0;right:0;padding:1px 3px;background:#ffffffdd;color:#3f586c;font-size:7px}.dp-bottom{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:8px}.dp-bottom>section{height:125px}.dp-performance{padding:9px 10px;display:grid;gap:7px}.dp-performance>div{display:flex;align-items:center;gap:6px;font-size:8px}.dp-performance>div>span{width:56px}.dp-performance i{flex:1;height:5px;border-radius:5px;background:#edf2f8}.dp-performance b{display:block;height:100%;border-radius:inherit}.dp-performance strong{width:31px;text-align:end}.dp-finance-note{padding:12px;font-size:10px;line-height:1.8;color:#597085}.dp-secondary{display:grid;grid-template-rows:164px 133px 101px;gap:8px}.dp-alerts{padding:0 8px}.dp-alerts>div{display:flex;gap:7px;align-items:center;min-height:31px;border-bottom:1px solid #ecf0f5}.dp-alerts strong{font-size:8px}.dp-alert-dot{border-radius:50%;flex-shrink:0;width:21px;height:21px;display:grid;place-items:center;background:#f44652;color:white;font-weight:800}.dp-alert-1{background:#f5a000}.dp-alert-2{background:#2876ed}.dp-appointments{padding:7px 9px;display:grid;gap:11px;font-size:8px}.dp-appointments>div{display:flex;gap:8px;align-items:center}.dp-appointments time{color:#70839a;font-size:7px;flex-shrink:0}.dp-appointments span{font-weight:600}.dp-flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:7px;gap:3px;text-align:center}.dp-flow>div>span{display:grid;place-items:center;height:22px;color:#3279ff}.dp-flow small{font-size:6px;display:block;color:#687d91;line-height:1.3;min-height:15px}.dp-flow strong{font-size:10px;display:block}.dp-recent{margin-top:9px}.dp-recent table{width:100%;border-collapse:collapse;text-align:start;font-size:8px}.dp-recent th{background:#f7f9fc;color:#6b8092;font-weight:500;padding:5px 12px;text-align:start}.dp-recent td{padding:6px 12px;border-top:1px solid #e7edf3}.dp-recent td>span{padding:2px 6px;border-radius:3px;background:#e9fbf3;color:#00996e}.entry-preview-live{position:relative;border:1px solid #cbdbe3;border-top:0}.entry-preview-live>.entry-preview-trigger{position:absolute;inset:0;background:transparent}.entry-preview-live>.entry-preview-trigger:hover .entry-preview-expand{background:#edf6ff;border-color:#087bf5}.entry-preview-live>.entry-preview-trigger:focus-visible{outline:3px solid #087bf5;outline-offset:-3px}.entry-preview-export-error{padding:9px 16px;margin:0;color:#a52838;background:#fff3f4;font-size:12px}.entry-preview-dialog-toolbar button:disabled{opacity:.5;cursor:wait}.dp-is-demo{position:relative;overflow:hidden}.dp-canvas.has-demo-camera{transition:transform .65s cubic-bezier(.22,1,.36,1)}.dp-camera-attribution{position:absolute;bottom:0;right:0;z-index:6;background:#f5fbfce8;color:#335b69;padding:2px 5px;font-size:8px;pointer-events:none}.dp-is-demo .dp-sidebar{background:#18333d}.dp-is-demo .dp-menu>.is-selected{background:#1b5663;box-shadow:inset 3px 0 #19c4ce}.dp-is-demo .dp-new{background:#087f89;border-color:#087f89}.dp-is-demo[data-demo-step="1"] .dp-new{background:#d26438;border-color:#d26438}.dp-is-demo[data-demo-step="1"] .dp-menu>.is-selected,.dp-is-demo[data-demo-step="2"] .dp-menu>.is-selected{background:transparent;box-shadow:none}.dp-is-demo[data-demo-step="1"] .dp-menu>div:nth-child(4),.dp-is-demo[data-demo-step="2"] .dp-menu>div:nth-child(11){background:#1b5663;box-shadow:inset 3px 0 #19c4ce}.dp-is-demo[data-demo-step="2"] .dp-map-panel{outline:3px solid #12bac7;outline-offset:-3px}.dp-is-demo[data-demo-step="2"] .dp-map-geography>svg>g:not(:first-child){display:none}.dp-is-demo[data-demo-step="2"] .dp-map-geography>svg>g:first-child>path{stroke-width:4;animation:dp-demo-route 1.2s linear infinite;animation-play-state:paused}.dp-is-demo[data-demo-playing=true][data-demo-step="2"] .dp-map-geography>svg>g:first-child>path{animation-play-state:running}.dp-is-demo[data-demo-step="0"] .dp-metrics{outline:2px solid #19c4ce;outline-offset:3px;border-radius:4px}.dp-demo-surface{position:absolute;z-index:3;top:228px;inset-inline-start:210px;width:665px;height:335px;border:1px solid #61a9b5;border-top:3px solid #16becb;border-radius:6px;background:#f5fbfc;box-shadow:0 10px 24px #16354130;padding:24px;font-size:13px}.dp-demo-surface-heading{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #cce0e6;color:#16414b}.dp-demo-surface-heading strong{font-size:20px}.dp-demo-surface-heading>span{margin-inline-start:auto;color:#627f8b;font-size:10px}.dp-demo-order-fields{display:grid;gap:12px;padding-top:18px}.dp-demo-order-fields>div{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:16px}.dp-demo-order-fields small{color:#5f7f8d;font-size:12px}.dp-demo-order-fields>div>span{display:block;min-height:36px;background:#fff;border:1px solid #c2dbe3;border-radius:4px;padding:8px 12px;color:#234753}.dp-demo-order-fields b{display:inline-block;max-width:0;overflow:hidden;white-space:nowrap;vertical-align:middle;font-size:12px;font-weight:500;animation:dp-demo-type .55s steps(18) forwards}.dp-demo-order-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:20px}.dp-demo-order-footer>span{display:flex;align-items:center;gap:7px;color:#147d6c;font-size:11px}.dp-demo-order-footer>strong{display:flex;align-items:center;gap:10px;padding:9px 16px;background:#0b8f9c;color:#fff;border-radius:4px;font-size:12px}.dp-demo-finance{border-top-color:#ff8756;background:#fff9f4}.dp-demo-finance-total{display:flex;align-items:center;gap:20px;padding:24px 0;flex-wrap:wrap}.dp-demo-finance-total small{flex-basis:100%;color:#966540;font-size:11px}.dp-demo-finance-total>strong{color:#9e4d26;font-size:33px;font-weight:750}.dp-demo-finance-total>span{color:#607884;font-size:12px}.dp-demo-ledger{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;border-top:1px solid #e7d3c7;padding-top:16px}.dp-demo-ledger>div{display:flex;justify-content:space-between;gap:10px;font-size:11px}.dp-demo-ledger span{color:#637e89}.dp-demo-ledger strong{color:#254855;font-weight:600}.dp-demo-cursor{--cursor-direction:1;position:absolute;z-index:5;inset-inline-start:0;top:0;pointer-events:none;animation:dp-demo-cursor-0 2.2s ease both;animation-play-state:paused;filter:drop-shadow(0 2px 2px #142b3650)}.dp-is-demo[data-demo-playing=true] .dp-demo-cursor{animation-play-state:running}.dp-demo-cursor-1{animation-name:dp-demo-cursor-1}.dp-demo-cursor-2{animation-name:dp-demo-cursor-2}.dp-demo-cursor-3{animation-name:dp-demo-cursor-3}.dp-is-demo[dir=rtl] .dp-demo-cursor{--cursor-direction:-1;transform:scaleX(-1)}@keyframes dp-demo-cursor-0{0%{translate:calc(320px * var(--cursor-direction)) 110px}60%,to{translate:calc(420px * var(--cursor-direction)) 145px}}@keyframes dp-demo-cursor-1{0%{translate:calc(1120px * var(--cursor-direction)) 24px}25%{translate:calc(495px * var(--cursor-direction)) 334px}55%{translate:calc(495px * var(--cursor-direction)) 423px}85%,to{translate:calc(802px * var(--cursor-direction)) 513px}}@keyframes dp-demo-cursor-2{0%{translate:calc(70px * var(--cursor-direction)) 461px}50%,to{translate:calc(531px * var(--cursor-direction)) 373px}}@keyframes dp-demo-cursor-3{0%{translate:calc(770px * var(--cursor-direction)) 556px}50%,to{translate:calc(680px * var(--cursor-direction)) 357px}}@keyframes dp-demo-type{to{max-width:310px}}@keyframes dp-demo-route{to{stroke-dashoffset:-22}}.dp-is-demo[data-demo-playing=false] .dp-demo-order-fields b{animation:none;max-width:310px}@media (prefers-reduced-motion:reduce){.dp-canvas.has-demo-camera{transition:none}.dp-demo-cursor{display:none}.dp-demo-order-fields b{animation:none;max-width:310px}.dp-is-demo[data-demo-step="2"] .dp-map-geography>svg>g:first-child>path{animation:none}}