@charset "UTF-8";@font-face{font-family:Gilroy-SemiBold;src:url(/fonts/Gilroy-SemiBold.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:BricolageGrotesque;src:url(/fonts/BricolageGrotesque.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Gilroy-Medium;src:url(/fonts/Gilroy-Medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Mazius-Extraitalic;src:url(/fonts/Mazius-Extraitalic.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:d;src:url(/fonts/d.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Urbanist;src:url(/fonts/fonts/Urbanist.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Outfit;src:url(/fonts/fonts/Outfit-Regular.woff) format("woff");font-weight:400;font-style:normal}:root{--hero-font: 8vw;--hero-sub-font: 1.3rem;--size-submain: 3rem;--size-2rem: 2rem;--color-biege: #e3dacd;--stick-black: #000;--stick-white: #fff;--yellow: #fcad00;--sub-yellow: #835a00;--sub-primary: var(--black);--browny: #181818;--primary: #14cf93;--lightteal: #97ffca75;--blue: blue;--secondary: #5c9dde;--dblack: #383838;--black: #000;--white: #fff;--tertialy: #f4f7fa;--gray: #8a8a8a;--disabled: #e1dfdf;--darkestblue: #1f1e30;--lightgreen: #00887a;--greenwhite: #fff;--lightgray: #f9f9f9;--buttonhover: #0066cc;--greenlight: #50be3d;--darkgreen: #29631f;--walletblur: #0879cf;--light: rgba(5, 46, 36, .5);--pinky: rgb(253 252 242);--bluish: rgb(239, 247, 254);--grey-light: rgb(231 231 231);--grad: linear-gradient( 272deg, rgba(255, 33, 33, 0) -16.91%, #ff3407 -.51%, #fc964c 12.46%, #fc964c 22.5%, #f62f03 46.54%, rgba(246, 32, 3, 0) 71.84%, #fd7c34 112.33% );--grad-full: radial-gradient(circle at 50% 200%, #0a0a0a, #0a0a0a 60%, #0a0a0a00 88%), linear-gradient( 272deg, rgba(255, 33, 33, 0) -16.91%, #ff3407 -.51%, #fc964c 12.46%, #fc964c 22.5%, #f62f03 46.54%, rgba(246, 32, 3, 0) 71.84%, #fd7c34 112.33% );--red: #c16161;--whitegrey: #c1c1c1;--cardborderradius: 23px;--paddingpxsize: 10px;--smallfontpxsize: 10px;--mediumfontpxsize: 25px;--largefontpxsize: 10px;--lineheightpxsize: 10px;--letterspacingpxsize: 10px;--small-margin: 10px 5px 0;--font-1: "Urbanist", var(--font-2);--font-2: "Outfit", var(--font-3);--font-3: "Gilroy-SemiBold";--font-4: "Mazius-Extraitalic";--font-5: "d";--screen-width: calc(100vw - 7px) ;--gutter: 5px;--paddSmall: 25px;--hc-sm: clamp(.7rem, .35vi + .61rem, .89rem);--hc-base: clamp(.88rem, .57vi + .73rem, 1.19rem);--hc-md: clamp(1.09rem, .89vi + .87rem, 1.58rem);--hc-lg: clamp(1.37rem, 1.35vi + 1.03rem, 2.11rem);--hc-xl: clamp(1.71rem, 2.01vi + 1.21rem, 2.81rem);--hc-xxl: clamp(2.14rem, 2.93vi + 1.4rem, 3.75rem);--hc-xxxl: clamp(2.67rem, 4.23vi + 1.61rem, 5rem);--ds-accent: #14cf93;--ds-accent-hover: #0eb583;--ds-accent-active: #0a9670;--ds-accent-deep: #00887a;--ds-accent-ink: #065f46;--ds-accent-soft: #e0faf1;--ds-accent-softer: #f0fdf8;--ds-accent-cyan: #52e0ed;--ds-canvas: #f4f7fa;--ds-panel: #ffffff;--ds-surface: #f9fafb;--ds-surface-hover: #f3f4f6;--ds-topbar: #ffffff;--ds-text-strong: #1a1a1a;--ds-text: #383838;--ds-text-muted: #6b7280;--ds-text-faint: #6b7280;--ds-text-placeholder: #9ca3af;--ds-text-inverse: #ffffff;--ds-border: #e5e7eb;--ds-border-input: #d1d5db;--ds-border-subtle: rgba(0, 0, 0, .07);--ds-success-bg: #d1fae5;--ds-success-text: #065f46;--ds-warning-bg: #fef3c7;--ds-warning-text: #92400e;--ds-danger-bg: #fee2e2;--ds-danger-text: #991b1b;--ds-danger: #ef4444;--ds-danger-strong: #dc2626;--ds-info-bg: #dbeafe;--ds-info-text: #1e40af;--ds-info: #3b82f6;--ds-neutral-bg: #f3f4f6;--ds-neutral-text: #4a5568;--ds-radius-sm: 8px;--ds-radius-md: 12px;--ds-radius-input: 14px;--ds-radius-card: 24px;--ds-radius-xl: 32px;--ds-radius-pill: 999px;--ds-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--ds-shadow-md: 0 4px 16px rgba(0, 0, 0, .1);--ds-shadow-lg: 0 8px 32px rgba(0, 0, 0, .14);--ds-shadow-hover: 0 4px 12px rgba(0, 0, 0, .08);--ds-overlay: rgba(0, 0, 0, .35);--ds-scrim-nav: rgba(0, 0, 0, .5);--ds-t-fast: .15s ease;--ds-t-sidebar: .28s cubic-bezier(.4, 0, .2, 1);--ds-t-overlay: .3s ease-in-out;--ds-z-nav: 40;--ds-z-topbar: 30;--ds-z-drawer: 60;--ds-z-scrim: 55;--ds-z-modal: 500;--ds-z-toast: 600;--ds-z-preloader: 700}body{padding:0;margin:0;font-family:var(--font-1);color:var(--ds-text);background:var(--ds-canvas)}:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@keyframes ds-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes ds-spin{to{transform:rotate(360deg)}}.preloader{will-change:transform}.font-1{font-family:var(--font-1)}.font-2{font-family:var(--font-2)}.font-3{font-family:var(--font-3)}.font-4{font-family:var(--font-4)}::-webkit-scrollbar{width:7px;background-color:transparent}::-webkit-scrollbar-thumb{background-color:var(--ds-text-faint);border-radius:var(--ds-radius-pill)}.active-page{background-color:#fff3;color:#e6f0ff}.tealed{stroke:var(--white)}.white{color:var(--white)}.black{color:var(--black)}.blackfill{fill:var(--black)}.underline{text-decoration:underline}.baseSize{font-size:var(--hc-base)}.centertext{text-align:center}.overlaypay{position:absolute;top:0;left:0;right:0;bottom:0;justify-content:center;display:none;align-items:center;background:#b0ddeb9c;z-index:11}.no-overflow{overflow:hidden!important}.just-flex{display:flex!important}.downloadBTn{background-color:var(--white);border:solid 2px var(--ds-accent);border-radius:30px;padding:8px 12px;margin-top:6px;max-width:350px;justify-self:center;cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center}.slunt{font-family:var(--font-4);color:var(--ds-accent);text-transform:lowercase;padding-left:3px;padding-right:8px;font-size:larger}.d-flex,.flex{display:flex}.flex-wrap{flex-wrap:wrap}.justify-content-center{justify-content:center}.justify-content-start{justify-content:flex-start}.justify-content-end{justify-content:flex-end}.justify-content-between{justify-content:space-between}.justify-content-around{justify-content:space-around}.justify-content-evenly{justify-content:space-evenly}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:3rem}.pt-0{padding-top:0}.pt-1{padding-top:.25rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-5{padding-top:3rem}.pb-0{padding-bottom:0}.pb-1{padding-bottom:.25rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:3rem}.pl-0{padding-left:0}.pl-1{padding-left:.25rem}.pl-2{padding-left:.5rem}.pl-3{padding-left:.75rem}.pl-4{padding-left:1rem}.pl-5{padding-left:3rem}.pr-0{padding-right:0}.pr-1{padding-right:.25rem}.pr-2{padding-right:.5rem}.pr-3{padding-right:.75rem}.pr-4{padding-right:1rem}.pr-5{padding-right:3rem}.gap-0{gap:0}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:3rem}.w-100{width:100%}.h-100{height:100%}.b-25{border-radius:30px}.o-h{overflow:hidden}.position-absolute,.cloase{position:absolute}.align-items-center{align-items:center}.flex-column{flex-direction:column}.lottieOverflow{width:100%;height:100%;display:flex;justify-content:center}.lottieContainer{width:100px;height:100px;display:flex;justify-content:center;align-items:center}.status-badge{display:inline-flex;align-items:center;padding:3px 10px!important;border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:600}.confirmed{background:var(--ds-success-bg);color:var(--ds-success-text)}.finished{background:var(--ds-info-bg);color:var(--ds-info-text)}.eb-container{position:relative;min-height:100svh;display:flex;align-items:center;justify-content:center;padding:24px;background:var(--ds-canvas);overflow:hidden}.eb-video{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:0}.eb-blur{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--ds-overlay);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.eb-card{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:480px;padding:32px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-lg);text-align:center}.eb-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ds-radius-pill);background:var(--ds-danger-bg);color:var(--ds-danger-text)}.eb-title{margin:0;font-family:var(--font-1);font-size:1.4rem;font-weight:700;letter-spacing:-.01em;color:var(--ds-text-strong)}.eb-hint{margin:0;font-family:var(--font-1);font-size:.9rem;color:var(--ds-text-muted)}.eb-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.eb-modal-head h2{margin:0;font-family:var(--font-1);font-size:1.1rem;font-weight:700;color:var(--ds-text-strong)}.eb-stack{max-height:40vh;overflow:auto;margin:12px 0 0;padding:12px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);font-size:.8rem;text-align:left;white-space:pre-wrap;color:var(--ds-text)}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--ds-z-preloader);background-color:var(--ds-canvas);justify-content:center;display:flex;align-items:center}.preloader--icon{position:relative;z-index:1;width:48px;height:48px;display:flex;align-items:center;justify-content:center;margin:0}.preloader--icon:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid var(--ds-surface);border-top-color:var(--ds-accent);border-radius:50%;animation:ds-spin .8s linear infinite}.preloader--icon img{width:24px;height:24px;-o-object-fit:contain;object-fit:contain}.mf-cursor{position:fixed;top:0;left:0;z-index:250;direction:ltr;contain:layout style size;pointer-events:none;transition:opacity .3s,color .4s}.mf-cursor:before .mf-low{transform:scale(.812)}.mf-cursor.-enlarge:before{transform:scale(.812)!important;content:"";position:absolute;top:-53px;left:-50px;display:block;width:100px;height:100px;background:#000;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}.mf-cursor.-medium .mf-cursor-media{transform:scale(1.812)}.mf-cursor.-medium:before{transform:scale(.512)!important;content:"";position:absolute;top:-50px;left:-50px;display:block;width:100px;height:100px;background:#000;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}.mf-cursor.-invisible:before{transform:scale(.00022)!important;content:"";position:absolute;top:-50px;left:-50px;display:block;width:100px;height:100px;background:#000;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}@media (max-width: 768px){.mf-cursor.-enlarge:before{transform:scale(.812);content:"";position:absolute;top:-30px;border:solid 4px #f2813f;left:-30px;display:block;width:60px;height:60px;background:transparent;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}}.mf-cursor:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(.2);background:#000;border-radius:50%;transition:transform .15s ease-in-out,opacity .1s}.mf-cursor.-menuhover:before{content:"";position:absolute;top:-24px;left:-24px;display:block;width:48px;height:48px;transform:scale(1.32);background:#000;border-radius:50%;transition:transform .25s ease-in-out,opacity .1s}.mf-cursor.-inverse:before{background:#fff}.-blink{animation:philo-blink backwards 1s steps(1) infinite;transform:scale(.5)}@keyframes philo-blink{0%{opacity:0}50%{opacity:1}to{opacity:0}}.-blinker{position:absolute;top:-85px;left:-9px;display:block;width:18px;height:168px;transform:scale(.2);background:#b71818;border-radius:0%}@supports (mix-blend-mode: exclusion){.mf-cursor.-exclusion{mix-blend-mode:exclusion}.mf-cursor.-exclusion:before{background:#fff}.mf-cursor.-exclusion .mf-cursor-text{color:#000}.mf-cursor.-exclusion,.mf-cursor.-opaque,.mf-cursor.-exclusion-purple{mix-blend-mode:exclusion}.mf-cursor.-exclusion-purple:before{background:#325f3a}.mf-cursor-media .-shrink{position:absolute;width:60px;height:60px;margin:-50px 0 0 -50px}#aboutbody .mf-cursor-media-box{scale:.6}}.mf-cursor.-pointer:before{transform:scale(.15)}.mf-cursor.-text:before{opacity:1;transform:scale(1.7)}.mf-cursor.-text.-active:before{transform:scale(1.6);transition-duration:.2s}.mf-cursor.-icon:before{transform:scale(1.5)}.mf-cursor.-icon.-active:before{transform:scale(1.4)}.mf-cursor.-hidden:before{transform:scale(0)}.mf-cursor-text-inverse{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#000;font-size:16px;line-height:20px;text-align:center;transition:opacity .4s,transform .3s}.mf-cursor.-text-inverse .mf-cursor-text-inverse{opacity:1;transform:scale(1)}.mf-cursor.-text-inverse:before{opacity:1;transform:scale(1.7)}.mf-cursor-text{position:absolute;top:-18px;left:-18px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;transform:scale(0) rotate(10deg);opacity:0;color:#fff;font-size:16px;line-height:20px;text-align:center;transition:opacity .4s,transform .3s}.mf-cursor.-text .mf-cursor-text,.mf-cursor.-icon .mf-cursor-text{opacity:1;transform:scale(1)}.mf-cursor-media{position:absolute;width:100px;height:100px;margin:-50px 0 0 -50px}.mf-cursor-media img,.mf-cursor-media video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}@supports ((-o-object-fit: cover) or (object-fit: cover)){.mf-cursor-media img,.mf-cursor-media video{position:static;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transform:translateZ(0)}}.mf-cursor-media-box{position:relative;width:100%;height:100%;overflow:hidden;transform:scale(0) translateZ(0);padding:1px;opacity:0;border-radius:50%;transition:transform .35s,opacity .2s .2s}.mf-cursor.-media .mf-cursor-media-box{opacity:1;transform:scale(.696);transition-duration:.4s,.4s;transition-delay:0s,0s}.ds-btn{display:inline-flex;align-items:center;gap:8px;padding:9px 18px;border-radius:var(--ds-radius-pill);font-family:var(--font-1);font-size:.9rem;font-weight:500;line-height:1.4;border:1px solid transparent;cursor:pointer;transition:all var(--ds-t-fast);text-decoration:none}.ds-btn:disabled{opacity:.55;cursor:not-allowed}.ds-btn--primary{background:var(--ds-accent);color:#fff;font-weight:600}.ds-btn--primary:hover:not(:disabled){background:var(--ds-accent-hover)}.ds-btn--primary:active:not(:disabled){background:var(--ds-accent-active)}.ds-btn--outline{background:#fff;border-color:var(--ds-border);color:var(--ds-text)}.ds-btn--outline:hover:not(:disabled){background:var(--ds-surface)}.ds-btn--soft{background:var(--ds-accent-soft);color:var(--ds-accent-ink)}.ds-btn--soft:hover:not(:disabled){background:var(--ds-accent);color:#fff}.ds-btn--danger{background:var(--ds-danger-strong);color:#fff}.ds-btn--danger:hover:not(:disabled){opacity:.88}.ds-btn--ghost{background:transparent;color:var(--ds-text-muted)}.ds-btn--ghost:hover:not(:disabled){background:var(--ds-surface);color:var(--ds-text)}.ds-btn--sm{padding:6px 14px;font-size:.8rem}.ds-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-pill);border:none;background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.ds-icon-btn:hover:not(:disabled){background:var(--ds-surface);color:var(--ds-text)}.ds-icon-btn:disabled{opacity:.55;cursor:not-allowed}.ds-icon-btn--lg{width:38px;height:38px}.ds-icon-btn--square{border-radius:10px}.ds-icon-btn--danger:hover:not(:disabled){background:var(--ds-danger-bg);color:var(--ds-danger-text)}.ds-field{display:flex;flex-direction:column;gap:5px}.ds-field .ds-label{font-size:.85rem;font-weight:500;color:var(--ds-text)}.ds-input,.ds-select,.ds-textarea{padding:9px 12px;border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-input);background:var(--ds-surface);font-family:var(--font-1);font-size:1rem;color:var(--ds-text);transition:border-color .15s,background .15s;width:100%;max-width:100%;box-sizing:border-box;resize:vertical}.ds-input::-moz-placeholder,.ds-textarea::-moz-placeholder{color:var(--ds-text-placeholder)}.ds-input::placeholder,.ds-textarea::placeholder{color:var(--ds-text-placeholder)}.ds-input:focus,.ds-select:focus,.ds-textarea:focus{border-color:var(--ds-accent);background:#fff;outline:none}.ds-input:focus-visible,.ds-select:focus-visible,.ds-textarea:focus-visible{box-shadow:0 0 0 3px var(--ds-accent-soft);outline:none}.ds-input:disabled,.ds-select:disabled,.ds-textarea:disabled{opacity:.55;cursor:not-allowed}.ds-input--search{border-radius:var(--ds-radius-pill);padding:9px 16px}.ds-input--error,.ds-select--error,.ds-textarea--error{border-color:var(--ds-danger)}.ds-error-text{font-size:.8rem;color:var(--ds-danger-text)}.ds-table{width:100%;border-collapse:separate;border-spacing:0 12px}.ds-table th{background:transparent;padding:0 18px 8px;font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-align:left;text-transform:uppercase;letter-spacing:.04em}.ds-table td{background:#fff;padding:13px 18px;border:none;font-size:1rem;color:var(--ds-text)}.ds-table td:first-child{border-radius:var(--ds-radius-card) 0 0 var(--ds-radius-card)}.ds-table td:last-child{border-radius:0 var(--ds-radius-card) var(--ds-radius-card) 0}.ds-table tbody tr{transition:transform var(--ds-t-fast)}.ds-table tbody tr:hover{transform:translateY(-1px)}.ds-table tbody tr:hover td{background:var(--ds-surface)}.ds-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.ds-card{background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:24px}@media (max-width: 640px){.ds-card{padding:20px}}.ds-card--interactive{transition:transform var(--ds-t-fast),box-shadow var(--ds-t-fast)}.ds-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-hover)}.ds-card-header{border-bottom:1px solid var(--ds-border);padding-bottom:12px;font-weight:700;color:var(--ds-text-strong)}.ds-icon-tile{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;background:var(--ds-accent-soft);color:var(--ds-accent-deep)}.ds-icon-tile--sm{width:36px;height:36px}.ds-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:600;line-height:1.5}.ds-badge--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.ds-badge--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.ds-badge--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.ds-badge--info{background:var(--ds-info-bg);color:var(--ds-info-text)}.ds-badge--neutral{background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.ds-tabs{display:flex;align-items:flex-end}.ds-tab{display:inline-flex;align-items:center;min-height:52px;padding:0 24px;gap:10px;border:none;border-radius:22px 22px 0 0;font-family:var(--font-1);font-weight:700;font-size:.9rem;color:var(--ds-text-muted);background:#fff6;margin-right:-8px;cursor:pointer;transition:all var(--ds-t-fast);position:relative}.ds-tab:hover{color:var(--ds-text)}.ds-tab--active{background:var(--ds-surface);color:var(--ds-text-strong);z-index:2}.ds-tab-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;padding:0 6px;border-radius:var(--ds-radius-pill);font-size:.7rem;font-weight:600;background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.ds-tab--active .ds-tab-count{background:var(--ds-accent-soft);color:var(--ds-accent-ink)}.ds-panel{background:var(--ds-surface);border-radius:0 28px 28px;padding:24px}.ds-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ds-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:var(--ds-z-modal);display:flex;align-items:center;justify-content:center;padding:20px}.ds-modal{background:#fff;border-radius:var(--ds-radius-card);padding:28px;max-width:640px;width:100%;max-height:90vh;overflow:auto;box-shadow:var(--ds-shadow-lg)}.ds-modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:24px}.ds-modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-pill);border:none;background:var(--ds-surface);color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.ds-modal-close:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.ds-sheet{position:fixed;left:0;right:0;bottom:0;background:#fff;border-radius:20px 20px 0 0;padding:24px;z-index:var(--ds-z-modal);transition:transform var(--ds-t-overlay)}.ds-skeleton{background:linear-gradient(90deg,var(--ds-surface) 25%,#fff 50%,var(--ds-surface) 75%);background-size:200% 100%;animation:ds-shimmer 1.4s ease-in-out infinite;border-radius:8px}.ds-spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--ds-surface);border-top-color:var(--ds-accent);border-radius:50%;animation:ds-spin .8s linear infinite}.ds-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 20px;color:var(--ds-text-muted);text-align:center}.ds-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-text-muted)}.ds-empty-title{font-size:.95rem;font-weight:600;color:var(--ds-text)}.ds-empty-hint{font-size:.85rem}.ds-empty--error .ds-empty-icon{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.ds-page{padding:24px;max-width:1600px}.ds-page--narrow{max-width:1100px}@media (max-width: 768px){.ds-page{padding:16px}}@media (max-width: 640px){.ds-page{padding:12px}}.ds-page-title{font-size:1.4rem;font-weight:700;color:var(--ds-text-strong);letter-spacing:-.01em;margin:0}.ds-section-title{font-size:1rem;font-weight:700;color:var(--ds-text-strong);margin:0}.ds-label{font-size:.85rem;font-weight:500;color:var(--ds-text)}.ds-hint{font-size:.85rem;color:var(--ds-text-muted)}.ds-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--ds-radius-pill);background:var(--ds-surface);color:var(--ds-text);font-size:.85rem;font-weight:500;border:1px solid transparent;transition:all var(--ds-t-fast)}.ds-chip:hover{background:var(--ds-surface-hover)}.ds-chip--active{background:var(--ds-accent-soft);color:var(--ds-accent-ink)}.ds-lottie{display:inline-flex;align-items:center;justify-content:center}.pay-content{display:flex;flex-direction:column;gap:24px}.pay-header{display:flex;flex-direction:column;gap:6px}@media (min-width: 768px){.pay-header{flex-direction:row;align-items:center;justify-content:space-between}}.pay-header-text{display:flex;flex-direction:column;gap:4px}.pay-header-text .ds-page-title,.pay-header-text .ds-hint{margin:0}.pay-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.pay-stat{display:block}.pay-stat-content{display:flex;align-items:center;justify-content:space-between;gap:12px}.pay-stat-info h3{margin:0 0 4px;font-size:.85rem;font-weight:500;color:var(--ds-text-muted)}.pay-stat-info p{margin:0;font-size:1.6rem;font-weight:700;line-height:1;color:var(--ds-text-strong)}.pay-stat-info p.pay-stat-num--success{color:var(--ds-success-text)}.pay-stat-info p.pay-stat-num--warning{color:var(--ds-warning-text)}.pay-tile--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.pay-tile--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.pay-dot{width:12px;height:12px;border-radius:var(--ds-radius-pill)}.pay-dot--success{background:var(--ds-success-text)}.pay-dot--warning{background:var(--ds-warning-text)}.pay-filters-card{padding:20px 24px}.pay-filters{display:flex;flex-direction:column;gap:14px}@media (min-width: 768px){.pay-filters{flex-direction:row;align-items:center}}.pay-search{position:relative;flex:1;min-width:220px}.pay-search-icon{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--ds-text-faint);pointer-events:none}.pay-search .pay-search-input{padding-left:42px}.pay-date-box .react-datepicker-wrapper,.pay-date-box .react-datepicker__input-container{width:100%}.pay-filters-row{display:flex;gap:10px;flex-wrap:wrap}@media (min-width: 768px){.pay-filters-row{flex-wrap:nowrap}}.pay-select-wrap{position:relative}.pay-select-wrap .pay-select{width:auto;min-width:140px;padding-right:32px;border-radius:var(--ds-radius-pill);cursor:pointer}.pay-page .react-datepicker{font-family:var(--font-1);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md)}.pay-page .react-datepicker__header{background:var(--ds-surface);border-bottom:1px solid var(--ds-border);border-radius:var(--ds-radius-md) var(--ds-radius-md) 0 0}.pay-page .react-datepicker__day--selected,.pay-page .react-datepicker__day--keyboard-selected{background:var(--ds-accent);color:#fff}.pay-page .react-datepicker__day:hover{background:var(--ds-accent-soft);border-radius:var(--ds-radius-pill)}.pay-table-card{padding:24px}.pay-table-head{border-bottom:1px solid var(--ds-border);padding-bottom:12px;margin-bottom:16px}.pay-table-wrap{background:var(--ds-canvas);border-radius:var(--ds-radius-card);padding:4px 12px}.pay-txn-id{font-size:.85rem;color:var(--ds-text-muted)}.pay-avatar{width:32px;height:32px;border-radius:var(--ds-radius-pill);background:var(--ds-accent-soft);color:var(--ds-accent-deep);display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;flex-shrink:0}.pay-person{display:flex;align-items:center;gap:12px}.pay-person-details h4{margin:0 0 2px;font-size:.95rem;font-weight:600;color:var(--ds-text-strong)}.pay-person-details p{margin:0;font-size:.85rem;color:var(--ds-text-muted)}.pay-amount h4{margin:0 0 2px;font-size:.95rem;font-weight:600;color:var(--ds-text-strong)}.pay-amount p{margin:0;font-size:.85rem;color:var(--ds-text-muted)}.pay-method{display:flex;align-items:center;gap:8px}.pay-icon{max-height:20px;width:auto}.pay-date p{margin:0}.pay-date p:first-child{font-size:.9rem;color:var(--ds-text)}.pay-date p:last-child{font-size:.8rem;color:var(--ds-text-muted)}.pay-skel-row{height:16px}.pay-mobile-cards{display:none;flex-direction:column;gap:16px}.pay-mobile-card{background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:16px}.pay-mobile-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.pay-mobile-person{display:flex;align-items:center;gap:12px}.pay-mobile-person-details h4{margin:0 0 2px;font-size:.95rem;font-weight:600;color:var(--ds-text-strong)}.pay-mobile-person-details p{margin:0;font-size:.85rem;color:var(--ds-text-muted)}.pay-sep{height:1px;background:var(--ds-border);margin:12px 0}.pay-mobile-details{display:flex;flex-direction:column;gap:8px}.pay-mobile-row{display:flex;justify-content:space-between;align-items:center;gap:10px}.pay-mobile-row>span:first-child{font-size:.85rem;color:var(--ds-text-muted)}.pay-mobile-row>span:last-child{font-size:.85rem;font-weight:500;color:var(--ds-text-strong)}.pay-mobile-actions{display:flex;justify-content:flex-end;padding-top:10px}.pay-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.pay-pagination-info{margin:0;font-size:.85rem;color:var(--ds-text-muted)}.pay-pagination-controls{display:flex;align-items:center;gap:8px}.pay-pagination-text{font-size:.85rem;color:var(--ds-text)}.pay-loading{display:flex;justify-content:center;align-items:center;padding:48px 20px}.pay-svg-icon{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.pay-svg-icon--lg{width:22px;height:22px}@media (max-width: 768px){.pay-table-card{display:none}.pay-mobile-cards{display:flex}.pay-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.pay-stats-grid{grid-template-columns:1fr}.pay-filters-row{flex-direction:column;width:100%}.pay-select{width:100%}}.fUMX1q{display:flex;min-height:100vh;background-color:var(--ds-canvas);padding:12px;gap:10px;box-sizing:border-box}.GYSepE{flex:1;min-width:0;display:flex;flex-direction:column;background:var(--ds-panel);border-radius:var(--ds-radius-card);overflow:auto;scroll-behavior:smooth;padding:0 12px 12px}.uBz3ON{background-color:var(--ds-panel);border-radius:var(--ds-radius-card);transition:width var(--ds-t-sidebar),transform var(--ds-t-sidebar);width:60px;min-width:60px;overflow:hidden;flex-shrink:0}.uBz3ON._6ZkIAM{width:200px;min-width:200px}.uBz3ON._6ZkIAM .xBGFzg{justify-content:flex-start}.BJEvZT{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);cursor:pointer;transition:background var(--ds-t-fast),color var(--ds-t-fast)}.BJEvZT:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.JyOLP-{display:flex;flex-direction:column;padding:16px 8px;gap:2px}.xBGFzg{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:9px 10px;border:none;border-radius:var(--ds-radius-pill);background:none;cursor:pointer;color:var(--ds-text-muted);font-family:var(--font-1);font-size:.95rem;font-weight:500;text-align:left;white-space:nowrap;transition:background-color var(--ds-t-fast),color var(--ds-t-fast)}.xBGFzg:hover{background-color:var(--ds-surface);color:var(--ds-text)}.xBGFzg:hover ._8yu-Sm,.xBGFzg:hover .IT5EEw{color:var(--ds-text)}.WAWJs9,.WAWJs9:hover{background-color:var(--ds-accent);color:var(--ds-text-inverse)}.WAWJs9 ._8yu-Sm,.WAWJs9 .IT5EEw,.WAWJs9:hover ._8yu-Sm,.WAWJs9:hover .IT5EEw{color:var(--ds-text-inverse)}.CFV4DN:hover{background-color:var(--ds-danger-bg);color:var(--ds-danger-text)}.CFV4DN:hover ._8yu-Sm,.CFV4DN:hover .IT5EEw{color:var(--ds-danger-text)}.IT5EEw{width:20px;height:20px;flex-shrink:0;opacity:.65;filter:brightness(0)}.xBGFzg:hover .IT5EEw{opacity:.9}.WAWJs9 .IT5EEw,.WAWJs9:hover .IT5EEw{filter:brightness(0) invert(1);opacity:1}._8yu-Sm{margin-left:0}@media (max-width: 767px){.fUMX1q{padding:8px;gap:8px}.uBz3ON{position:fixed;top:12px;left:-224px;height:calc(100vh - 24px);width:200px;min-width:200px;z-index:var(--ds-z-drawer);border-radius:var(--ds-radius-card);box-shadow:var(--ds-shadow-lg)}.uBz3ON .xBGFzg{justify-content:flex-start}.stua0R{display:block}.GYSepE{width:100%;padding:0 8px 8px}}@media (min-width: 768px){.stua0R{display:none}}.GrnVuG{display:flex;justify-content:center;align-items:center;margin:0;padding:0 4px}.uBz3ON._6ZkIAM .GrnVuG,.uBz3ON.o4BFhe .GrnVuG{justify-content:flex-end}._3OKcrd{color:var(--ds-text-strong);font-size:.85rem;font-weight:600;font-family:var(--font-1);white-space:nowrap;overflow:hidden}.qs0c8k{display:flex;justify-content:center;align-items:center;padding:2px 0 14px;border-bottom:1px solid var(--ds-border-subtle);margin-bottom:6px}.XC4dVE{height:2rem;border-radius:100px}.d5PC6V{display:flex;gap:10px;align-items:center;margin:0 0 6px;padding:2px 10px 14px;border-bottom:1px solid var(--ds-border-subtle)}.xJrAJk{transform:translate(236px)}.VMxP-h{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--ds-scrim-nav);z-index:var(--ds-z-scrim);opacity:0;visibility:hidden;transition:opacity var(--ds-t-overlay),visibility var(--ds-t-overlay)}.VMxP-h.Yrj1Zc{opacity:1;visibility:visible}._7DYidj{display:flex;justify-content:space-between;align-items:center;height:60px;padding:0 20px;margin:12px 0 0;background:var(--ds-topbar);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-pill);box-shadow:var(--ds-shadow-sm);flex-shrink:0;position:relative;z-index:var(--ds-z-topbar)}.a4n8AN{font-size:1rem;font-weight:600;letter-spacing:-.01em;color:var(--ds-text-strong);display:flex;flex-direction:row;gap:10px;justify-content:center;align-items:center;font-family:var(--font-1);white-space:nowrap;overflow:hidden}.BX2MpF{display:flex;align-items:center;gap:8px}.dP554i{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-surface);border:1px solid var(--ds-border-subtle);cursor:pointer;border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);transition:background var(--ds-t-fast),color var(--ds-t-fast);padding:0;width:40px;height:40px;flex-shrink:0}.dP554i:hover{background:var(--ds-surface-hover);color:var(--ds-text-strong)}._2T4ObL{display:flex;align-items:center;gap:8px}.jtQBwU{padding:9px 16px;border:1px solid var(--ds-border);background:var(--ds-surface);border-radius:var(--ds-radius-pill);font-size:1rem;font-family:var(--font-1);color:var(--ds-text);outline:none;transition:border-color var(--ds-t-fast),background var(--ds-t-fast);width:210px}.jtQBwU:focus{border-color:var(--ds-accent);background:var(--ds-panel)}.jtQBwU:focus-visible{box-shadow:0 0 0 3px var(--ds-accent-soft)}.jtQBwU::-moz-placeholder{color:var(--ds-text-faint)}.jtQBwU::placeholder{color:var(--ds-text-faint)}.u7xrGi{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-accent);border:none;cursor:pointer;color:var(--ds-text-inverse);border-radius:var(--ds-radius-pill);width:40px;height:40px;padding:0;transition:background var(--ds-t-fast)}.u7xrGi:hover{background:var(--ds-accent-hover)}@media (max-width: 768px){._7DYidj{padding:0 12px}._2T4ObL,.Vmt6E6{display:none}.dP554i{margin-left:4px}}.CuEn2h{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;border-radius:var(--ds-radius-sm);color:var(--ds-text);cursor:pointer;transition:background var(--ds-t-fast);flex-shrink:0}.CuEn2h:hover{background:var(--ds-surface)}.CuEn2h .uOOjhL{width:22px;height:22px}.dm-jHy{height:34px;width:34px;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;cursor:pointer;background:var(--ds-surface);flex-shrink:0}.dm-jHy img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}._6os6fC{border-radius:50%;height:100%;width:100%;-o-object-fit:cover;object-fit:cover;cursor:pointer}.pvCDTi{display:flex;align-items:center;gap:8px;border:1px solid var(--ds-border);background:var(--ds-panel);padding:4px 12px 4px 4px;border-radius:var(--ds-radius-pill);cursor:pointer;font-family:var(--font-1);transition:border-color var(--ds-t-fast),background var(--ds-t-fast)}.pvCDTi:hover{border-color:var(--ds-border-input);background:var(--ds-surface)}._5QAEi6{font-family:var(--font-1);font-size:.75rem;color:var(--ds-text-muted);line-height:1.3}._5QAEi6:first-child{color:var(--ds-text-strong);font-weight:500}.ZVXRIm{color:var(--ds-text-strong);font-size:var(--hc-sm);font-family:var(--font-1);font-weight:600}._9iJFOt{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}@media screen and (max-width: 650px){._9iJFOt{display:none}.pvCDTi{padding:4px}}.Opzkxb{height:100%;width:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.qMq2zA{height:100%;width:100%}.Hi6s31{padding:0;border:none;border-radius:var(--ds-radius-pill);background:var(--ds-surface);cursor:pointer;position:relative;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--ds-text-muted);transition:background var(--ds-t-fast),color var(--ds-t-fast)}.Hi6s31:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.Hi6s31 img{filter:brightness(0);opacity:.6}.Hi6s31:hover img{opacity:.9}.-k9yKf{display:flex;flex-direction:row;align-items:center;gap:4px;border-radius:var(--ds-radius-pill);border:1px solid var(--ds-border-subtle);background:var(--ds-panel);padding:4px}.qkiEGW{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ds-overlay);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;justify-content:center;align-items:flex-end;z-index:var(--ds-z-modal);animation:HgSrLB var(--ds-t-overlay)}._5E4EYr{background:var(--ds-panel);width:100%;max-width:500px;border-radius:20px 20px 0 0;box-shadow:var(--ds-shadow-lg);padding:12px 20px 24px;display:flex;flex-direction:column;gap:8px;animation:IWZHGN var(--ds-t-overlay)}.yoRPC3{display:flex;justify-content:center;padding:4px 0 8px}.HJgSFC{height:7px;width:100px;background-color:var(--ds-border);border-radius:var(--ds-radius-pill);cursor:grab}.NL7p4g{font-family:var(--font-1);font-size:1.1rem;font-weight:700;color:var(--ds-text-strong);text-align:center;margin:0 0 8px}.eJHkwn{font-family:var(--font-1);display:flex;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:12px 16px;border:1px solid var(--ds-border);background:var(--ds-surface);color:var(--ds-text);border-radius:var(--ds-radius-md);font-size:1rem;font-weight:500;cursor:pointer;text-align:left;transition:background var(--ds-t-fast),color var(--ds-t-fast),border-color var(--ds-t-fast)}.eJHkwn:hover{background:var(--ds-surface-hover);border-color:var(--ds-border-input)}.eJHkwn.TlwKgS{background:var(--ds-danger-bg);border-color:transparent;color:var(--ds-danger-text)}.eJHkwn.TlwKgS:hover{background:var(--ds-danger-bg);border-color:var(--ds-danger)}._5PkJUm{width:20px;height:20px;flex-shrink:0;filter:brightness(0);opacity:.65}.eJHkwn.TlwKgS ._5PkJUm,.eJHkwn.TlwKgS:hover ._5PkJUm{filter:brightness(0) invert(16%) sepia(95%) saturate(2540%) hue-rotate(338deg) brightness(88%) contrast(101%);opacity:1}@keyframes HgSrLB{0%{opacity:0}to{opacity:1}}@keyframes IWZHGN{0%{transform:translateY(24px);opacity:0}to{transform:translateY(0);opacity:1}}.AiyfGW{display:block;width:calc(100% - 8px);padding:10px 12px;margin:2px 4px;border:none;border-radius:var(--ds-radius-md);cursor:pointer;text-align:left;font-family:var(--font-1);transition:background-color var(--ds-t-fast)}._9lYqlc{background-color:var(--ds-accent-softer)}.WCeeWE{background-color:transparent}.AiyfGW:hover{background-color:var(--ds-surface-hover)}._97xmtF{margin:0 0 4px;font-family:var(--font-1);font-size:.85rem;color:var(--ds-text)}.NaN6rq{font-size:.75rem;color:var(--ds-text-faint)}.KGFiJX{position:relative;display:inline-flex}.izPWCw{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:var(--ds-surface);cursor:pointer;position:relative;border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);transition:background var(--ds-t-fast),color var(--ds-t-fast)}.izPWCw:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.EXNmpP{width:20px;height:20px}.H3y8G1{position:absolute;top:-5px;right:-5px;background-color:var(--ds-danger);color:var(--ds-text-inverse);border-radius:var(--ds-radius-pill);min-width:18px;height:18px;padding:0 4px;font-size:.68rem;font-weight:600;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.Bs2XJN{position:absolute;top:calc(100% + 8px);right:0;width:320px;max-width:calc(100vw - 32px);background-color:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);z-index:var(--ds-z-nav);animation:iGiZyv var(--ds-t-fast)}@keyframes iGiZyv{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.M24KJZ{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--ds-border)}._41vzh4{font-family:var(--font-1);font-size:.95rem;font-weight:700;color:var(--ds-text-strong);margin:0}.kyPsIL{background:none;padding:4px 10px;border:none;border-radius:var(--ds-radius-pill);color:var(--ds-text-muted);cursor:pointer;font-family:var(--font-1);font-size:.78rem;font-weight:600;transition:background var(--ds-t-fast),color var(--ds-t-fast)}.kyPsIL:hover{background:var(--ds-accent-soft);color:var(--ds-accent-deep)}.EUirhX{max-height:320px;overflow-y:auto;padding:4px;scrollbar-width:thin}.react-datepicker__navigation-icon:before,.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{border-color:#ccc;border-style:solid;border-width:3px 3px 0 0;content:"";display:block;height:9px;position:absolute;top:6px;width:9px}.react-datepicker__sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.react-datepicker-wrapper{display:inline-block;padding:0;border:0}.react-datepicker{font-family:Helvetica Neue,helvetica,arial,sans-serif;font-size:.8rem;background-color:#fff;color:#000;border:1px solid #aeaeae;border-radius:.3rem;display:inline-block;position:relative;line-height:initial}.react-datepicker--time-only .react-datepicker__time-container{border-left:0}.react-datepicker--time-only .react-datepicker__time,.react-datepicker--time-only .react-datepicker__time-box{border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker-popper{z-index:1;line-height:0}.react-datepicker-popper .react-datepicker__triangle{stroke:#aeaeae}.react-datepicker-popper[data-placement^=bottom] .react-datepicker__triangle{fill:#f0f0f0;color:#f0f0f0}.react-datepicker-popper[data-placement^=top] .react-datepicker__triangle{fill:#fff;color:#fff}.react-datepicker__header{text-align:center;background-color:#f0f0f0;border-bottom:1px solid #aeaeae;border-top-left-radius:.3rem;padding:8px 0;position:relative}.react-datepicker__header--time{padding-bottom:8px;padding-left:5px;padding-right:5px}.react-datepicker__header--time:not(.react-datepicker__header--time--only){border-top-left-radius:0}.react-datepicker__header:not(.react-datepicker__header--has-time-select){border-top-right-radius:.3rem}.react-datepicker__year-dropdown-container--select,.react-datepicker__month-dropdown-container--select,.react-datepicker__month-year-dropdown-container--select,.react-datepicker__year-dropdown-container--scroll,.react-datepicker__month-dropdown-container--scroll,.react-datepicker__month-year-dropdown-container--scroll{display:inline-block;margin:0 15px}.react-datepicker__current-month,.react-datepicker-time__header,.react-datepicker-year-header{margin-top:0;color:#000;font-weight:700;font-size:.944rem}h2.react-datepicker__current-month{padding:0;margin:0}.react-datepicker-time__header{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.react-datepicker__navigation{align-items:center;background:none;display:flex;justify-content:center;text-align:center;cursor:pointer;position:absolute;top:2px;padding:0;border:none;z-index:1;height:32px;width:32px;text-indent:-999em;overflow:hidden}.react-datepicker__navigation--previous{left:2px}.react-datepicker__navigation--next{right:2px}.react-datepicker__navigation--next--with-time:not(.react-datepicker__navigation--next--with-today-button){right:85px}.react-datepicker__navigation--years{position:relative;top:0;display:block;margin-left:auto;margin-right:auto}.react-datepicker__navigation--years-previous{top:4px}.react-datepicker__navigation--years-upcoming{top:-4px}.react-datepicker__navigation:hover *:before{border-color:#a6a6a6}.react-datepicker__navigation-icon{position:relative;top:-1px;font-size:20px;width:0}.react-datepicker__navigation-icon--next{left:-2px}.react-datepicker__navigation-icon--next:before{transform:rotate(45deg);left:-7px}.react-datepicker__navigation-icon--previous{right:-2px}.react-datepicker__navigation-icon--previous:before{transform:rotate(225deg);right:-7px}.react-datepicker__month-container{float:left}.react-datepicker__year{margin:.4rem;text-align:center}.react-datepicker__year-wrapper{display:flex;flex-wrap:wrap;max-width:180px}.react-datepicker__year .react-datepicker__year-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__month{margin:.4rem;text-align:center}.react-datepicker__month .react-datepicker__month-text,.react-datepicker__month .react-datepicker__quarter-text{display:inline-block;width:4rem;margin:2px}.react-datepicker__input-time-container{clear:both;width:100%;float:left;margin:5px 0 10px 15px;text-align:left}.react-datepicker__input-time-container .react-datepicker-time__caption,.react-datepicker__input-time-container .react-datepicker-time__input-container{display:inline-block}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input{display:inline-block;margin-left:10px}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input{width:auto}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-inner-spin-button,.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__input input[type=time]{-moz-appearance:textfield}.react-datepicker__input-time-container .react-datepicker-time__input-container .react-datepicker-time__delimiter{margin-left:5px;display:inline-block}.react-datepicker__time-container{float:right;border-left:1px solid #aeaeae;width:85px}.react-datepicker__time-container--with-today-button{display:inline;border:1px solid #aeaeae;border-radius:.3rem;position:absolute;right:-87px;top:0}.react-datepicker__time-container .react-datepicker__time{position:relative;background:#fff;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box{width:85px;overflow-x:hidden;margin:0 auto;text-align:center;border-bottom-right-radius:.3rem}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list{list-style:none;margin:0;height:calc(195px + .85rem);overflow-y:scroll;padding-right:0;padding-left:0;width:100%;box-sizing:content-box}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item{height:30px;padding:5px 10px;white-space:nowrap}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item:hover{cursor:pointer;background-color:#f0f0f0}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected{background-color:#216ba5;color:#fff;font-weight:700}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--selected:hover{background-color:#216ba5}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled{color:#ccc}.react-datepicker__time-container .react-datepicker__time .react-datepicker__time-box ul.react-datepicker__time-list li.react-datepicker__time-list-item--disabled:hover{cursor:default;background-color:transparent}.react-datepicker__week-number{color:#ccc;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__week-number.react-datepicker__week-number--clickable{cursor:pointer}.react-datepicker__week-number.react-datepicker__week-number--clickable:not(.react-datepicker__week-number--selected):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__week-number--selected{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__week-number--selected:hover{background-color:#1d5d90}.react-datepicker__day-names{white-space:nowrap;margin-bottom:-8px}.react-datepicker__week{white-space:nowrap}.react-datepicker__day-name,.react-datepicker__day,.react-datepicker__time-name{color:#000;display:inline-block;width:1.7rem;line-height:1.7rem;text-align:center;margin:.166rem}.react-datepicker__day,.react-datepicker__month-text,.react-datepicker__quarter-text,.react-datepicker__year-text{cursor:pointer}.react-datepicker__day:not([aria-disabled=true]):hover,.react-datepicker__month-text:not([aria-disabled=true]):hover,.react-datepicker__quarter-text:not([aria-disabled=true]):hover,.react-datepicker__year-text:not([aria-disabled=true]):hover{border-radius:.3rem;background-color:#f0f0f0}.react-datepicker__day--today,.react-datepicker__month-text--today,.react-datepicker__quarter-text--today,.react-datepicker__year-text--today{font-weight:700}.react-datepicker__day--highlighted,.react-datepicker__month-text--highlighted,.react-datepicker__quarter-text--highlighted,.react-datepicker__year-text--highlighted{border-radius:.3rem;background-color:#3dcc4a;color:#fff}.react-datepicker__day--highlighted:not([aria-disabled=true]):hover,.react-datepicker__month-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--highlighted:not([aria-disabled=true]):hover,.react-datepicker__year-text--highlighted:not([aria-disabled=true]):hover{background-color:#32be3f}.react-datepicker__day--highlighted-custom-1,.react-datepicker__month-text--highlighted-custom-1,.react-datepicker__quarter-text--highlighted-custom-1,.react-datepicker__year-text--highlighted-custom-1{color:#f0f}.react-datepicker__day--highlighted-custom-2,.react-datepicker__month-text--highlighted-custom-2,.react-datepicker__quarter-text--highlighted-custom-2,.react-datepicker__year-text--highlighted-custom-2{color:green}.react-datepicker__day--holidays,.react-datepicker__month-text--holidays,.react-datepicker__quarter-text--holidays,.react-datepicker__year-text--holidays{position:relative;border-radius:.3rem;background-color:#ff6803;color:#fff}.react-datepicker__day--holidays .overlay,.react-datepicker__month-text--holidays .overlay,.react-datepicker__quarter-text--holidays .overlay,.react-datepicker__year-text--holidays .overlay{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__day--holidays:not([aria-disabled=true]):hover,.react-datepicker__month-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--holidays:not([aria-disabled=true]):hover,.react-datepicker__year-text--holidays:not([aria-disabled=true]):hover{background-color:#cf5300}.react-datepicker__day--holidays:hover .overlay,.react-datepicker__month-text--holidays:hover .overlay,.react-datepicker__quarter-text--holidays:hover .overlay,.react-datepicker__year-text--holidays:hover .overlay{visibility:visible;opacity:1}.react-datepicker__day--selected,.react-datepicker__day--in-selecting-range,.react-datepicker__day--in-range,.react-datepicker__month-text--selected,.react-datepicker__month-text--in-selecting-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--selected,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--selected,.react-datepicker__year-text--in-selecting-range,.react-datepicker__year-text--in-range{border-radius:.3rem;background-color:#216ba5;color:#fff}.react-datepicker__day--selected:not([aria-disabled=true]):hover,.react-datepicker__day--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__day--in-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__month-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--in-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-selecting-range:not([aria-disabled=true]):hover,.react-datepicker__year-text--in-range:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--keyboard-selected,.react-datepicker__month-text--keyboard-selected,.react-datepicker__quarter-text--keyboard-selected,.react-datepicker__year-text--keyboard-selected{border-radius:.3rem;background-color:#bad9f1;color:#000}.react-datepicker__day--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__month-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__quarter-text--keyboard-selected:not([aria-disabled=true]):hover,.react-datepicker__year-text--keyboard-selected:not([aria-disabled=true]):hover{background-color:#1d5d90}.react-datepicker__day--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__month-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__quarter-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range),.react-datepicker__year-text--in-selecting-range:not(.react-datepicker__day--in-range,.react-datepicker__month-text--in-range,.react-datepicker__quarter-text--in-range,.react-datepicker__year-text--in-range){background-color:#216ba580}.react-datepicker__month--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__day--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__month-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__quarter-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__month--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range),.react-datepicker__year--selecting-range .react-datepicker__year-text--in-range:not(.react-datepicker__day--in-selecting-range,.react-datepicker__month-text--in-selecting-range,.react-datepicker__quarter-text--in-selecting-range,.react-datepicker__year-text--in-selecting-range){background-color:#f0f0f0;color:#000}.react-datepicker__day--disabled,.react-datepicker__month-text--disabled,.react-datepicker__quarter-text--disabled,.react-datepicker__year-text--disabled{cursor:default;color:#ccc}.react-datepicker__day--disabled .overlay,.react-datepicker__month-text--disabled .overlay,.react-datepicker__quarter-text--disabled .overlay,.react-datepicker__year-text--disabled .overlay{position:absolute;bottom:70%;left:50%;transform:translate(-50%);background-color:#333;color:#fff;padding:4px;border-radius:4px;white-space:nowrap;visibility:hidden;opacity:0;transition:visibility 0s,opacity .3s ease-in-out}.react-datepicker__input-container{position:relative;display:inline-block;width:100%}.react-datepicker__input-container .react-datepicker__calendar-icon{position:absolute;padding:.5rem;box-sizing:content-box}.react-datepicker__view-calendar-icon input{padding:6px 10px 5px 25px}.react-datepicker__year-read-view,.react-datepicker__month-read-view,.react-datepicker__month-year-read-view{border:1px solid transparent;border-radius:.3rem;position:relative}.react-datepicker__year-read-view:hover,.react-datepicker__month-read-view:hover,.react-datepicker__month-year-read-view:hover{cursor:pointer}.react-datepicker__year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__year-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view:hover .react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__year-read-view--down-arrow,.react-datepicker__month-year-read-view:hover .react-datepicker__month-read-view--down-arrow{border-top-color:#b3b3b3}.react-datepicker__year-read-view--down-arrow,.react-datepicker__month-read-view--down-arrow,.react-datepicker__month-year-read-view--down-arrow{transform:rotate(135deg);right:-16px;top:0}.react-datepicker__year-dropdown,.react-datepicker__month-dropdown,.react-datepicker__month-year-dropdown{background-color:#f0f0f0;position:absolute;width:50%;left:25%;top:30px;z-index:1;text-align:center;border-radius:.3rem;border:1px solid #aeaeae}.react-datepicker__year-dropdown:hover,.react-datepicker__month-dropdown:hover,.react-datepicker__month-year-dropdown:hover{cursor:pointer}.react-datepicker__year-dropdown--scrollable,.react-datepicker__month-dropdown--scrollable,.react-datepicker__month-year-dropdown--scrollable{height:150px;overflow-y:scroll}.react-datepicker__year-option,.react-datepicker__month-option,.react-datepicker__month-year-option{line-height:20px;width:100%;display:block;margin-left:auto;margin-right:auto}.react-datepicker__year-option:first-of-type,.react-datepicker__month-option:first-of-type,.react-datepicker__month-year-option:first-of-type{border-top-left-radius:.3rem;border-top-right-radius:.3rem}.react-datepicker__year-option:last-of-type,.react-datepicker__month-option:last-of-type,.react-datepicker__month-year-option:last-of-type{-webkit-user-select:none;-moz-user-select:none;user-select:none;border-bottom-left-radius:.3rem;border-bottom-right-radius:.3rem}.react-datepicker__year-option:hover,.react-datepicker__month-option:hover,.react-datepicker__month-year-option:hover{background-color:#ccc}.react-datepicker__year-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-option:hover .react-datepicker__navigation--years-upcoming,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-upcoming{border-bottom-color:#b3b3b3}.react-datepicker__year-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-option:hover .react-datepicker__navigation--years-previous,.react-datepicker__month-year-option:hover .react-datepicker__navigation--years-previous{border-top-color:#b3b3b3}.react-datepicker__year-option--selected,.react-datepicker__month-option--selected,.react-datepicker__month-year-option--selected{position:absolute;left:15px}.react-datepicker__close-icon{cursor:pointer;background-color:transparent;border:0;outline:0;padding:0 6px 0 0;position:absolute;top:0;right:0;height:100%;display:table-cell;vertical-align:middle}.react-datepicker__close-icon:after{cursor:pointer;background-color:#216ba5;color:#fff;border-radius:50%;height:16px;width:16px;padding:2px;font-size:12px;line-height:1;text-align:center;display:table-cell;vertical-align:middle;content:"×"}.react-datepicker__close-icon--disabled{cursor:default}.react-datepicker__close-icon--disabled:after{cursor:default;background-color:#ccc}.react-datepicker__today-button{background:#f0f0f0;border-top:1px solid #aeaeae;cursor:pointer;text-align:center;font-weight:700;padding:5px 0;clear:left}.react-datepicker__portal{position:fixed;width:100vw;height:100vh;background-color:#000c;left:0;top:0;justify-content:center;align-items:center;display:flex;z-index:2147483647}.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:3rem;line-height:3rem}@media (max-width: 400px),(max-height: 550px){.react-datepicker__portal .react-datepicker__day-name,.react-datepicker__portal .react-datepicker__day,.react-datepicker__portal .react-datepicker__time-name{width:2rem;line-height:2rem}}.react-datepicker__portal .react-datepicker__current-month,.react-datepicker__portal .react-datepicker-time__header{font-size:1.44rem}.react-datepicker__children-container{width:13.8rem;margin:.4rem;padding-right:.2rem;padding-left:.2rem;height:auto}.react-datepicker__aria-live{position:absolute;clip-path:circle(0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;width:1px;white-space:nowrap}.react-datepicker__calendar-icon{width:1em;height:1em;vertical-align:-.125em}.patients-page{font-family:var(--font-2)}.patients-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.patients-stat{display:flex;align-items:center;justify-content:space-between}.patients-stat-num{margin:0 0 4px;font-size:1.6rem;font-weight:700;line-height:1;color:var(--ds-text-strong)}.patients-stat-label{margin:0;font-size:.85rem;font-weight:500;color:var(--ds-text-muted)}.patients-stat .patients-add-btn{border:1px solid var(--ds-border);background:#fff;font-size:1.1rem;font-weight:500}.patients-stat .patients-add-btn:hover{border-color:var(--ds-border-input)}.patients-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.patients-search{flex:1;min-width:260px;max-width:400px}.patients-control-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.patients-control-buttons .patients-limit-select{width:auto;min-width:76px;border-radius:var(--ds-radius-pill);cursor:pointer}.patients-table-wrap{background:var(--ds-canvas);border-radius:var(--ds-radius-card);padding:4px 12px;margin-bottom:20px}.patients-name-cell{display:flex;align-items:center;gap:12px}.patients-avatar{width:40px;height:40px;border-radius:var(--ds-radius-pill);-o-object-fit:cover;object-fit:cover;border:2px solid var(--ds-border)}.patients-cap{text-transform:capitalize}.patients-skel-row{height:16px}.patients-pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 0;flex-wrap:wrap;gap:16px}.patients-pagination-info{font-size:.85rem;color:var(--ds-text-muted)}.patients-pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.patients-page-dots{color:var(--ds-text-faint);padding:0 4px}@media (max-width: 1024px){.patients-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.patients-stats{grid-template-columns:1fr}.patients-controls{flex-direction:column;align-items:stretch}.patients-search{max-width:100%}.patients-control-buttons{justify-content:space-between}.patients-table-wrap .ds-table{min-width:860px}.patients-pagination{flex-direction:column;align-items:flex-start}.patients-pagination-controls{width:100%;justify-content:center}}.pd-page{font-family:var(--font-2),sans-serif}.pd-layout{margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:24px 16px}.pd-main{display:grid;grid-template-columns:40% auto;grid-template-areas:"profilesec detail-card" "appointment-sec appointment-sec";gap:24px;align-items:start}.pd-profile-card{grid-area:profilesec}.pd-profile-head{display:flex;align-items:center;flex-direction:column;gap:20px;margin-bottom:24px}.pd-avatar{width:80px;height:80px;border-radius:var(--ds-radius-pill);-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:2px solid var(--ds-border)}.pd-profile-info{flex:1;text-align:center}.pd-name{font-size:1.4rem;font-weight:700;color:var(--ds-text-strong);letter-spacing:-.01em;margin:0 0 4px}.pd-email{font-size:.85rem;color:var(--ds-text-muted);margin:0}.pd-stats{display:flex;justify-content:center;gap:40px;padding:20px 0;border-bottom:1px solid var(--ds-border);margin-bottom:20px}.pd-stat{display:flex;flex-direction:column;gap:4px}.pd-stat-num{font-size:1.6rem;font-weight:700;color:var(--ds-text-strong);line-height:1}.pd-stat-label{font-size:.8rem;color:var(--ds-text-faint)}.pd-contacts{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:4px}.pd-contact-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-accent);border:none;border-radius:var(--ds-radius-pill);width:38px;height:38px;cursor:pointer;transition:background var(--ds-t-fast),box-shadow var(--ds-t-fast)}.pd-contact-btn:hover{background:var(--ds-accent-hover);box-shadow:var(--ds-shadow-hover)}.pd-contact-btn img{width:20px;height:20px;display:block}.pd-info-card{grid-area:detail-card}.pd-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}.pd-detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0}.pd-detail-label{font-size:.8rem;color:var(--ds-text-muted);font-weight:400}.pd-detail-value{font-size:.85rem;color:var(--ds-text-strong);font-weight:500;text-align:right}.pd-appts{grid-area:appointment-sec}.pd-tabs{flex-wrap:wrap}.pd-appts .pd-appts-body{border-radius:0 24px 24px}.pd-appts-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--ds-border);margin-bottom:8px}.pd-appts-list{display:flex;flex-direction:column}.pd-appt{display:flex;gap:20px;padding:16px;background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);margin-top:12px}.pd-timeline{display:flex;flex-direction:column;align-items:center;padding-top:4px}.pd-tl-dot{width:14px;height:14px;border-radius:var(--ds-radius-pill);background:#fff;border:3px solid var(--ds-accent);flex-shrink:0}.pd-tl-line{width:2px;flex:1;background:var(--ds-accent);margin-top:8px;min-height:40px}.pd-appt-content{flex:1}.pd-appt-head{margin-bottom:14px}.pd-appt-dt{display:flex;align-items:baseline;gap:12px}.pd-appt-date{font-size:1rem;font-weight:600;color:var(--ds-text-strong)}.pd-appt-time{font-size:.8rem;color:var(--ds-text-muted)}.pd-appt-details{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:start}.pd-appt-item{display:flex;flex-direction:column;gap:6px}.pd-label-sm{font-size:.72rem;color:var(--ds-text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.pd-value-sm{font-size:.85rem;color:var(--ds-text-strong);font-weight:500}.pd-side{display:flex;flex-direction:column;gap:24px}.pd-sec-head{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid var(--ds-border);padding-bottom:12px;margin-bottom:16px;flex-wrap:wrap}.pd-med-body{display:flex;flex-direction:column;gap:20px}.pd-med-group{display:flex;flex-direction:column;gap:8px}.pd-med-label{font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.pd-med-value{font-size:.9rem;color:var(--ds-text-strong);font-weight:500;margin:0}.pd-med-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.pd-med-list li{font-size:.85rem;color:var(--ds-text);padding-left:16px;position:relative;line-height:1.5}.pd-med-list li:before{content:"•";position:absolute;left:0;color:var(--ds-accent);font-weight:700}.pd-files-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.pd-file{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;background:var(--ds-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border)}.pd-file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.pd-file-ic{font-size:1rem;flex-shrink:0}.pd-file-name{font-size:.85rem;color:var(--ds-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.pd-file-name:hover{color:var(--ds-accent-deep)}.pd-file-size{font-size:.75rem;color:var(--ds-text-faint);flex-shrink:0}.pd-file-actions{display:flex;gap:4px}@media (max-width: 1200px){.pd-layout{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1200px){.pd-main{grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec"}}@media (max-width: 768px){.pd-main{grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec";gap:16px}.pd-details{grid-template-columns:1fr}.pd-appt-details{grid-template-columns:1fr;gap:12px}.pd-tabs{overflow-x:auto;flex-wrap:nowrap}.pd-tabs .ds-tab{white-space:nowrap}}.appointments-container{padding:24px;max-width:1600px;margin:0 auto;width:100%}.appointments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.appointments-title{font-size:1.4rem;font-weight:700;color:var(--ds-text-strong);letter-spacing:-.01em;margin:0}.appointments-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px}.search-container{position:relative;flex:1;max-width:400px}.search-container .ds-input--search{padding-left:40px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--ds-text-faint);pointer-events:none}.controls-right{display:flex;align-items:center;gap:10px}.view-toggle{display:inline-flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-surface)}.view-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.view-btn:hover:not(.active){background:var(--ds-surface-hover);color:var(--ds-text)}.view-btn.active{background:var(--ds-accent);color:var(--ds-text-inverse)}.filters-panel{display:flex;gap:16px;padding:16px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);margin-bottom:20px;align-items:flex-end}.filter-group{display:flex;flex-direction:column;gap:5px}.filter-group label{font-size:.85rem;font-weight:500;color:var(--ds-text)}.table-container{margin-bottom:20px}.patient-cell{display:flex;align-items:center;gap:12px}.patientc-avatar{width:36px;height:36px;border-radius:50%;background:var(--ds-accent-soft);color:var(--ds-accent-deep);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.85rem;flex-shrink:0}.contacts-cell{display:flex;flex-direction:column;gap:2px}.email-text{font-size:.8rem;color:var(--ds-text-muted)}.time-cell{display:flex;flex-direction:column;gap:4px}.status-dot{font-size:.5rem;margin-right:4px}.status-comfirmed,.status-confirmed,.status-active{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-cancelled{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.status-finished{background:var(--ds-info-bg);color:var(--ds-info-text)}.status-upcoming,.status-pending{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.action-menu-btns{flex-direction:row;display:flex;gap:4px}.ds-table.view-grid,.view-grid .ds-table{border-spacing:0}.ds-table.view-grid thead,.view-grid .ds-table thead{display:none}.ds-table.view-grid tbody,.view-grid .ds-table tbody{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 1280px){.ds-table.view-grid tbody,.view-grid .ds-table tbody{grid-template-columns:repeat(3,1fr)}}@media (max-width: 980px){.ds-table.view-grid tbody,.view-grid .ds-table tbody{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.ds-table.view-grid tbody,.view-grid .ds-table tbody{grid-template-columns:1fr}}.ds-table.view-grid tbody tr,.view-grid .ds-table tbody tr{display:flex;flex-direction:column;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:16px;transition:transform var(--ds-t-fast),box-shadow var(--ds-t-fast)}.ds-table.view-grid tbody tr:hover,.view-grid .ds-table tbody tr:hover{transform:translateY(-2px);box-shadow:var(--ds-shadow-hover)}.ds-table.view-grid td,.view-grid .ds-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border-radius:0;padding:6px 0;font-size:.95rem}.ds-table.view-grid td:before,.view-grid .ds-table td:before{content:attr(data-label);font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.pagination-container{display:flex;justify-content:space-between;align-items:center;padding-top:16px}.pagination-info{font-size:.85rem;color:var(--ds-text-muted)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-arrow{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 8px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-panel);cursor:pointer;font-size:1.1rem;line-height:1;color:var(--ds-text-muted);transition:all var(--ds-t-fast)}.pagination-arrow:hover:not(:disabled){border-color:var(--ds-accent);color:var(--ds-accent-deep)}.pagination-arrow:disabled{opacity:.4;cursor:not-allowed}.pagination-button{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);background:var(--ds-panel);cursor:pointer;font-size:.85rem;font-weight:500;color:var(--ds-text-muted);transition:all var(--ds-t-fast)}.pagination-button:hover:not(.active){border-color:var(--ds-accent);color:var(--ds-accent-deep)}.pagination-button.active{background:var(--ds-accent);color:var(--ds-text-inverse);border-color:var(--ds-accent)}.pagination-ellipsis{padding:8px 4px;color:var(--ds-text-faint);font-size:.85rem}.loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:48px 20px;color:var(--ds-text-muted);font-size:.95rem}@media (max-width: 1024px){.appointments-controls{flex-direction:column;align-items:stretch}.search-container{max-width:100%}.controls-right{justify-content:space-between}.filters-panel{flex-direction:column}}@media (max-width: 768px){.appointments-container{padding:16px}.appointments-table.ds-table{border-spacing:0}.appointments-table.ds-table thead{display:none}.appointments-table.ds-table tbody{display:flex;flex-direction:column;gap:12px}.appointments-table.ds-table tbody tr{display:flex;flex-direction:column;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:16px}.appointments-table.ds-table tbody tr:hover{transform:none}.appointments-table.ds-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;background:transparent;border-radius:0;padding:6px 0;font-size:.95rem}.appointments-table.ds-table td:before{content:attr(data-label);font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}}@media (max-width: 640px){.appointments-container{padding:12px}.appointments-header{flex-direction:column;align-items:stretch;gap:12px}.pagination-container{flex-direction:column;gap:16px;align-items:stretch}.pagination-controls{justify-content:center;flex-wrap:wrap}}.avatar-img{height:36px;width:36px;border-radius:50%;-o-object-fit:cover;object-fit:cover}.patient-details-container{font-family:var(--font-1);padding:24px}.patient-content-wrapper{margin:0 auto;max-width:1600px;display:grid;grid-template-columns:1fr 320px;gap:24px}.patient-main-content{display:grid;grid-template-columns:40% auto;grid-template-areas:"profilesec detail-card" "appointment-sec appointment-sec";gap:24px;min-width:0}.patient-profile-card{grid-area:profilesec;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:24px}.patient-details-card,.appoint-details-card{grid-area:detail-card;min-width:0}.profile-header{display:flex;align-items:center;flex-direction:column;gap:16px;margin-bottom:20px}.profile-picture{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;flex-shrink:0;border:3px solid var(--ds-accent-soft)}.profile-info{flex:1;text-align:center}.patient-name{font-size:1.2rem;font-weight:700;color:var(--ds-text-strong);margin:0 0 4px}.patient-email{font-size:.85rem;color:var(--ds-text-muted);margin:0}.profile-stats{display:flex;justify-content:center;gap:40px;padding:20px 0;border-bottom:1px solid var(--ds-border);margin-bottom:20px}.stat-item{display:flex;flex-direction:column;align-items:center;gap:4px}.stat-number{font-size:1.6rem;font-weight:700;color:var(--ds-text-strong);line-height:1}.stat-label{font-size:.8rem;color:var(--ds-text-muted)}.send-message-btn{width:100%;padding:12px;background-color:var(--ds-surface);border:none;border-radius:var(--ds-radius-pill);font-size:.9rem;font-weight:500;color:var(--ds-text);cursor:pointer;margin-bottom:24px;transition:background-color var(--ds-t-fast)}.send-message-btn:hover{background-color:var(--ds-surface-hover)}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0}.detail-label{font-size:.8rem;color:var(--ds-text-muted);font-weight:500}.appointments-section{grid-area:appointment-sec;padding:0}.appointments-tabs{display:flex;align-items:flex-end}.appointments-tabs .ds-tab{flex:1;justify-content:center}.appointments-panel{border:1px solid var(--ds-border)}.treatment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.treatment-title{font-size:1rem;font-weight:700;color:var(--ds-text-strong);margin:0}.appointments-list{display:flex;flex-direction:column;gap:12px}.appointment-card{display:flex;gap:16px;padding:16px 20px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.appointment-timeline{display:flex;flex-direction:column;align-items:center;padding-top:4px}.timeline-dot{width:14px;height:14px;border-radius:50%;background-color:var(--ds-panel);border:3px solid var(--ds-accent);flex-shrink:0}.timeline-line{width:2px;flex:1;background-color:var(--ds-accent-soft);margin-top:8px;min-height:40px}.appointment-content{flex:1;min-width:0}.appointment-header{margin-bottom:12px}.appointment-datetime{display:flex;align-items:baseline;gap:12px}.appointment-date{font-size:1rem;font-weight:700;color:var(--ds-text-strong)}.appointment-time{font-size:.8rem;color:var(--ds-text-muted)}.appointment-details{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.appointment-detail-item{display:flex;flex-direction:column;gap:4px}.detail-label-small{font-size:.72rem;color:var(--ds-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.detail-value-small{font-size:.85rem;color:var(--ds-text-strong);font-weight:500}.patient-sidebar{display:flex;flex-direction:column;gap:24px;min-width:0}.medical-details-section{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:20px}.section-header{border-bottom:1px solid var(--ds-border);padding-bottom:12px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center;gap:8px}.section-header .section-title{font-size:1rem;font-weight:700;color:var(--ds-text-strong);margin:0}.medical-details-content{display:flex;flex-direction:column;gap:20px}.medical-detail-group{display:flex;flex-direction:column;gap:8px}.medical-detail-label{font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em;margin:0}.medical-detail-value{font-size:.9rem;color:var(--ds-text-strong);font-weight:500;margin:0}.medical-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.medical-list li{font-size:.85rem;color:var(--ds-text);padding-left:16px;position:relative;line-height:1.5}.medical-list li:before{content:"•";position:absolute;left:0;color:var(--ds-accent);font-weight:700}.files-section{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:20px}.add-files-btn{display:inline-flex;justify-content:center;align-items:center;gap:6px;margin-top:12px;padding:9px 16px;background-color:var(--ds-accent-soft);border:none;border-radius:var(--ds-radius-pill);font-size:.85rem;font-weight:600;color:var(--ds-accent-deep);cursor:pointer;transition:all var(--ds-t-fast)}.add-files-btn:hover{background-color:var(--ds-accent);color:var(--ds-text-inverse)}.wordmt{color:inherit}.selected-files-block{margin-top:12px}.selected-files-block h4{font-size:.85rem;font-weight:600;color:var(--ds-text);margin:0 0 8px}.selected-files-list{list-style-type:disc;margin-left:20px;font-size:.85rem;color:var(--ds-text-muted)}.files-list{display:flex;flex-direction:column;gap:8px;margin-top:16px}.file-item{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;background-color:var(--ds-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border)}.file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.file-icon-doc{font-size:1rem;flex-shrink:0}.file-name{font-size:.85rem;color:var(--ds-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.file-name:hover{color:var(--ds-accent-deep)}.file-size{font-size:.75rem;color:var(--ds-text-faint);flex-shrink:0}.file-actions{display:flex;gap:4px}.file-action-btn{width:36px;height:36px;background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;border-radius:var(--ds-radius-pill);display:inline-flex;align-items:center;justify-content:center;font-size:.9rem;transition:all var(--ds-t-fast)}.file-action-btn:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.contact-actions{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:16px}.contact-action-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--ds-accent-soft);border:none;border-radius:50%;width:40px;height:40px;cursor:pointer;transition:background var(--ds-t-fast),color var(--ds-t-fast);color:var(--ds-accent-deep);text-decoration:none}.contact-action-btn:hover,.contact-action-btn:focus{background:var(--ds-accent);color:var(--ds-text-inverse)}.contact-action-btn img,.contact-action-btn svg{width:18px;height:18px;display:block}.noAppointment,.no-appointments,.medical-records-placeholder{padding:24px 16px;font-family:var(--font-1);font-size:.85rem;color:var(--ds-text-muted);text-align:center}.no-files{margin:0}@media (max-width: 1200px){.patient-content-wrapper{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1200px){.patient-main-content{display:grid;grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec";gap:24px}}@media (max-width: 768px){.patient-details-container{padding:16px}.patient-main-content{display:grid;grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec";gap:24px}.details-grid,.appointment-details{grid-template-columns:1fr}.appointments-tabs{overflow-x:auto}.appointments-tabs .ds-tab{flex:0 0 auto;white-space:nowrap;padding:0 16px}}.calendar-container{background:var(--ds-surface);border-radius:var(--ds-radius-md);padding:20px;border:1px solid var(--ds-border)}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.calendar-nav-btn{background:transparent;border:none;color:var(--ds-text-muted);cursor:pointer;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ds-radius-pill);transition:all var(--ds-t-fast)}.calendar-nav-btn:hover{background:var(--ds-surface-hover);color:var(--ds-text)}.calendar-month-year{font-size:.95rem;font-weight:700;color:var(--ds-text-strong)}.calendar-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px}.calendar-weekday{text-align:center;font-size:.72rem;font-weight:600;color:var(--ds-text-muted);padding:8px 0;text-transform:uppercase;letter-spacing:.04em}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-day{aspect-ratio:1;min-height:40px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:500;font-family:var(--font-1);color:var(--ds-text);background:transparent;border-radius:var(--ds-radius-pill);cursor:pointer;transition:all var(--ds-t-fast);border:1px solid transparent;padding:0}.calendar-day:not(.empty):not(.past):not(:disabled):hover{background:var(--ds-accent-soft);border-color:var(--ds-accent);color:var(--ds-accent-deep)}.calendar-day.empty{cursor:default}.calendar-day.past,.calendar-day:disabled{color:var(--ds-text-faint);cursor:not-allowed}.calendar-day.selected,.calendar-day[aria-pressed=true]{background:var(--ds-accent);color:var(--ds-text-inverse);font-weight:600}.calendar-day.selected:hover,.calendar-day[aria-pressed=true]:hover{background:var(--ds-accent-hover)}.react-datepicker{font-family:var(--font-1);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);overflow:hidden}.react-datepicker .react-datepicker__header{background:var(--ds-surface);border-bottom:1px solid var(--ds-border);border-radius:0;padding-top:12px}.react-datepicker .react-datepicker__current-month{font-weight:700;font-size:.95rem;color:var(--ds-text-strong)}.react-datepicker .react-datepicker__day-name{color:var(--ds-text-muted);font-size:.72rem;font-weight:600}.react-datepicker .react-datepicker__day{border-radius:var(--ds-radius-pill);color:var(--ds-text);transition:all var(--ds-t-fast)}.react-datepicker .react-datepicker__day:hover{background:var(--ds-accent-soft);color:var(--ds-accent-deep)}.react-datepicker .react-datepicker__day--selected,.react-datepicker .react-datepicker__day--keyboard-selected,.react-datepicker .react-datepicker__day--in-range,.react-datepicker .react-datepicker__day--in-selecting-range{background:var(--ds-accent);color:var(--ds-text-inverse);font-weight:600}.react-datepicker .react-datepicker__day--selected:hover,.react-datepicker .react-datepicker__day--keyboard-selected:hover{background:var(--ds-accent-hover)}.react-datepicker .react-datepicker__day--today{font-weight:700;color:var(--ds-accent-deep)}.react-datepicker .react-datepicker__day--disabled{color:var(--ds-text-faint)}.react-datepicker .react-datepicker__navigation-icon:before{border-color:var(--ds-text-muted)}.react-datepicker .react-datepicker__navigation:hover .react-datepicker__navigation-icon:before{border-color:var(--ds-accent-deep)}.react-datepicker-wrapper .react-datepicker__input-container input{border-radius:var(--ds-radius-input)}.react-datepicker-wrapper .react-datepicker__input-container input:focus{border-color:var(--ds-accent);box-shadow:0 0 0 3px var(--ds-accent-soft);outline:none}.time-picker-container{background:var(--ds-surface);border-radius:var(--ds-radius-md);padding:20px;border:1px solid var(--ds-border)}.time-picker-label{display:block;font-size:.85rem;font-weight:500;color:var(--ds-text);margin-bottom:12px}.time-slots-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.time-slot{padding:12px 20px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-pill);font-family:var(--font-1);font-size:.9rem;font-weight:500;color:var(--ds-text);cursor:pointer;transition:all var(--ds-t-fast);text-align:center}.time-slot:hover{background:var(--ds-accent-soft);border-color:var(--ds-accent);color:var(--ds-accent-deep)}.time-slot.selected,.time-slot[aria-pressed=true]{background:var(--ds-accent);border-color:var(--ds-accent);color:var(--ds-text-inverse);font-weight:600}.time-slot.selected:hover,.time-slot[aria-pressed=true]:hover{background:var(--ds-accent-hover);border-color:var(--ds-accent-hover)}.time-picker-footer{margin-top:16px}.time-picker-selection-summary{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--ds-accent-softer);border:1px solid var(--ds-accent-soft);border-radius:var(--ds-radius-md);color:var(--ds-text);font-size:.95rem;font-weight:600;text-align:center}.time-picker-selection-summary .ds-btn{margin-top:8px}@media (max-width: 480px){.time-slots-grid{grid-template-columns:1fr}}.appointment-actions-container{font-family:var(--font-1)}.appointment-actions-wrapper{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:24px}.appointment-main-card{background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:24px}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--ds-border)}.card-title{font-size:1rem;font-weight:700;color:var(--ds-text-strong);margin:0}.status-badge{text-transform:capitalize}.appointment-main-card .status-badge{background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.status-pending{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.status-confirmed,.status-active,.status-accepted{background:var(--ds-success-bg);color:var(--ds-success-text)}.status-cancelled,.status-rejected{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.status-finished,.status-completed{background:var(--ds-info-bg);color:var(--ds-info-text)}.action-alert{padding:12px 16px;border-radius:var(--ds-radius-md);margin-bottom:20px;font-size:.9rem;font-weight:500}.alert-success{background:var(--ds-success-bg);color:var(--ds-success-text);border:1px solid var(--ds-success-text)}.alert-error{background:var(--ds-danger-bg);color:var(--ds-danger-text);border:1px solid var(--ds-danger-text)}.appointment-info-section{margin-bottom:28px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.info-item{display:flex;flex-direction:column;gap:6px;padding:14px 16px;background:var(--ds-surface);border-radius:var(--ds-radius-md);border:1px solid var(--ds-border)}.info-label{font-size:.72rem;color:var(--ds-text-muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.info-value{font-size:1rem;color:var(--ds-text-strong);font-weight:600}.appointment-details-section{margin-bottom:28px}.section-title{font-size:1rem;font-weight:700;color:var(--ds-text-strong);margin:0 0 16px}.details-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:20px}.detail-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--ds-border)}.detail-label{font-size:.85rem;color:var(--ds-text-muted);font-weight:500}.detail-value{font-size:.9rem;color:var(--ds-text-strong);font-weight:600;text-align:right}.priority-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:600;text-transform:capitalize;background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.priority-low{background:var(--ds-info-bg);color:var(--ds-info-text)}.priority-normal{background:var(--ds-neutral-bg);color:var(--ds-neutral-text)}.priority-high{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.priority-urgent{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.notes-section{margin-top:20px;padding:14px 16px;background:var(--ds-accent-softer);border-radius:var(--ds-radius-md);border-left:3px solid var(--ds-accent)}.notes-content{font-size:.9rem;color:var(--ds-text);line-height:1.6;margin:8px 0 0;white-space:pre-wrap}.smoooth-line{height:1px;margin-top:8px;border-bottom:1px solid var(--ds-border)}.action-buttons-section{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--ds-border)}.action-btnc{flex:1;justify-content:center}.appointment-modal{padding:0;overflow:hidden}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px;border-bottom:1px solid var(--ds-border)}.modal-title{font-size:1.1rem;font-weight:700;color:var(--ds-text-strong);margin:0}.modal-body{padding:24px 28px;overflow-y:auto}.appointment-modal .form-group{display:flex;flex-direction:column;gap:5px}.appointment-modal .form-group label{font-size:.85rem;font-weight:500;color:var(--ds-text)}.appt-required{color:var(--ds-danger-text)}.input-textarea{padding:9px 12px;border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-input);background:var(--ds-surface);font-family:var(--font-1);font-size:1rem;color:var(--ds-text);transition:border-color .15s,background .15s;width:100%;resize:vertical}.input-textarea:focus{border-color:var(--ds-accent);background:var(--ds-panel);outline:none}.input-textarea:focus-visible{box-shadow:0 0 0 3px var(--ds-accent-soft)}.reschedule-step{margin-bottom:20px}.reschedule-step:last-child{margin-bottom:0}.step-title{font-size:.95rem;font-weight:700;color:var(--ds-text-strong);margin:0 0 16px}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:16px 28px;border-top:1px solid var(--ds-border)}@media (max-width: 1024px){.appointment-actions-wrapper{grid-template-columns:1fr}}@media (max-width: 768px){.appointment-actions-container{padding:0}.appointment-main-card{padding:20px}.info-grid,.details-grid{grid-template-columns:1fr}.action-buttons-section,.modal-footer{flex-direction:column}.modal-footer .ds-btn{width:100%;justify-content:center}}.swal2-container .swal2-popup{border-radius:var(--ds-radius-card);font-family:var(--font-1);font-size:1rem;color:var(--ds-text);padding:28px;box-shadow:var(--ds-shadow-lg)}.swal2-container .swal2-title{font-size:1.1rem;font-weight:700;color:var(--ds-text-strong);padding:0}.swal2-container .swal2-html-container,.swal2-container .swal2-input-label{color:var(--ds-text-muted);font-size:.9rem}.swal2-container .swal2-input{border:1px solid var(--ds-border-input);border-radius:var(--ds-radius-input);background:var(--ds-surface);font-family:var(--font-1);font-size:1rem;color:var(--ds-text);box-shadow:none;height:auto;padding:9px 12px;transition:border-color .15s,background .15s}.swal2-container .swal2-input:focus{border-color:var(--ds-accent);background:var(--ds-panel);box-shadow:0 0 0 3px var(--ds-accent-soft)}.swal2-container .swal2-validation-message{background:var(--ds-danger-bg);color:var(--ds-danger-text);border-radius:var(--ds-radius-sm)}.swal2-container .swal2-validation-message:before{background:var(--ds-danger)}.swal2-container .swal2-actions{gap:10px;margin-top:20px}.swal2-container .swal2-styled{border-radius:var(--ds-radius-pill);font-family:var(--font-1);font-size:.9rem;font-weight:600;padding:9px 18px;box-shadow:none;transition:all var(--ds-t-fast)}.swal2-container .swal2-styled.swal2-confirm{background:var(--ds-danger);color:var(--ds-text-inverse)}.swal2-container .swal2-styled.swal2-confirm:hover{opacity:.88;background:var(--ds-danger)}.swal2-container .swal2-styled.swal2-confirm:focus{box-shadow:0 0 0 3px var(--ds-danger-bg)}.swal2-container .swal2-styled.swal2-cancel{background:var(--ds-panel);border:1px solid var(--ds-border);color:var(--ds-text)}.swal2-container .swal2-styled.swal2-cancel:hover{background:var(--ds-surface)}.swal2-container .swal2-icon.swal2-warning{border-color:var(--ds-warning-text);color:var(--ds-warning-text)}.chat-root{height:calc(100dvh - 84px);min-height:0;display:flex;flex-direction:column;background:var(--ds-canvas);color:var(--ds-text);font-family:var(--font-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.chat-header{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--ds-panel);border-bottom:1px solid var(--ds-border)}.back-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.back-btn img{width:20px;height:20px}.back-btn:hover{background:var(--ds-surface);color:var(--ds-text)}.chat-meta{flex:1;min-width:0}.chat-title{margin:0;font-weight:700;font-size:1rem;color:var(--ds-text-strong);text-transform:capitalize;letter-spacing:-.01em}.chat-sub{font-size:.8rem;color:var(--ds-text-muted)}.chat-avatar{width:40px;height:40px;flex-shrink:0;border-radius:var(--ds-radius-pill);overflow:hidden}.chat-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-avatar .avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:var(--ds-accent-soft);overflow:hidden}.chat-avatar .avatar-placeholder img{width:100%;height:100%}.chat-body{flex:1;min-height:0;padding:18px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;background:var(--ds-canvas)}.msg-row{display:flex;gap:10px;max-width:90%;align-items:flex-end;margin-left:auto}.msg-row.incoming{margin-left:0;justify-content:flex-start;align-items:flex-start}.msg-row.outgoing{flex-direction:row-reverse;margin-right:0}.msg-avatar{width:36px;height:36px;border-radius:var(--ds-radius-pill);-o-object-fit:cover;object-fit:cover;flex-shrink:0}.msg-col{display:flex;flex-direction:column;gap:6px;align-items:flex-start;min-width:0}.msg-row.outgoing .msg-col{align-items:flex-end}.msg-bubble{background:var(--ds-surface);border:1px solid var(--ds-border);color:var(--ds-text);padding:10px 14px;border-radius:16px 16px 16px 4px;max-width:520px;font-size:1rem;line-height:1.4;word-break:break-word;white-space:pre-wrap}.msg-row.outgoing .msg-bubble{background:var(--ds-accent);border-color:transparent;color:var(--ds-text-inverse);font-weight:500;border-radius:16px 16px 4px}.msg-image{max-width:340px;max-height:60vh;width:auto;height:auto;border-radius:var(--ds-radius-md);border:1px solid var(--ds-border);cursor:pointer;-o-object-fit:cover;object-fit:cover;transition:opacity var(--ds-t-fast)}.msg-image:hover{opacity:.92}.msg-meta{font-size:.72rem;color:var(--ds-text-faint);margin-top:2px}.typing-indicator{height:20px;padding:2px 18px;color:var(--ds-text-muted);font-size:.8rem}.chat-footer{display:flex;gap:8px;padding:12px 16px;background:var(--ds-panel);border-top:1px solid var(--ds-border);align-items:center}.btn-file{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:none;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.btn-file img{width:20px;height:20px}.btn-file:hover{background:var(--ds-surface);color:var(--ds-text)}.input-wrap{flex:1;min-width:0;display:flex}.btn-send{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;flex-shrink:0;border:none;border-radius:var(--ds-radius-pill);background:var(--ds-accent);color:var(--ds-text-inverse);cursor:pointer;transition:all var(--ds-t-fast)}.btn-send img{width:20px;height:20px;filter:brightness(0) invert(1)}.btn-send:hover:not(:disabled){background:var(--ds-accent-hover)}.btn-send:active:not(:disabled){background:var(--ds-accent-active)}.btn-send:disabled{background:var(--ds-accent);opacity:.55;cursor:not-allowed}.preview-floating{position:fixed;left:16px;bottom:86px;background:var(--ds-panel);border:1px solid var(--ds-border);padding:8px;border-radius:var(--ds-radius-md);display:flex;align-items:center;gap:8px;z-index:var(--ds-z-nav);box-shadow:var(--ds-shadow-md)}.preview-floating img{height:72px;width:auto;border-radius:var(--ds-radius-sm);-o-object-fit:cover;object-fit:cover}.preview-remove{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:none;border-radius:var(--ds-radius-pill);background:var(--ds-danger-bg);color:var(--ds-danger-text);cursor:pointer;transition:all var(--ds-t-fast)}.preview-remove:hover{background:var(--ds-danger);color:var(--ds-text-inverse)}.viewer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:var(--ds-z-modal)}.viewer-inner{position:relative;max-width:95%;max-height:95%}.viewer-inner img{max-width:100%;max-height:85vh;border-radius:var(--ds-radius-sm);-o-object-fit:contain;object-fit:contain}.viewer-close{position:absolute;top:8px;right:8px;display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;border-radius:var(--ds-radius-pill);background:var(--ds-panel);color:var(--ds-text);cursor:pointer;transition:all var(--ds-t-fast)}.viewer-close:hover{background:var(--ds-surface-hover)}.msg-image[src=""],.msg-image[alt=broken]{display:none}.chat-body::-webkit-scrollbar{width:8px}.chat-body::-webkit-scrollbar-thumb{background:var(--ds-border-input);border-radius:6px}.chat-body::-webkit-scrollbar-thumb:hover{background:var(--ds-text-faint)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.msg-row{animation:fadeInUp .18s ease both}@media (max-width: 768px){.msg-image{max-width:240px}.chat-title{font-size:.95rem}}@media (max-width: 480px){.msg-image{max-width:160px}.preview-floating{left:10px;bottom:76px}.chat-footer{padding:8px 10px;gap:6px}.btn-send,.btn-file{width:40px;height:40px}}.chat-root--embedded{height:100%;background:var(--ds-panel);border-radius:24px;border:1px solid var(--ds-border);overflow:hidden}.chat-root--embedded .chat-body{background:var(--ds-canvas)}.msg-meta{display:flex;align-items:center;gap:6px}.msg-ticks{display:inline-flex;color:var(--ds-text-faint)}.msg-ticks--read{color:var(--ds-accent-deep)}.msg-row.outgoing .msg-ticks--read{color:var(--ds-accent)}.emoji-anchor{position:relative}.btn-emoji.active{background:var(--ds-accent-soft);color:var(--ds-accent-ink)}.emoji-pop{position:absolute;right:0;bottom:calc(100% + 10px);width:340px;max-width:calc(100vw - 32px);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-lg);overflow:hidden;z-index:var(--ds-z-nav);background:var(--ds-panel)}.emoji-pop .EmojiPickerReact{--epr-bg-color: var(--ds-panel);--epr-category-label-bg-color: var(--ds-panel);--epr-text-color: var(--ds-text);--epr-hover-bg-color: var(--ds-accent-soft);--epr-focus-bg-color: var(--ds-accent-soft);--epr-search-input-bg-color: var(--ds-surface);--epr-search-border-color: var(--ds-border);--epr-highlight-color: var(--ds-accent);border:none}.doc-chip{position:absolute;left:16px;bottom:calc(100% - 76px);display:flex;align-items:center;gap:8px;max-width:min(360px,calc(100% - 32px));padding:8px 10px 8px 8px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);box-shadow:var(--ds-shadow-md);z-index:var(--ds-z-nav)}.chat-root{position:relative}.doc-chip-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft);color:var(--ds-accent-ink);flex-shrink:0}.doc-chip-name{font-size:.85rem;font-weight:600;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-chip .preview-remove{width:24px;height:24px;flex-shrink:0}.msg-doc{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);color:var(--ds-text);text-decoration:none;max-width:320px;transition:all var(--ds-t-fast)}.msg-doc:hover{border-color:var(--ds-accent);background:var(--ds-accent-softer)}.msg-doc-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--ds-radius-sm);background:var(--ds-accent-soft);color:var(--ds-accent-ink);flex-shrink:0}.msg-doc-name{font-size:.85rem;font-weight:600;word-break:break-all}.msg-row.outgoing .msg-doc{background:var(--ds-accent-deep);border-color:transparent;color:var(--ds-text-inverse)}.msg-row.outgoing .msg-doc-icon{background:#ffffff2e;color:var(--ds-text-inverse)}.msg-row.outgoing .msg-doc:hover{background:var(--ds-accent-hover)}.chat-list-container{display:flex;flex-direction:column;height:calc(100dvh - 84px);min-height:0;gap:12px;padding:0 4px;background:var(--ds-canvas);color:var(--ds-text);font-family:var(--font-1)}.chat-list-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;background:var(--ds-panel);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-card)}.chat-list-header .back-button,.chat-list-header .notification-buttons{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;flex-shrink:0;border:none;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.chat-list-header .back-button img{width:20px;height:20px}.chat-list-header .back-button:hover,.chat-list-header .notification-buttons:hover{background:var(--ds-surface);color:var(--ds-text)}.chat-list-header .header-content{text-align:center;flex:1;min-width:0}.chat-list-header .header-title{margin:0;font-size:1.1rem;font-weight:700;color:var(--ds-text-strong);letter-spacing:-.01em}.chat-list-header .header-subtitle{margin:2px 0 0;font-size:.85rem;color:var(--ds-text-muted)}.chat-list-container .search-containerx{display:flex;gap:8px;padding:0 4px;margin:12px 16px;align-items:center}.chat-list-container .search-button{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;flex-shrink:0;border:none;border-radius:var(--ds-radius-pill);background:transparent;color:var(--ds-text-muted);cursor:pointer;transition:all var(--ds-t-fast)}.chat-list-container .search-button:hover{background:var(--ds-surface);color:var(--ds-text)}.chat-list-container .user-list-wrapper{flex:1;min-height:0;overflow-y:auto;padding:16px;scrollbar-width:thin}.chat-list-container .user-list{display:flex;flex-direction:column;gap:6px;list-style:none;margin:0;padding:0}.chat-list-container .user-item{padding:0}.chat-list-container .user-button{width:100%;display:flex;gap:12px;align-items:center;padding:10px 16px;background:var(--ds-panel);border:1px solid var(--ds-border-subtle);border-radius:var(--ds-radius-pill);font-family:var(--font-1);text-align:left;cursor:pointer;transition:background var(--ds-t-fast),border-color var(--ds-t-fast),transform var(--ds-t-fast)}.chat-list-container .user-button:hover{background:var(--ds-surface);transform:translateY(-1px)}.chat-list-container .user-avatar{width:40px;height:40px;border-radius:var(--ds-radius-pill);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--ds-accent-soft);flex-shrink:0}.chat-list-container .user-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.chat-list-container .avatar-placeholder{width:100%;height:100%;display:grid;place-items:center;background:transparent;color:var(--ds-accent-deep);font-weight:700;font-size:1rem}.chat-list-container .user-info{flex:1;min-width:0}.chat-list-container .user-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.chat-list-container .user-name{font-size:1rem;font-weight:600;color:var(--ds-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-list-container .unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;padding:2px 8px;border-radius:var(--ds-radius-pill);background:var(--ds-danger-strong);color:var(--ds-text-inverse);font-weight:700;font-size:.72rem;flex-shrink:0}@media (min-width: 1024px){.chat-list-container.chat-split{display:grid;grid-template-columns:minmax(300px,360px) minmax(0,1fr);gap:12px}.chat-list-container.chat-split .chat-pane-list{display:flex;flex-direction:column;min-height:0;min-width:0;background:var(--ds-panel);border:1px solid var(--ds-border);border-radius:24px;overflow:hidden}.chat-list-container.chat-split .chat-pane-body{min-width:0;min-height:0;display:flex;flex-direction:column}.chat-list-container.chat-split .chat-placeholder{flex:1;background:var(--ds-panel);border:1px dashed var(--ds-border);border-radius:24px}.chat-list-container.chat-split .user-button--active{background:var(--ds-accent-soft)}.chat-list-container.chat-split .user-button--active .user-name{color:var(--ds-accent-ink)}.chat-list-container.chat-split .back-button{display:none}}