@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;--black: #fff;--pinky: #f45482 !important;--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;background-color:var(--ds-canvas);color:var(--ds-text);font-family:var(--font-1)}:focus-visible{outline:2px solid var(--ds-accent);outline-offset:2px}.preloader{will-change:transform}button{cursor:pointer;font-family:var(--font-1)}.dashboard-container{text-align:center;padding:50px;background-color:#f0f8ff;border-radius:10px;box-shadow:0 2px 4px #0000001a}.dashboard-container h1{color:var(--primary)}.logout-button{margin-top:20px}.ErrorContainer{height:100svh;display:grid;align-items:center;justify-content:center;background:var(--color-bg);grid-template-columns:1fr;grid-template-rows:1fr}.ErrorvideoBackground{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:1}.ErrorTopbackground{position:fixed;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;z-index:2;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.ErrorDataWrapper{z-index:3;max-width:89vw;width:89vw;justify-self:center;background-color:#ece9e10d;-webkit-backdrop-filter:opacity(.6);backdrop-filter:opacity(.6);color:var(--color-bg);text-align:center;height:77vh;border-radius:45px;align-items:center;display:flex;justify-content:center;font-size:var(--hc-xxl);flex-direction:column}.ErrorData{font-family:var(--font-1);color:var(--white)}.iconShow{width:60px;height:60px;background-color:var(--white);border-radius:100px}.iconShow img{height:100%}.modalOverlay{position:absolute;top:8%;bottom:8%;left:3%;right:3%;z-index:11;background:var(--white);border-radius:25px;overflow:hidden;padding:20px}.modalBox h2{text-align:center}.closeModal{cursor:pointer;font-family:inherit;font-size:inherit;font-weight:inherit;text-align:left;position:absolute;top:10px;right:10px}::-webkit-scrollbar{width:7px;background-color:var(--lightblack)}::-webkit-scrollbar-thumb{color:#000;background-color:#908989}.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}.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)}.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(--primary);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(--primary);text-transform:lowercase;padding-left:3px;padding-right:8px;font-size:larger}.flex-wrap{flex-wrap:wrap}.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-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:3rem}.w-100,.h-100{height:120px}.b-25{border-radius:30px}.o-h{overflow:hidden}.position-absolute,.cloase{position:absolute}.d-flex{display:flex}.justify-content-center{justify-content:center}.align-items-center{align-items:center}.flex-column{flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.flex{display:flex}.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)}.preloader{position:fixed;z-index:999999999999;background-color:#e6e8f5;transition:transform 1.2s cubic-bezier(.7,0,.3,1);left:0;right:0;top:0;bottom:0;justify-content:center;display:flex;align-items:center}.preloader--icon{position:absolute;z-index:1;width:36px;height:36px;animation:rotate-gear 3s infinite}@keyframes rotate-gear{0%{transform:rotate(0)}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)}75%{transform:rotate(270deg)}to{transform:rotate(360deg)}}.preloader--icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;max-width:100%;height:auto}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin:.51rem}@media screen and (max-width: 768px){.navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--hc-lg);box-shadow:0 4px 6px #0000001a;margin:.51rem;position:sticky}}.navbar h1{color:var(--black);margin:.6vw;font-family:var(--font-3);font-size:var(--hc-md)}.navbar ul{list-style:none;display:flex;gap:1rem}.navbar ul li{margin:0}.navbar ul li a{color:var(--black);text-decoration:none;padding:.5rem 1rem;border-radius:45px;transition:background-color .3s ease,color .3s ease}.navbar ul li a:hover{background-color:#fff3;color:var(--black)}.auth-buttons{display:flex;gap:1rem}.signup-button{padding:.5rem 1rem;background-color:var(--greenwhite);color:var(--white);border:1px solid var(--black);border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.signup-button:hover{background-color:#fce181;color:var(--black)}.login-button{padding:.5rem 1rem;background-color:transparent;color:var(--white);border:1px solid var(--black);border-radius:4px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.login-button:hover{background-color:var(--black);color:var(--buttonhover)}@media screen and (min-width: 867px){.menu-dropdown-list{display:none}}.menu-dropdown-list{position:relative;right:10}@media screen and (max-width: 767px){.sec-circle.nav{width:10px;height:10px}}.sec-circle.nav{width:.625em;height:.625em}@media screen and (max-width: 479px){.sec-circle{width:2em;height:2em;margin-right:1.5em}}.sec-circle{background-color:var(--white);border-radius:100px;width:.875em;height:.875em;margin-right:.75em}.ham4 .top,.ham4 .bottom{stroke-dasharray:40 121}.ham4.active .top,.ham4.active .bottom{stroke-dashoffset:-68px}.ham{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .4s;-moz-user-select:none;-webkit-user-select:none;user-select:none;border-radius:100%;background-color:var(--white)}.hamRotate.active{transform:rotate(45deg)}.hamRotate180.active{transform:rotate(180deg)}.line{fill:none;transition:stroke-dasharray .4s,stroke-dashoffset .4s;stroke:var(--black);stroke-width:5.5;stroke-linecap:round}.menu-dropdown-list{position:fixed;padding:20px;min-height:93svh;border-bottom-left-radius:1.7rem;border-bottom-right-radius:1.7rem;z-index:101;top:-110svh;left:2%;right:2%;background:var(--white);overflow:scroll;max-height:100svh}.menu-dropdown-list body{overflow:hidden}.overlay{align-items:center;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:var(--black) 5c;display:flex;height:100%;justify-content:center;left:1%;top:1%;width:100%;position:fixed;z-index:101;right:1%;bottom:1%;border-radius:var(--hc-md)}.menuButton{position:fixed;right:-2rem;width:100px;top:.9rem;z-index:110}.borderMid{border-radius:var(--hc-md)}.navbar-menu-header{display:grid;grid-template-columns:20% 80%;justify-content:center}.navbar-menu-inner{display:grid;grid-template-areas:"menu-header" "menu-body";grid-gap:2rem;justify-content:space-between;grid-template-columns:1fr;margin-top:4rem}.navbar-menu-grid{grid-column-gap:.5em;grid-row-gap:1.5em;flex-flow:column;grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-rows:1fr;grid-auto-columns:1fr;grid-auto-flow:row;width:auto;margin-top:1em;display:grid;height:-moz-fit-content;height:fit-content}.navbar-menu-grid a,.navbar-menu-grid2 a{font-size:var(--hc-md);color:var(--black);text-decoration:none;font-family:var(--font-1)}.navbar-sec-circle{transform:scale(.6)}.menu-item-wrapper{border-bottom:solid .0058vw black;border-right:solid .0058vw black;border-bottom-right-radius:1rem;border-top:solid 1px var(--white);border-left:solid 1px var(--white);padding:6px 0}.navbar-menu-name{font-size:var(--hc-lg)}.accountBox{width:3.2rem;height:3rem;background-color:var(--black);border-radius:.7rem}.registerLogin{display:flex;height:-moz-fit-content;height:fit-content;justify-content:space-between;margin:1rem 0}.boxMenu{height:2.5rem;width:7rem;background-color:var(--dblack);border-radius:4px;display:flex;flex-direction:row;justify-content:center;align-items:center;cursor:pointer;gap:4px}.userMenuIcon svg{height:1rem;width:1rem}.menuBoxText{font-size:var(--hc-sm);color:var(--black);font-weight:bolder}.joinUs{color:var(--black);background-color:var(--primary)}.signIn.boxMenu{color:var(--white)}.navbar-menu-grid2{grid-column-gap:.5em;grid-row-gap:1.5em;flex-flow:column;grid-template-rows:1fr;grid-template-columns:1fr;grid-auto-rows:1fr;grid-auto-columns:1fr;grid-auto-flow:row;width:auto;display:grid;height:-moz-fit-content;height:fit-content}::-webkit-scrollbar{width:4px;background-color:var(--lightblack)}::-webkit-scrollbar-thumb{color:#000;background-color:blacks}.active-link{color:var(--primary)!important}.userMenuIcon{height:1rem;width:1rem;padding-right:10px}.flexGap{display:flex;gap:6px;justify-content:center;align-items:center}footer{background-color:var(--white);border-radius:12px;padding:56px 48px 48px;margin:12px}.linkList a{color:var(--black);text-decoration:none;display:block;margin-bottom:.5rem;transition:color .3s ease;font-family:var(--font-2)}footer a:hover{color:var(--primary)}footer p{font-size:1rem;margin-top:2rem}@media (min-width: 768px) and (max-width: 1024px){.footer-div-1-headline{width:-moz-max-content!important;width:max-content!important;max-width:100%!important;margin-bottom:2rem}.footer-div-1{flex-direction:column;align-items:unset!important;justify-content:unset!important}}@media (max-width: 768px){.LinksBox{flex-direction:column;align-items:center;padding-left:1rem}.trakeborder{border-radius:2rem!important}.footer-div-1-headline{width:100%}.form-footer w-form{width:100%;text-align:center}.linkheader{margin-top:1rem}footer{padding:56px 10px 10px}}.footerDivWrapper{display:grid;grid-template-columns:repeat(5,1fr);grid-template-areas:"logo logo company   resources socials";justify-content:center}.logo{grid-area:logo}.company{grid-area:company}.products{grid-area:products}.resources{grid-area:resources}.socials{grid-area:socials}.LinksBox{display:grid;grid-template-rows:1fr;grid-template-areas:"linkheader" " linkList ";text-align:left}.linkHeader{grid-area:linkheader;text-align:left;font-size:1.2rem;margin-bottom:1rem;color:var(--black)}.linkList{grid-area:linkList;text-align:left;list-style-type:none;padding:0}.footer-div-1{justify-content:space-between;align-items:center;margin-bottom:49px;display:flex}.footer-div-1-headline{width:40%;max-width:498px}.footer-div-1{justify-content:space-between;align-items:center;display:flex;border-bottom:solid .005vw #8080807d;padding-bottom:49px}.form-footer{flex:1;margin-bottom:0}.w-form{margin:0 0 15px}.body-text.b3{font-size:var(--hc-base);font-family:var(--font-5);line-height:1.4}.button.large.primary-dark{z-index:1;background-color:var(--primary);color:var(--white);align-self:stretch;position:relative}.button.large{padding:12px 30px;font-size:18px;line-height:170%}.button{grid-column-gap:6px;grid-row-gap:6px;color:var(--white);background-color:#3898ec00;border-top-right-radius:25px;border-bottom-right-radius:25px;justify-content:center;align-items:center;font-family:Inter,sans-serif;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.curver{border-top-right-radius:25px!important;border-bottom-right-radius:25px!important}.StayUpdated{font-size:var(--hc-lg);color:var(--primary);font-family:var(--font-3)}@media (max-width: 767px){.blocky{border-radius:36px}.StayUpdated{font-size:var(--hc-lg);color:var(--primary);margin-bottom:1rem;font-family:var(--font-3)}.linkList{display:none;overflow:hidden;display:block;max-height:500px}.linkList.collapsed{max-height:0;border-top:solid .05vw #8080807d}.linkHeader{cursor:pointer;display:flex;justify-content:space-between}.footerDivWrapper{display:grid;grid-template-columns:repeat(1,1fr);grid-template-areas:"resources " "products " "company " "socials" "logo";justify-content:center}.linkList.open{border-bottom:solid .05vw #8080807d;display:flex;flex-direction:column}.linkList.open li{padding-bottom:10px}.email-input{visibility:visible!important}footer{padding:.3rem;margin:var(--small-margin)}.footer-div-1-headline{width:100%}.footer-div-1{flex-direction:column;gap:2rem}form{display:grid;grid-template-columns:1fr!important;gap:20px}.curver{border-radius:25px}footer form input{border-radius:25px;outline:none;width:100%}form input:focus,.email-input:focus{outline:none}.formdivWrapper{display:flex}.toggledownsvg{display:block!important}.footer-div-1{align-items:start;padding:3vw}}.toggledownsvg{display:none}.companyFooterLogo{max-height:100px}.w-form-done{padding:1rem;font-family:var(--font-3)}.bottomRights{font-size:1rem;margin-top:2rem;padding:0 1rem;color:var(--primary);font-family:var(--font-1)}.nameMe{font-size:calc(var(--hc-xxxl) * 2);font-family:var(--font-4);color:var(--primary);-webkit-text-decoration:wavy;text-decoration:wavy;text-align:center}.aboutHero{min-height:30vh;margin-top:9.324vw;padding-inline:1.5rem;padding-bottom:4.688vw}.aboutheroinner{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;gap:3rem}.aboutRight{grid-area:aboutRight}.worksHero{font-size:11.453vw;line-height:11.453vw}.aboutLeft{font-family:var(--font-1);max-width:500px;grid-area:aboutLeft}.belowAbouthero{display:grid;row-gap:1rem;margin-inline:1.5rem;border-top:solid .0058vw var(--dblack);grid-template-areas:"tppl tppl tppl" "tpcn tpcn tpcn" "tpbl tpbl tpbl"}.inlineTxt:before{display:table-cell;width:2.25ch;box-sizing:border-box;padding-inline-end:.75ch;content:"•"}.inlineTxt{padding:1rem 0}.tppl{grid-area:tppl;height:10px;border-right:solid .0058vw;border-left:solid .0058vw var(--dblack);display:grid;grid-template-columns:repeat(3,1fr)}.worksline{height:10px;border-right:solid .0058vw}.tpcn{grid-area:tpcn;display:grid;grid-template-columns:repeat(3,1fr)}.tpbl{grid-area:tpbl}.arrangeTabs{justify-content:flex-end}.belowRightHero{justify-content:end;display:flex}#project-page body{background-color:var(--color-black);color:var(--color-bg)}.nav{bottom:auto;left:0;position:fixed!important;top:0;width:100vw;z-index:200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.menu-dot-line{background-color:var(--color-bg)}@media screen and (max-width: 768px){.project_next__inner{padding:1rem .5rem!important;flex-direction:column;height:150px!important}.project_next__wrapper{height:150px!important}.project_current__img,.right-deco,.left-deco{display:none}.thirty-center{font-size:var(--hc-xl)}.thirty-wrapper svg{height:100%;width:calc(28px + 3vw)}.projectAim{row-gap:2rem}.projectImage2-inner img,.projectImage2-inner video{max-height:100vw!important}.projectImage2{row-gap:1rem;grid-template-areas:"projectImage2-left " "projectImage2-right"!important;grid-template-columns:1fr!important;padding:1rem}.projectHeroWrapper{min-height:70vh!important}.projectAim{grid-template-areas:"Aimleft" " Aimright" " Aimcenter"!important;grid-template-columns:1fr!important;min-height:19.5rem;padding:1rem!important}.projectAbout{grid-template-columns:1fr!important;row-gap:2rem;padding:1rem!important}.aboutLeft,.Aimleft,.solutionLeft{text-align:center;font-size:larger;font-weight:800}.projectSolution{display:grid;grid-template-areas:"solutionLeft" " solutionRight"!important;grid-template-columns:1fr!important;justify-content:space-between;padding:3rem 1rem!important;text-align:left;row-gap:2rem}.projectMetadata{color:var(--color-bg);grid-area:projectMetadata;grid-template-areas:"client" " tasks " " year"!important;grid-template-columns:1fr!important;height:-moz-max-content;height:max-content;justify-content:space-between;min-height:9.5rem;padding:3rem 20px;text-align:center;row-gap:2rem}.projecttask{text-align:unset!important}}#project-page .nav_logo_parent{color:var(--color-bg)}#project-page .mid-moon--dark{fill:var(--color-bg)}#project-page .below-line{background-color:var(--main-color)}.est_nav{fill:var(--color-bg)}.projectHeroWrapper{padding:1.5rem 2.5rem 1rem;min-height:100svh;display:grid;grid-template-columns:100%;grid-template-areas:"frame" "content" "gradient";grid-template-rows:min-content 1fr;position:relative}.projectHero{grid-area:content;display:grid;grid-column-gap:10vw;grid-template-columns:repeat(4,1fr);grid-template-rows:1fr auto auto;border-radius:1rem;overflow:hidden}.preview__img{grid-area:1 / 1 / 2 / -1;width:100%;min-height:200px;overflow:hidden;position:relative;pointer-events:none;will-change:transform;display:grid;grid-template-rows:1fr}.preview__img-inner{background-position:50% 25%;background-size:cover;width:100%;height:100%;will-change:transform;position:absolute}.preview__img-inner video{width:100vw}.preview__title{margin:2rem 0 0 1rem;line-height:.7;font-size:8vw;white-space:nowrap;font-family:var(--font-3),sans-serif;font-weight:300;justify-self:center;align-self:center;grid-area:1 / 1 / 2 / -1;text-transform:uppercase}.preview__titlex{display:flex;justify-content:center;align-items:center}.preview__title-inner{line-height:.7;padding-top:3%;will-change:transform;display:inline-block}.projectDetails{z-index:2;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto;position:relative;grid-template-areas:"projectMetadata projectMetadata" "projectHighlights  projectHighlights" "projectImage1 projectImage1" "services-wrapper services-wrapper" "projectAim projectAim" "projectImage2 projectImage2" "projectSolution projectSolution" "remainingImages remainingImages"}.projectSolution{grid-area:projectSolution;display:grid;grid-template-columns:30% 70%;min-height:15.5rem;color:var(--color-bg);font-family:var(--font-1);text-align:left;justify-content:space-between;grid-template-areas:"solutionLeft  solutionRight";font-size:var(--hc-md);padding:3rem 0}.solutionLeft{display:grid;grid-area:solutionLeft;justify-content:center}.solutionRight{font-size:var(--hc-base);line-height:2}.projectAbout{grid-area:projectAbout;display:grid;grid-template-columns:30% 50% 20%;min-height:15.5rem;color:var(--color-bg);font-family:var(--font-1);text-align:left;justify-content:space-between;font-size:var(--hc-md);padding:3rem 0}.aboutCenter,.projecttask{text-align:left}.aboutLeft{text-align:center}.projectMetadata{grid-area:projectMetadata;display:grid;grid-template-columns:30% 50% 20%;min-height:9.5rem;height:-moz-max-content;height:max-content;color:var(--color-bg);font-family:var(--font-1);text-align:center;justify-content:space-between;grid-template-areas:"client tasks year";padding:3rem 20px}.projectAim{display:grid;grid-template-columns:30% 50% 20%;min-height:19.5rem;padding:20vh 0;grid-area:projectAim;grid-template-areas:"Aimleft Aimcenter Aimright";font-size:var(--hc-md);font-family:var(--font-1)}.Aimleft{font-weight:900;text-align:center}.projectclient,.projectyear{display:grid;justify-content:start;grid-template-columns:1fr;grid-template-rows:1fr 1fr;align-content:center}.metaDataheader{font-weight:900;font-size:var(--hc-lg)}.lowercase{text-transform:lowercase}.projectImage1-inner{mask-image:url(/svg/3b.svg);-webkit-mask-image:url(/svg/3b.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;max-width:660px}.projectImage1{grid-area:projectImage1;display:grid;justify-content:center;padding:3rem 0}.projectImage1-inner img{position:relative}.projectImage2{-moz-column-gap:1rem;column-gap:1rem;display:grid;grid-area:projectImage2;grid-template-areas:"projectImage2-left projectImage2-right";grid-template-columns:50% 49%;padding:4rem 1rem 3rem}.projectImage2-right{grid-area:projectImage2-right;justify-content:left;display:grid;overflow:hidden;border-radius:1rem}.projectImage2-left{grid-area:projectImage2-left;justify-content:right;display:grid;overflow:hidden;border-radius:1rem}.projectImage2-inner img,.projectImage2-inner video{max-height:100svh;max-height:100vh;border-radius:1rem}@media screen and (min-width: 768px){.projectImage2-inner img,.projectImage2-inner video{max-height:100svh;max-height:100vh;max-width:50vw}}@media screen and (max-width: 768px){.projectImage2-inner img,.projectImage2-inner video,.projectImage1-inner img,.projectImage1-inner video{max-width:calc(100vw - 2rem)}.services-wrapper{margin:2rem 0!important;grid-template-columns:1fr!important;grid-template-areas:"services-heading" "services-columns"!important}}.remainingImages{grid-area:remainingImages;-moz-column-gap:1rem;column-gap:1rem;row-gap:4rem;display:grid;justify-content:center;grid-template-columns:auto;padding:4rem 1rem 3rem}.otherImage-inner{display:grid;justify-content:center;border-radius:2rem;overflow:hidden}.otherImage-inner img,.otherImage-inner video{max-width:96vw}.relative{position:relative!important}.absolute{position:absolute!important}.footer__link-top{cursor:pointer}.deco-svg{display:inline-flex;justify-content:center;width:100%;position:relative;z-index:2;transition:transform .3s ease-in-out}.deco-svg img{max-width:4rem}.thirtyworks{padding:7rem 0}.otherImage{overflow:hidden}@media screen and (min-width: 768px){.aboutCenter,.solutionCenter{background:url(../assets/svg-pathz.svg);padding:20px;background-repeat:no-repeat;background-position:left;background-size:cover;border-top-right-radius:46px}.aboutRight,.aboutLeft,.aboutCenter,.solutionLeft,.solutionCenter,.solutionRight,.Aimcenter,.Aimright,.Aimleft{position:relative;padding:20px}}.right-deco{position:absolute;left:0;top:0;bottom:0;height:100%;z-index:1}.left-deco{position:absolute;right:0;top:0;height:100%}.deco-img{height:125px;transition:transform .3s ease-in-out}.deco-svg:hover .deco-img{transform:rotate(-45deg)}.projectHighlights{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr;grid-template-areas:"highlightLeft highlightRight";margin:0 4.3rem;gap:4rem;grid-area:projectHighlights}.highlightLeft{grid-area:highlightLeft;display:flex;position:relative}.highlightRight{grid-area:highlightRight}.highlight-title{font-size:var(--hc-lg);font-weight:900;text-transform:uppercase;font-family:var(--font-5)}.highlight-content{font-size:var(--hc-md)}.highlight{font-family:var(--font-5);border-top:1px dashed #c1c1c1;padding:.5rem 0;font-size:var(--hc-base)}.font5{font-family:var(--font-5)}.highlight-link{font-family:var(--font-5);font-weight:900;color:var(--color-bg)}.aim-content{display:grid}.aim-content-inner{font-size:var(--hc-base);line-height:2;text-align:left}.highlight-linkk{display:flex;justify-content:center;width:200px;flex-direction:row;gap:10px;padding:.5rem 1rem;border-radius:25px;background:var(--lightteal);align-items:center;font-family:var(--font-3)}.aim-outer{padding:.5rem 0}.aim-inner{display:flex;flex-direction:column;gap:20px}.b1rem{border-radius:1rem}@media screen and (max-width: 768px){.projectHighlights{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;grid-template-areas:"highlightLeft " " highlightRight";margin:0 2.3rem;gap:4rem;grid-area:projectHighlights}.projectHeroWrapper{padding:1.5rem .5rem 1rem}}.projectYear2{position:absolute;top:2rem;right:3rem;font-size:var(--hc-lg);font-weight:900;text-transform:uppercase;font-family:var(--font-5);border-radius:3rem;background-color:var(--white);color:var(--black);padding:.5rem 1rem;z-index:2;border:solid .0058vw var(--dblack)}.services-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"services-heading services-columns";gap:2rem;padding:2rem;margin:2rem 3rem;background:var(--color-bg);flex-wrap:wrap;grid-area:services-wrapper}.services-heading{grid-area:services-heading;font-weight:700;text-transform:uppercase;flex:0 0 200px}.services-columns{grid-area:services-columns;display:flex;flex:1;justify-content:space-between;gap:3rem;flex-wrap:wrap}.services-list{list-style:none;padding:0;margin:0;flex:1;min-width:180px}.service-item{font-weight:600;margin-bottom:1rem;color:var(--black);border-bottom:1px dashed var(--dblack);padding-bottom:.4rem;text-transform:uppercase;cursor:pointer;transition:color .2s ease}.service-item:hover{color:#1a73e8}.project_next__wrapper{height:calc(56.25vw - 78.75px);max-height:calc(100dvh - 180px);position:relative;width:100%;z-index:1}.project_next__inner{height:100%;width:100%;position:relative;display:flex;gap:2rem;padding:3rem}.project_current__img,.project_next__img{height:100%;width:100%;background-size:cover;background-repeat:no-repeat;background-position:center;border-radius:1rem;overflow:hidden}.project_x__title{-webkit-backdrop-filter:contrast(.5);backdrop-filter:contrast(.5);display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--color-bg);border-radius:1rem;position:absolute;top:0}.project_x__title-inner{font-size:var(--hc-xxl);font-weight:900;text-transform:uppercase;font-family:var(--font-3);color:var(--dblack);background-blend-mode:difference;background:var(--white);border-radius:28px;display:flex;justify-content:center;align-items:center;text-align:center;padding:14px;line-height:var(--hc-xxl);border:solid .0058vw var(--black)}.project-media{width:100%;height:100%;background-size:cover;background-position:center;-o-object-fit:cover;object-fit:cover}.project_current__img,.project_next__img{position:relative;overflow:hidden}.project_current__img video,.project_next__img video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.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);box-sizing:border-box}.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);box-sizing:border-box}.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{position:relative;display:block;width:calc(100% - 8px);padding:10px 12px;margin:2px 4px;border:none;border-radius:var(--ds-radius-pill);cursor:pointer;text-align:left;font-family:var(--font-1);transition:background-color var(--ds-t-fast);box-sizing:border-box}._9lYqlc{background-color:var(--ds-accent-softer)}._9lYqlc:after{content:"";position:absolute;top:12px;right:12px;width:8px;height:8px;border-radius:var(--ds-radius-pill);background:var(--ds-accent)}.WCeeWE{background-color:transparent}.AiyfGW:hover{background-color:var(--ds-surface-hover)}._97xmtF{margin:0 0 4px;padding-right:14px;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-strong);color:var(--ds-text-inverse);border-radius:var(--ds-radius-pill);min-width:18px;height:18px;padding:3px 10px;font-size:.68rem;font-weight:600;line-height:1.5;display:inline-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-card);box-shadow:var(--ds-shadow-lg);z-index:var(--ds-z-nav);animation:iGiZyv var(--ds-t-fast);overflow:hidden}@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-ink)}.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-tile--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.patients-tile--info{background:var(--ds-info-bg);color:var(--ds-info-text)}.patients-tile--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.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%;box-sizing:border-box}.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}.appointments-table .status-badge,.appointment-card .status-badge{display:inline-flex;align-items:center;padding:3px 10px!important;border-radius:var(--ds-radius-pill);font-size:.72rem;font-weight:600;text-transform:capitalize}.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-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-ink);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}.appointment-main-card .status-badge{display:inline-flex;align-items:center;padding:3px 10px!important;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)}.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%;box-sizing:border-box;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{position:relative;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{display:flex;align-items:center;gap:6px;font-size:.72rem;color:var(--ds-text-faint);margin-top:2px}.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)}.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;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)}.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)}.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-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:2px;padding:10px;max-height:240px;overflow-y:auto}.emoji-cell{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;font-size:1.2rem;border:none;border-radius:var(--ds-radius-sm);background:transparent;cursor:pointer;transition:background var(--ds-t-fast)}.emoji-cell:hover{background:var(--ds-accent-soft)}.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);box-sizing:border-box}.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);box-sizing:border-box}.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);box-sizing:border-box}.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}}.doctors-page{font-family:var(--font-2)}.doctors-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:24px}.doctors-stat{display:flex;align-items:center;justify-content:space-between}.doctors-stat-num{margin:0 0 4px;font-size:1.6rem;font-weight:700;line-height:1;color:var(--ds-text-strong)}.doctors-stat-label{margin:0;font-size:.85rem;font-weight:500;color:var(--ds-text-muted)}.doctors-tile--success{background:var(--ds-success-bg);color:var(--ds-success-text)}.doctors-tile--warning{background:var(--ds-warning-bg);color:var(--ds-warning-text)}.doctors-tile--danger{background:var(--ds-danger-bg);color:var(--ds-danger-text)}.doctors-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:16px;flex-wrap:wrap}.doctors-search{flex:1;min-width:260px;max-width:400px}.doctors-control-buttons{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.doctors-control-buttons .doctors-limit-select{width:auto;min-width:76px;border-radius:var(--ds-radius-pill);cursor:pointer}.doctors-table-wrap{background:var(--ds-canvas);border-radius:var(--ds-radius-card);padding:4px 12px;margin-bottom:20px}.doctors-name-cell{display:flex;align-items:center;gap:12px}.doctors-avatar{width:40px;height:40px;border-radius:var(--ds-radius-pill);-o-object-fit:cover;object-fit:cover;border:2px solid var(--ds-border)}.doctors-cap{text-transform:capitalize}.doctors-skel-row{height:16px}.doctors-pagination{display:flex;justify-content:space-between;align-items:center;padding:8px 0;flex-wrap:wrap;gap:16px}.doctors-pagination-info{font-size:.85rem;color:var(--ds-text-muted)}.doctors-pagination-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.doctors-page-dots{color:var(--ds-text-faint);padding:0 4px}@media (max-width: 1024px){.doctors-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.doctors-stats{grid-template-columns:1fr}.doctors-controls{flex-direction:column;align-items:stretch}.doctors-search{max-width:100%}.doctors-control-buttons{justify-content:space-between}.doctors-table-wrap .ds-table{min-width:760px}.doctors-pagination{flex-direction:column;align-items:flex-start}.doctors-pagination-controls{width:100%;justify-content:center}}.dd-page{font-family:var(--font-2),sans-serif}.dd-layout{margin:0 auto;display:grid;grid-template-columns:1fr 320px;gap:24px 16px}.dd-main{display:grid;grid-template-columns:36% auto;grid-template-areas:"profilesec detail-card" "appointment-sec appointment-sec";gap:24px;align-items:start}.dd-profile-card{grid-area:profilesec}.dd-profile-head{display:flex;align-items:center;flex-direction:column;gap:12px;margin-bottom:16px}.dd-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)}.dd-profile-info{flex:1;text-align:center}.dd-name{font-size:1.4rem;font-weight:700;color:var(--ds-text-strong);letter-spacing:-.01em;margin:0 0 4px}.dd-email{font-size:.85rem;color:var(--ds-text-muted);margin:0}.dd-verify-badge{display:flex;justify-content:center;min-height:30px}.dd-rating{display:flex;align-items:center}.dd-stars{display:flex;align-items:center;gap:4px}.dd-star{font-size:16px;line-height:1}.dd-star--filled{color:var(--ds-accent)}.dd-star--half{background:linear-gradient(90deg,var(--ds-accent) 50%,var(--ds-border-input) 50%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dd-star--empty{color:var(--ds-border-input)}.dd-rating-text{font-size:.8rem;color:var(--ds-text-faint);margin-left:2px}.dd-stats{display:flex;justify-content:center;gap:40px;padding:20px 0;border-bottom:1px solid var(--ds-border);margin-bottom:20px}.dd-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.dd-stat-num{font-size:1rem;font-weight:700;color:var(--ds-text-strong);line-height:1}.dd-stat-label{font-size:.8rem;color:var(--ds-text-faint)}.dd-contacts{display:flex;gap:12px;justify-content:center;align-items:center;margin-top:16px;margin-bottom:4px}.dd-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)}.dd-contact-btn:hover{background:var(--ds-accent-hover);box-shadow:var(--ds-shadow-hover)}.dd-contact-btn img{width:20px;height:20px;display:block}.dd-actions-card{grid-area:detail-card}.dd-appts{grid-area:appointment-sec}.dd-tabs{flex-wrap:wrap}.dd-appts .dd-appts-body{border-radius:0 24px 24px}.dd-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}.dd-appts-list{display:flex;flex-direction:column}.dd-appt{display:flex;gap:20px;padding:16px;background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);margin-top:12px}.dd-timeline{display:flex;flex-direction:column;align-items:center;padding-top:4px}.dd-tl-dot{width:14px;height:14px;border-radius:var(--ds-radius-pill);background:#fff;border:3px solid var(--ds-accent);flex-shrink:0}.dd-tl-line{width:2px;flex:1;background:var(--ds-accent);margin-top:8px;min-height:40px}.dd-appt-content{flex:1}.dd-appt-head{margin-bottom:14px}.dd-appt-dt{display:flex;align-items:baseline;gap:12px}.dd-appt-date{font-size:1rem;font-weight:600;color:var(--ds-text-strong)}.dd-appt-time{font-size:.8rem;color:var(--ds-text-muted)}.dd-appt-details{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:20px;align-items:start}.dd-appt-item{display:flex;flex-direction:column;gap:6px}.dd-label-sm{font-size:.72rem;color:var(--ds-text-faint);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.dd-value-sm{font-size:.85rem;color:var(--ds-text-strong);font-weight:500}.dd-reviews{margin-bottom:8px}.dd-reviews-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.dd-reviews-title{font-weight:700;font-size:.95rem;color:var(--ds-text-strong)}.dd-review-card{background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md);padding:14px 16px;margin-bottom:10px}.dd-review-head{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-bottom:4px}.dd-review-name{font-weight:600;font-size:.9rem;color:var(--ds-text-strong);margin-right:10px}.dd-review-stars{display:flex;align-items:center}.dd-review-stars .dd-star{font-size:14px;margin-right:1px}.dd-review-date{margin-left:12px;font-size:.75rem;color:var(--ds-text-faint)}.dd-review-comment{color:var(--ds-text);font-weight:500;font-size:.9rem}.dd-side{display:flex;flex-direction:column;gap:24px}.dd-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}.dd-avail{display:flex;flex-direction:column;gap:12px}.dd-avail-table{display:flex;flex-direction:column;gap:10px}.dd-avail-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding:8px 0;border-bottom:1px solid var(--ds-border)}.dd-avail-row:last-child{border-bottom:none}.dd-avail-day p{margin:0;font-size:.85rem;font-weight:600;color:var(--ds-text-strong)}.dd-avail-slots{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.dd-avail-none{font-size:.8rem;color:var(--ds-text-faint)}.dd-files-list{display:flex;flex-direction:column;gap:12px;margin-top:4px}.dd-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)}.dd-file-info{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.dd-file-ic{font-size:1rem;flex-shrink:0}.dd-file-name{font-size:.85rem;color:var(--ds-text);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}a.dd-file-name:hover{color:var(--ds-accent-deep)}.dd-file-size{font-size:.75rem;color:var(--ds-text-faint);flex-shrink:0}.dd-file-actions{display:flex;gap:4px}@media (max-width: 1200px){.dd-layout{grid-template-columns:1fr}}@media (min-width: 768px) and (max-width: 1200px){.dd-main{grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec"}}@media (max-width: 768px){.dd-main{grid-template-columns:1fr;grid-template-areas:"profilesec" "detail-card" "appointment-sec" "appointment-sec";gap:16px}.dd-appt-details{grid-template-columns:1fr;gap:12px}.dd-tabs{overflow-x:auto;flex-wrap:nowrap}.dd-tabs .ds-tab{white-space:nowrap}}.da-root{font-family:var(--font-2)}.da-wrap{display:grid;grid-template-columns:1fr;gap:24px}.da-card{display:flex;flex-direction:column}.da-alert{padding:12px 16px;border-radius:var(--ds-radius-md);margin-bottom:20px;font-size:.9rem;font-weight:500}.da-alert--success{background:var(--ds-success-bg);color:var(--ds-success-text);border:1px solid var(--ds-success-text)}.da-alert--error{background:var(--ds-danger-bg);color:var(--ds-danger-text);border:1px solid var(--ds-danger)}.da-details-section{margin-bottom:24px}.da-details{display:grid;grid-template-columns:repeat(2,1fr);gap:16px 32px;margin-bottom:20px}.da-detail-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--ds-border)}.da-detail-label{font-size:.8rem;color:var(--ds-text-muted);font-weight:400}.da-detail-value{font-size:.85rem;color:var(--ds-text-strong);font-weight:500;text-align:right}.da-notes{margin-top:20px;padding:16px;background:var(--ds-accent-softer);border-radius:var(--ds-radius-md);border-left:4px solid var(--ds-accent)}.da-notes-text{font-size:.9rem;color:var(--ds-text);line-height:1.6;margin:0;white-space:pre-wrap}.da-actions{display:flex;gap:12px;padding-top:20px;border-top:1px solid var(--ds-border);flex-wrap:wrap}.da-actions .da-btn{flex:1;justify-content:center;min-height:40px}.da-modal{max-width:560px}.da-modal-head{display:flex;justify-content:space-between;align-items:center;gap:12px;border-bottom:1px solid var(--ds-border);padding-bottom:12px;margin-bottom:20px}.da-modal-body{display:flex;flex-direction:column;gap:16px}.da-req{color:var(--ds-danger-text)}.da-modal-body .react-datepicker-wrapper{width:100%}@media (max-width: 768px){.da-details{grid-template-columns:1fr}.da-actions{flex-direction:column}}.revenue-statistic-container{background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-card);padding:24px}.revenue-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.chart-container{position:relative}.custom-tooltip{background:#fff;border:1px solid var(--ds-border);border-radius:var(--ds-radius-sm);padding:8px 12px;box-shadow:var(--ds-shadow-md)}.tooltip-value{margin:0;font-size:.9rem;font-weight:600;color:var(--ds-text-strong)}.highest-label{position:absolute;top:-5px;transform:translate(-50%);background:var(--ds-accent-soft);color:var(--ds-accent-ink);padding:4px 12px;border-radius:var(--ds-radius-pill);font-size:.8rem;font-weight:600;pointer-events:none;white-space:nowrap}.dsec-root{font-family:var(--font-2);display:flex;flex-direction:column;gap:24px}.dsec-pass{display:flex;flex-direction:column}.dsec-heading{margin-bottom:18px}.dsec-form{display:flex;flex-direction:column;gap:16px}.dsec-submit{width:100%;box-sizing:border-box;justify-content:center;min-height:40px}.dsec-controls{display:flex;flex-direction:column;gap:12px}.dsec-delete{width:100%;box-sizing:border-box;justify-content:center;min-height:40px}.dsec-error{text-align:center}.admin-settings,.admin-settings *,.admin-settings *:before,.admin-settings *:after{box-sizing:border-box}.admin-settings .ds-page-title{margin-bottom:20px}.admin-settings .settings-stack{display:flex;flex-direction:column;gap:16px}.admin-settings .setting-row{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.admin-settings .statusWrapper{display:flex;align-items:center;gap:10px;margin-top:10px}.admin-settings .authBox{display:flex;align-items:center;gap:12px}.admin-settings .authHistory{cursor:pointer}.admin-settings .configButtons{display:flex;gap:10px;flex-wrap:wrap}.admin-settings .chatItems{display:flex;flex-direction:column;gap:1rem}.admin-settings .chat-item{display:flex;gap:1rem}@media screen and (max-width: 767px){.admin-settings .setting-row{flex-direction:column;align-items:flex-start}.admin-settings .chat-item{flex-direction:column}}.version-page,.version-page *,.version-page *:before,.version-page *:after{box-sizing:border-box}.version-page .ds-page-title{margin-bottom:20px}.version-page .version-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.version-page .version-history-card{grid-column:1 / -1}.version-page .version-card-title{margin-bottom:16px}.version-page .info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.version-page .info-item{display:flex;flex-direction:column;gap:5px;min-width:0}.version-page .info-item.full-width{grid-column:1 / -1}.version-page .info-label{font-size:.72rem;font-weight:600;color:var(--ds-text-muted);text-transform:uppercase;letter-spacing:.04em}.version-page .info-value{padding:9px 12px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-input);color:var(--ds-text);font-size:1rem;font-family:var(--font-1);min-height:42px;display:flex;align-items:center;min-width:0;overflow-wrap:anywhere;word-break:break-all}.version-page a.info-value{color:var(--ds-accent-deep);text-decoration:none}.version-page a.info-value:hover{text-decoration:underline}.version-page .version-form{display:flex;flex-direction:column;gap:14px}.version-page .form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:4px}.version-page .version-check{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--ds-text);cursor:pointer}.version-page .version-check input[type=checkbox]{accent-color:var(--ds-accent);width:16px;height:16px;margin:0;cursor:pointer}.version-page .version-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.version-page .version-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:12px 16px;background:var(--ds-surface);border:1px solid var(--ds-border);border-radius:var(--ds-radius-md)}.version-page .version-item-main{display:flex;flex-direction:column;gap:2px;min-width:0}.version-page .version-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.version-page .version-date{font-size:.8rem;color:var(--ds-text-muted)}.version-page .version-link{color:var(--ds-accent-deep);font-weight:500;font-size:.9rem;text-decoration:none}.version-page .version-link:hover{color:var(--ds-accent-active);text-decoration:underline}@media screen and (max-width: 900px){.version-page .version-grid{grid-template-columns:1fr}}