.auth-brand{align-items:center;gap:10px;display:flex}.auth-brand__icon{width:60px;height:60px}.auth-brand__name{color:var(--white);font-size:18px;font-weight:600}.card{background:var(--white);border-radius:var(--radius-xl);width:100%;box-shadow:var(--shadow-md);padding:2.75rem 2.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both card-in}@keyframes card-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.card--no-padding{padding:0}.card__header{margin-bottom:2rem}.card__title{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--slate-900);letter-spacing:-.03em;margin-bottom:.4rem}.card__subtitle{font-size:var(--font-size-sm);color:var(--slate-500)}@media (width<=480px){.card{border-radius:var(--radius-md);padding:2rem 1.5rem}}.field{flex-direction:column;gap:.4rem;display:flex}.field__label{font-size:var(--font-size-sm);color:var(--slate-700);letter-spacing:.03em;text-transform:uppercase;font-weight:600;font-family:var(--font-body)}.field__wrapper{align-items:center;display:flex;position:relative}.field__icon--left{color:var(--slate-300);pointer-events:none;transition:color var(--transition);align-items:center;display:flex;position:absolute;left:14px}.field__icon--left svg{width:18px;height:18px}.field__input{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:48px;font-family:var(--font-body);font-size:var(--font-size-base);color:var(--slate-900);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:0 16px;font-style:italic}.field__input--padded-left{padding-left:44px}.field__input::placeholder{color:var(--slate-300)}.field__input:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px var(--teal-100)}.field__wrapper:focus-within .field__icon--left{color:var(--teal-400)}.field--error .field__input{border-color:var(--error-600);background:var(--error-bg)}.field--error .field__input:focus{box-shadow:0 0 0 3px var(--error-100)}.field__error{font-size:var(--font-size-xs);color:var(--error-600)}.field__hint{font-size:var(--font-size-xs);color:var(--slate-300)}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);cursor:pointer;transition:background var(--transition), border-color var(--transition), color var(--transition), filter var(--transition), transform var(--transition), box-shadow var(--transition);white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:8px;font-weight:600;display:inline-flex}.btn:focus-visible{box-shadow:0 0 0 3px var(--teal-100);outline:none}.btn:disabled{cursor:not-allowed;opacity:var(--opacity-disabled);filter:none!important;box-shadow:none!important;transform:none!important}.btn--sm{height:36px;padding:0 var(--space-md);font-size:var(--font-size-xs);border-radius:var(--radius-xs);gap:6px}.btn--md{height:46px;padding:0 var(--space-lg);font-size:var(--font-size-sm)}.btn--lg{height:52px;padding:0 var(--space-xl);font-size:var(--font-size-base)}.btn--primary{background:linear-gradient(135deg, var(--teal-500), var(--teal-400));color:var(--white);border-color:#0000}.btn--primary:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn--primary:active:not(:disabled){filter:brightness(.97);transform:translateY(0)}.btn--primary:focus-visible{box-shadow:0 0 0 3px var(--teal-100)}.btn--secondary{background:var(--white);color:var(--slate-700);border-color:var(--slate-200)}.btn--secondary:hover:not(:disabled){border-color:var(--teal-400);color:var(--teal-500);background:var(--teal-50)}.btn--secondary:active:not(:disabled){background:var(--teal-100);border-color:var(--teal-500)}.btn--secondary:focus-visible{border-color:var(--teal-400);box-shadow:0 0 0 3px var(--teal-100)}.btn--ghost{color:var(--slate-700);background:0 0;border-color:#0000}.btn--ghost:hover:not(:disabled){background:var(--color-hover);color:var(--teal-500)}.btn--ghost:active:not(:disabled){background:var(--color-active)}.btn--ghost:focus-visible{box-shadow:0 0 0 3px var(--teal-100)}.btn--loading{cursor:wait;pointer-events:none}.btn__spinner{border:2.5px solid #ffffff59;border-top-color:currentColor;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite btn-spin}.btn--secondary .btn__spinner,.btn--ghost .btn__spinner{border:2.5px solid var(--slate-200);border-top-color:var(--teal-500)}@keyframes btn-spin{to{transform:rotate(360deg)}}.btn__icon{align-items:center;font-size:1.1em;display:inline-flex}.btn__label{align-items:center;display:inline-flex}.lang-wrapper{display:inline-block;position:relative}.language-selector{border:1px solid var(--slate-100);border-radius:var(--radius-sm);background-color:var(--white);min-width:140px;height:40px;color:var(--slate-700);font-size:var(--font-size-sm);cursor:pointer;outline:none;padding:0 12px;font-weight:500;transition:border-color .2s,box-shadow .2s,background-color .2s}.language-selector:hover{border-color:var(--slate-300)}.language-selector:focus{border-color:var(--info-600);box-shadow:0 0 0 3px var(--info-100)}.language-selector option{color:var(--slate-900);background:var(--white)}.flag-icon{object-fit:cover;border-radius:var(--radius-xs);width:18px;height:18px;margin-right:6px}.lang-btn{border:1px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--white);cursor:pointer;align-items:center;gap:8px;padding:6px 10px;display:flex}.lang-dropdown{background:var(--white);border:1px solid var(--slate-100);border-radius:var(--radius-md);z-index:1000;min-width:140px;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 10px 25px #0000001f}.lang-item{font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:8px;padding:10px 12px;transition:background .2s;display:flex}.lang-item:hover{background:var(--slate-100)}.auth-card-header{justify-content:space-between;margin-bottom:1.5rem;display:flex}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-form>button{margin-top:.5rem}.auth-divider{margin:1.25rem 0}.auth-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.gender-selector{gap:8px;display:flex}.gender-option{border:.5px solid #00f;border-radius:4px;flex:1;padding:8px}.gender-option--active{border-color:var(--primary);background:var(--primary-light)}.auth-card-subtext{text-align:center}.pfield__input{padding-right:44px}.pfield__input::placeholder{color:var(--slate-300);font-style:italic}.field__icon--left i,.pfield__toggle i{font-size:1rem;line-height:1;display:block}.pfield__toggle{cursor:pointer;color:var(--slate-300);border-radius:var(--radius-xs);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.pfield__toggle:hover{color:var(--teal-500)}.pfield__toggle:focus-visible{outline:2px solid var(--teal-400);outline-offset:2px}.divider{color:var(--slate-300);font-family:var(--font-body);font-size:var(--font-size-sm);align-items:center;display:flex}.divider--horizontal{flex-direction:row;gap:1rem;width:100%;margin:1.5rem 0 1rem}.divider--horizontal:before,.divider--horizontal:after{content:"";background:var(--slate-100);flex:1;height:1px}.divider--vertical{flex-direction:column;align-self:stretch;gap:.75rem;height:100%}.divider--vertical:before,.divider--vertical:after{content:"";background:var(--slate-100);flex:1;width:1px}.divider__label{white-space:nowrap;flex-shrink:0}.social-auth{justify-content:center;gap:8px;display:flex}@media (width<=768px){.social-auth{flex-direction:column}}.dev-mode{border:2px dashed #f59e0b;border-radius:4px;margin:1rem;padding:1rem 1.5rem 1.25rem}.dev-mode__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.dev-mode__badge{color:#13131f;letter-spacing:.08em;text-transform:uppercase;background:#f59e0b;border-radius:4px;align-items:center;gap:6px;margin:4px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.dev-mode__badge-dot{background:#13131f;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite dev-pulse}@keyframes dev-pulse{0%,to{opacity:1}50%{opacity:.25}}.dev-mode__hint{color:#4b5563;font-size:11px}.dev-mode__grid{gap:8px;display:flex}.dev-account__btn{cursor:pointer;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;height:36px;font-size:12px;font-weight:600;transition:filter .15s,transform .1s;display:flex}.dev-account__btn:hover{filter:brightness(1.12);transform:translateY(-1px)}.dev-account__btn:active{transform:translateY(0)}.dev-account__emoji{font-size:14px}.dev-account__btn--admin{color:#fff;background:#f87171;padding:4px}.dev-account__btn--doctor{color:#fff;background:#1a9ea7;padding:4px}.dev-account__btn--patient{color:#fff;background:#3b82f6;padding:4px}.dev-account__btn--secretary{color:#fff;background:#a855f7;padding:4px}.select-field{flex-direction:column;gap:.375rem;display:flex}.select-field__label{font-size:var(--font-size-sm);color:var(--slate-700);letter-spacing:.03em;text-transform:uppercase;font-weight:600;font-family:var(--font-body)}.select-field__wrapper{align-items:center;display:flex;position:relative}.select-field__icon-left{color:var(--slate-300);font-size:var(--font-size-base);pointer-events:none;z-index:1;align-items:center;display:flex;position:absolute;left:.75rem}.select-field__select{border:1px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:48px;font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--slate-900);appearance:none;cursor:pointer;outline:none;padding:0 16px;transition:border-color .15s,box-shadow .15s}.select-field__select--with-icon{padding-left:2.25rem}.select-field__select:focus{border-color:var(--teal-500);box-shadow:0 0 0 3px var(--teal-100)}.select-field__select option[value=""]{color:var(--slate-300)}.select-field__chevron{color:var(--slate-300);pointer-events:none;align-items:center;display:flex;position:absolute;right:.75rem}.select-field--error .select-field__select{border:1px solid var(--error-600);background:var(--error-bg)}.select-field--error .select-field__select:focus{box-shadow:0 0 0 3px var(--error-100)}.select-field__error{font-size:var(--font-size-xs);color:var(--error-600)}.welcome-panel{text-align:center;justify-content:center;align-items:center;height:100%;padding:40px;display:flex}.welcome-panel__content{max-width:420px}.welcome-panel__title{font-family:var(--font-display);letter-spacing:-.02em;line-height:1.1;font-size:var(--font-size-5xl);color:var(--white);margin-bottom:16px;font-weight:700}.welcome-panel__description{font-size:var(--font-size-base);color:#fffc;margin-bottom:28px;line-height:1.6}.welcome-panel__hint{font-size:var(--font-size-sm);color:#fff9;margin-bottom:10px}.welcome-panel__button{border:2px solid var(--white);color:var(--white);letter-spacing:.02em;font-weight:600;font-size:var(--font-size-sm);cursor:pointer;background:0 0;border-radius:999px;padding:12px 30px;transition:all .25s}.welcome-panel__button:hover{background:var(--white);color:var(--teal-600)}.authpage-root{min-height:100vh;font-family:var(--font-body);background:var(--teal-50);display:flex;overflow:hidden}.authpage-forms{flex:1;justify-content:center;align-items:center;min-width:0;display:flex;overflow:hidden}.authpage-forms__panel{justify-content:center;align-items:center;width:100%;padding:3rem 2rem;display:flex;overflow-y:auto}.authpage-aside{background:linear-gradient(150deg, var(--teal-900) 0%, var(--teal-700) 50%, var(--teal-500) 100%);flex-shrink:0;align-items:stretch;width:42%;display:flex;position:relative;overflow:hidden}.authpage-aside__inner{z-index:2;flex-direction:column;width:100%;padding:3rem 3.5rem;display:flex;position:relative}.authpage-aside__welcome{flex-direction:column;justify-content:center;padding:8rem 3.5rem 3rem;transition:opacity .35s .15s,transform .45s .15s;display:flex;position:absolute;inset:0}.authpage-aside__welcome--login{opacity:1;pointer-events:auto;transform:translate(0)}.authpage-aside__welcome--register{opacity:0;pointer-events:none;transform:translate(30px)}.authpage-root--register .authpage-aside__welcome--login{opacity:0;pointer-events:none;transform:translate(-30px)}.authpage-root--register .authpage-aside__welcome--register{opacity:1;pointer-events:auto;transform:translate(0)}.authpage-aside:before{content:"";border-radius:var(--radius-full);pointer-events:none;z-index:1;background:#ffffff0a;border:1px solid #ffffff12;width:380px;height:380px;position:absolute;top:-100px;right:-120px}.authpage-aside:after{content:"";border-radius:var(--radius-full);pointer-events:none;z-index:1;background:#ffffff0d;border:1px solid #ffffff14;width:220px;height:220px;position:absolute;bottom:60px;right:-60px}.auth-terms{text-align:center}.authpage-aside__welcome--forgot{opacity:0;pointer-events:none;transform:translate(30px)}.authpage-root--forgot-password .authpage-aside__welcome--login,.authpage-root--forgot-password .authpage-aside__welcome--register{opacity:0;pointer-events:none;transform:translate(-30px)}.authpage-root--forgot-password .authpage-aside__welcome--forgot{opacity:1;pointer-events:auto;transform:translate(0)}@media (width<=1100px){.authpage-aside{width:38%}.authpage-aside__inner{padding:2.5rem}.authpage-aside__welcome{padding:7rem 2.5rem 2.5rem}}@media (width<=900px){.authpage-root{flex-direction:column}.authpage-aside{flex-shrink:0;width:100%;min-height:200px}.authpage-aside__inner{flex-direction:column;padding:2rem}.authpage-aside__welcome{padding:1rem 0 0;display:flex;position:relative;inset:auto;opacity:1!important;pointer-events:auto!important;transform:none!important}.authpage-aside__welcome--register,.authpage-root--register .authpage-aside__welcome--login{display:none}.authpage-root--register .authpage-aside__welcome--register{display:flex}.authpage-forms{flex:1;width:100%}.authpage-forms__track{min-height:auto}.authpage-forms__panel{min-height:auto;padding:2rem 1.5rem}.auth-brand{justify-content:center}.authpage-aside__welcome--forgot,.authpage-root--forgot-password .authpage-aside__welcome--login{display:none}.authpage-root--forgot-password .authpage-aside__welcome--forgot{display:flex}}.main-layout{background:var(--teal-50);min-height:100vh;display:flex;overflow:hidden}.main-layout__right{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.main-layout__content{flex:1;padding:2rem;overflow-y:auto}.main-layout__overlay{display:none}@media (width<=768px){.main-layout__overlay{z-index:40;background:#0006;display:block;position:fixed;inset:0}.sidebar{z-index:50;height:100%;transition:transform .25s;position:fixed;top:0;left:0;transform:translate(-100%)}.sidebar--open{transform:translate(0)}}.db-welcome{justify-content:space-between;align-items:center;display:flex}.db-welcome h3{font-size:var(--font-size-lg);color:var(--slate-900);letter-spacing:-.02em;margin:0;font-weight:600}.db-welcome p{font-size:var(--font-size-sm);color:var(--slate-500);margin-top:2px}.db-btn-new{height:36px;padding:0 var(--space-md);background:linear-gradient(135deg, var(--teal-500), var(--teal-400));color:var(--white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;align-items:center;gap:var(--space-xs);transition:filter var(--transition), transform var(--transition);border:none;font-weight:600;display:flex}.db-btn-new:hover{filter:brightness(1.06);transform:translateY(-1px)}.db-btn-new:active{transform:translateY(0)}.db-kpi-row{gap:var(--space-sm);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=900px){.db-kpi-row{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.db-kpi-row{grid-template-columns:1fr}}.db-kpi{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-100);padding:var(--space-md) calc(var(--space-md) + var(--space-xs));gap:var(--space-sm);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.db-kpi-top{justify-content:space-between;align-items:center;display:flex}.db-kpi-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:36px;height:36px;display:flex}.db-kpi-icon.teal{background:var(--teal-50);color:var(--teal-500)}.db-kpi-icon.blue{background:var(--info-bg);color:var(--info-500)}.db-kpi-icon.success{background:var(--success-bg);color:var(--success-600)}.db-kpi-icon.amber{color:#d97706;background:#fffbeb}.db-kpi-delta{font-size:var(--font-size-xs);border-radius:99px;padding:2px 7px;font-weight:500}.db-kpi-delta.up{background:var(--success-bg);color:var(--success-600)}.db-kpi-delta.down{background:var(--error-bg);color:var(--error-600)}.db-kpi-value{font-size:var(--font-size-2xl);color:var(--slate-900);letter-spacing:-.03em;font-weight:600}.db-kpi-label{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:-4px}.db-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--slate-100);padding:calc(var(--space-md) + var(--space-xs)) var(--space-lg);box-shadow:var(--shadow-sm)}.db-card-header{margin-bottom:var(--space-md);justify-content:space-between;align-items:center;display:flex}.db-card-title{font-size:var(--font-size-sm);color:var(--slate-900);font-weight:600}.db-card-link{font-size:var(--font-size-xs);color:var(--teal-500);cursor:pointer;transition:color var(--transition);align-items:center;gap:3px;font-weight:500;display:flex}.db-card-link:hover{color:var(--teal-400)}.chart-legend{gap:var(--space-md);margin-bottom:var(--space-sm);font-size:var(--font-size-xs);color:var(--slate-500);display:flex}.chart-legend-dot{vertical-align:middle;border-radius:2px;width:10px;height:10px;margin-right:4px;display:inline-block}.db-chart-wrapper{width:100%;height:180px;position:relative}.db-appt-item{align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;border-bottom:1px solid var(--slate-100);display:flex}.db-appt-item:last-child{border-bottom:none}.db-appt-time{font-size:var(--font-size-xs);color:var(--slate-300);font-variant-numeric:tabular-nums;min-width:44px;font-weight:500}.db-appt-avatar{border-radius:var(--radius-full);width:32px;height:32px;color:var(--white);flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:600;display:flex}.db-appt-info{flex:1;min-width:0}.db-appt-name{font-size:var(--font-size-sm);color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.db-appt-type{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:1px}.db-appt-badge{white-space:nowrap;border-radius:99px;padding:2px 8px;font-size:10px;font-weight:600}.badge-confirmed{background:var(--success-bg);color:var(--success-600)}.badge-pending{color:#d97706;background:#fffbeb}.badge-urgent{background:var(--error-bg);color:var(--error-600)}.badge-done{background:var(--slate-100);color:var(--slate-500)}.db-add-card{border:2px dashed var(--teal-100);border-radius:var(--radius-lg);background:var(--white);width:100%;box-shadow:var(--shadow-sm);justify-content:center;align-items:center;gap:var(--space-sm);cursor:pointer;min-height:140px;transition:border-color var(--transition), background var(--transition);flex-direction:column;display:flex}.db-add-card:hover{border-color:var(--teal-400)}.db-add-icon{border-radius:var(--radius-full);background:var(--teal-50);border:1.5px solid var(--teal-100);width:40px;height:40px;color:var(--teal-400);transition:background var(--transition), border-color var(--transition);justify-content:center;align-items:center;display:flex}.db-add-card:hover .db-add-icon{background:var(--teal-100);border-color:var(--teal-400)}.db-add-label{font-size:var(--font-size-sm);color:var(--teal-500);font-weight:500}.db-add-sub{font-size:var(--font-size-xs);color:var(--slate-300)}.db-modal-overlay{z-index:100;background:#0f192373;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.db-modal{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-lg);width:400px;max-width:90vw;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.22,1,.36,1) both cardIn}.db-modal-header{margin-bottom:var(--space-lg);justify-content:space-between;align-items:center;display:flex}.db-modal-title{font-size:var(--font-size-base);color:var(--slate-900);font-weight:600}.db-modal-close{border-radius:var(--radius-sm);background:var(--slate-100);cursor:pointer;width:28px;height:28px;color:var(--slate-500);transition:background var(--transition), color var(--transition);border:none;justify-content:center;align-items:center;display:flex}.db-modal-close:hover{background:var(--error-100);color:var(--error-600)}.db-modal-grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.db-widget-option{border:1.5px solid var(--slate-100);border-radius:var(--radius-md);padding:var(--space-md);cursor:pointer;gap:var(--space-sm);transition:border-color var(--transition), background var(--transition);flex-direction:column;display:flex}.db-widget-option:hover{border-color:var(--teal-400);background:var(--teal-50)}.db-widget-icon{border-radius:var(--radius-sm);justify-content:center;align-items:center;width:32px;height:32px;display:flex}.db-widget-name{font-size:var(--font-size-sm);color:var(--slate-900);font-weight:600}.db-widget-desc{font-size:var(--font-size-xs);color:var(--slate-300);line-height:1.4}.db{background:var(--teal-50);padding:var(--space-lg) calc(var(--space-xl) * 1.5);gap:var(--space-lg);flex-direction:column;min-height:100svh;display:flex}.db-grid-2{gap:var(--space-lg);grid-template-columns:1fr 320px;display:grid}@media (width<=768px){.db-grid-2{grid-template-columns:1fr}}.filter-tabs{background:var(--white);border-radius:var(--radius-sm);width:100%;box-shadow:var(--shadow-sm);justify-content:space-around;gap:2px;margin-bottom:16px;padding:8px;display:inline-flex}.filter-tabs__item{font-size:var(--font-size-sm);font-family:var(--font-body);color:var(--teal-500);border-radius:calc(var(--radius-xs) - 2px);cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:8px 18px;transition:color .15s;position:relative}.filter-tabs__item:after{content:"";background:var(--teal-700);opacity:0;border-radius:2px 2px 0 0;height:2px;transition:opacity .15s;position:absolute;bottom:0;left:18px;right:18px}.filter-tabs__item--active{color:var(--teal-900);font-weight:500}.filter-tabs__item--active:after{opacity:1}.filter-tabs__item:hover:not(.filter-tabs__item--active){color:var(--teal-700)}.appointment-banner{background:var(--white);border:.5px solid var(--slate-100);border-radius:var(--radius-md);font-family:var(--font-body);box-shadow:var(--shadow-sm);margin-top:12px;margin-bottom:12px;overflow:hidden}.appointment-banner__header{align-items:center;gap:14px;padding:14px 16px;display:flex}.appointment-banner__avatar{border-radius:var(--radius-full);background:var(--info-200);width:46px;height:46px;font-weight:500;font-size:var(--font-size-sm);color:var(--info-700);flex-shrink:0;justify-content:center;align-items:center;display:flex}.appointment-banner__doctor{flex:1;min-width:0}.appointment-banner__doctor-name{font-weight:500;font-size:var(--font-size-sm);color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.appointment-banner__doctor-specialty{font-size:var(--font-size-xs);color:var(--slate-500);margin:2px 0 0}.appointment-banner__status{font-size:var(--font-size-xs);border-radius:var(--radius-sm);white-space:nowrap;flex-shrink:0;padding:3px 10px;font-weight:500}.appointment-banner__status-upcoming{background:var(--success-100);color:var(--success-800)}.appointment-banner__status-completed{background:var(--info-100);color:var(--info-700)}.appointment-banner__status-cancelled{background:var(--error-100);color:var(--error-800)}.appointment-banner__details{border-top:.5px solid var(--slate-100);grid-template-columns:1fr 1fr;gap:10px;padding:14px 16px;display:grid}.appointment-banner__detail-row{align-items:center;gap:10px;display:flex}.appointment-banner__detail-icon{color:var(--slate-300);flex-shrink:0;align-items:center;display:flex}.appointment-banner__detail-label{font-size:var(--font-size-xs);color:var(--slate-500);min-width:80px}.appointment-banner__detail-value{font-size:var(--font-size-xs);color:var(--slate-900);font-weight:500}.appointment-banner__actions{border-top:.5px solid var(--slate-100);gap:8px;padding:10px 16px;display:flex}.appointment-banner__btn{border-radius:var(--radius-sm);border:.5px solid var(--slate-100);background:var(--white);color:var(--slate-700);font-size:var(--font-size-xs);cursor:pointer;flex:1;justify-content:center;align-items:center;gap:5px;padding:7px 0;font-weight:500;transition:background .15s;display:flex}.appointment-banner__btn:hover{background:var(--slate-100)}.appointment-banner__btn--danger{border-color:var(--error-300);background:var(--error-50);color:var(--error-800)}.appointment-banner__btn--danger:hover{background:var(--error-100)}.filter-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.filter-buttons__btn{border:1.5px solid var(--slate-100);background:var(--white);color:var(--slate-500);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;white-space:nowrap;transition:background var(--transition), border-color var(--transition), color var(--transition), transform var(--transition);border-radius:999px;align-items:center;padding:5px 14px;font-weight:400;display:inline-flex}.filter-buttons__btn:hover{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-900)}.filter-buttons__btn:active{transform:scale(.97)}.filter-buttons__btn:focus-visible{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 3px #1a9ea72e}.filter-buttons__btn--active{background:var(--teal-100);border-color:var(--teal-400);color:var(--teal-900);font-weight:500}.filter-buttons__btn--active:hover{background:var(--teal-100);border-color:var(--teal-500);color:var(--teal-900)}.filter-buttons__btn--active:focus-visible{box-shadow:0 0 0 3px #0f7d8433}.search-bar{align-items:center;display:flex;position:relative}.search-bar__icon{color:var(--slate-300);pointer-events:none;transition:color var(--transition);position:absolute;left:12px}.search-bar:focus-within .search-bar__icon{color:var(--teal-400)}.search-bar__input{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--white);width:260px;height:40px;font-size:var(--font-size-sm);color:var(--slate-900);box-shadow:var(--shadow-sm);transition:border-color var(--transition), box-shadow var(--transition);padding:0 1rem 0 2.25rem}.search-bar__input::placeholder{color:var(--slate-300)}.search-bar__input:focus{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 3px #1a9ea71f}.patient-list-item{align-items:center;gap:var(--space-md);width:100%;padding:12px var(--space-md);background:var(--white);border:1.5px solid var(--slate-100);border-radius:var(--radius-md);cursor:pointer;text-align:left;box-shadow:var(--shadow-sm);transition:background var(--transition), border-color var(--transition);display:flex}.patient-list-item:hover{border-color:var(--teal-400)}.patient-list-item:hover .patient-list-item__chevron{color:var(--slate-700);transform:translate(2px)}.patient-list-item:focus-visible{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 3px #1a9ea72e}.patient-list-item__avatar{border-radius:var(--radius-full);background:var(--teal-100);width:38px;height:38px;color:var(--teal-900);font-size:var(--font-size-sm);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.patient-list-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.patient-list-item__name{font-size:var(--font-size-sm);color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.patient-list-item__sub{font-size:var(--font-size-xs);color:var(--slate-300)}.patient-list-item__chevron{color:var(--slate-300);transition:color var(--transition), transform var(--transition);flex-shrink:0}.patients-page{flex-direction:column;gap:1.25rem;width:100%;padding:2rem 2.5rem;display:flex}.patients-page__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.patients-page__heading{align-items:baseline;gap:.75rem;display:flex}.patients-page__title{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--slate-900);letter-spacing:-.03em}.patients-page__count{font-size:var(--font-size-sm);color:var(--slate-500);font-weight:500}.patients-page__search-wrap{align-items:center;display:flex;position:relative}.patients-page__search-icon{color:var(--slate-300);pointer-events:none;transition:color var(--transition);position:absolute;left:12px}.patients-page__search-wrap:focus-within .patients-page__search-icon{color:var(--teal-400)}.patients-page__search{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--white);width:260px;height:40px;font-size:var(--font-size-sm);color:var(--slate-900);transition:border-color var(--transition), box-shadow var(--transition);padding:0 1rem 0 2.25rem}.patients-page__search::placeholder{color:var(--slate-300)}.patients-page__search:focus{border-color:var(--teal-400);outline:none;box-shadow:0 0 0 3px #1a9ea71f}.patients-page__list{flex-direction:column;gap:.5rem;display:flex}.patients-page__empty{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);justify-content:center;align-items:center;padding:3rem 1rem;display:flex}.patients-page__empty p{color:var(--slate-500);font-size:var(--font-size-sm)}@media (width<=600px){.patients-page{padding:1.25rem 1rem}.patients-page__header{flex-direction:column;align-items:flex-start}.patients-page__search{width:100%}}.patient-header__row{align-items:center;gap:var(--space-md);flex-wrap:wrap;display:flex}.patient-header__avatar{border-radius:var(--radius-full);background:var(--teal-100);width:64px;height:64px;color:var(--teal-700);font-size:var(--font-size-xl);flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.patient-header__info{flex-direction:column;flex:1;gap:2px;min-width:160px;display:flex}.patient-header__name{font-size:var(--font-size-lg);color:var(--slate-900);letter-spacing:-.01em;font-weight:600}.patient-header__condition,.patient-header__meta{font-size:var(--font-size-sm);color:var(--slate-500)}.patient-header__contact{flex-direction:column;gap:5px;min-width:190px;display:flex}.patient-header__contact-item{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--slate-500);display:flex}.patient-header__contact-item svg{color:var(--slate-300);flex-shrink:0}.patient-header__actions{flex-direction:column;align-items:flex-end;gap:6px;display:flex}.patient-header__btn-edit{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--white);color:var(--slate-700);font-size:var(--font-size-sm);cursor:pointer;transition:background var(--transition), border-color var(--transition);align-items:center;gap:6px;padding:6px 14px;font-weight:500;display:flex}.patient-header__btn-edit:hover{background:var(--slate-100);border-color:var(--slate-300)}.patient-header__btn-remove{font-size:var(--font-size-xs);color:var(--error-600);cursor:pointer;transition:color var(--transition);background:0 0;border:none;align-items:center;gap:5px;padding:2px 0;display:flex}.patient-header__btn-remove:hover{color:var(--error-700)}.action-btn{align-items:center;gap:var(--space-sm);border-radius:var(--radius-sm);font-family:var(--font-body);font-size:var(--font-size-sm);cursor:pointer;transition:filter var(--transition), transform var(--transition);white-space:nowrap;border:1.5px solid #0000;padding:7px 14px;font-weight:500;display:inline-flex}.action-btn:hover:not(:disabled){filter:brightness(.95);transform:translateY(-1px)}.action-btn:active:not(:disabled){filter:brightness(.92);transform:translateY(0)}.action-btn:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.action-btn__icon{flex-shrink:0;align-items:center;display:flex}.action-btn--default{background:var(--white);border-color:var(--slate-100);color:var(--slate-700)}.action-btn--alert{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.action-btn--video{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.action-btn--voice{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.action-btn--email{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-700)}.patient-actions{gap:var(--space-sm);flex-wrap:wrap;display:flex}.patient-actions__btn{border-radius:var(--radius-sm);font-size:var(--font-size-sm);cursor:pointer;transition:filter var(--transition), transform var(--transition);border:1.5px solid #0000;align-items:center;gap:6px;padding:7px 14px;font-weight:500;display:flex}.patient-actions__btn:hover{filter:brightness(.96);transform:translateY(-1px)}.patient-actions__btn:active{transform:translateY(0)}.patient-actions__btn--alert{background:var(--error-50);border-color:var(--error-200);color:var(--error-700)}.patient-actions__btn--video{background:var(--success-50);border-color:var(--success-200);color:var(--success-700)}.patient-actions__btn--voice{background:var(--info-50);border-color:var(--info-200);color:var(--info-700)}.patient-actions__btn--email{background:var(--slate-100);border-color:var(--slate-300);color:var(--slate-700)}.patient-tabs{max-width:280px}.patient-tabs .select-field__label{display:none}.patient-section{background:var(--slate-100);border-radius:var(--radius-md);padding:var(--space-md);margin:8px}.patient-section__title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--slate-900);margin-bottom:var(--space-md);font-weight:600;display:flex}.patient-section__title svg{color:var(--teal-400)}.patient-vitals__grid{gap:var(--space-sm);grid-template-columns:1fr 1fr;display:grid}.patient-vitals__item{background:var(--white);border-radius:var(--radius-sm);flex-direction:column;gap:2px;padding:8px 10px;display:flex}.patient-vitals__value{font-size:var(--font-size-base);color:var(--slate-900);font-weight:600}.patient-vitals__label{font-size:var(--font-size-xs);color:var(--slate-300)}.patient-meds__list{flex-direction:column;gap:0;display:flex}.patient-meds__item{border-bottom:1px solid var(--slate-300);padding:8px 0}.patient-meds__item:last-child{border-bottom:none;padding-bottom:0}.patient-meds__name{font-size:var(--font-size-sm);color:var(--slate-900);font-weight:600}.patient-meds__tag{font-size:var(--font-size-xs);background:var(--teal-100);color:var(--teal-700);border-radius:99px;margin:3px 0;padding:2px 8px;display:inline-block}.patient-meds__meta{font-size:var(--font-size-xs);color:var(--slate-500);margin-top:1px}.patient-meds__note{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:3px;font-style:italic}.patient-reports__list{flex-direction:column;gap:0;display:flex}.patient-reports__item{border-bottom:1px solid var(--slate-300);padding:8px 0}.patient-reports__item:last-child{border-bottom:none;padding-bottom:0}.patient-reports__header{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.patient-reports__name{font-size:var(--font-size-sm);color:var(--slate-900);font-weight:600}.patient-reports__time{font-size:var(--font-size-xs);color:var(--slate-300);white-space:nowrap}.patient-reports__category{font-size:var(--font-size-xs);color:var(--error-600);margin:3px 0}.patient-reports__desc{font-size:var(--font-size-xs);color:var(--slate-500);margin-top:2px;line-height:1.6}.patient-appointments__item{background:var(--white);border-radius:var(--radius-sm);flex-direction:column;gap:2px;margin:8px;padding:8px 10px;display:flex}.filter-tabs{box-shadow:none}.patient-tabs-layout{flex-direction:column;gap:16px;width:100%;display:flex}.patient-tabs-layout__header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.patient-tabs-layout__title-group{align-items:baseline;gap:8px;display:flex}.patient-tabs-layout__controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.patient-tabs-layout__inline-form{border-radius:8px}.patient-tabs-layout__body{flex-direction:column;display:flex}.medications-page{width:100%}.medications-page__filters{background:var(--slate-50);border:1px solid var(--slate-100);border-radius:var(--radius-md);gap:2px;padding:3px;display:flex}.medications-filter-btn{font-size:var(--font-size-sm);font-family:var(--font-body);border-radius:calc(var(--radius-md) - 2px);color:var(--slate-500);cursor:pointer;transition:background var(--transition), color var(--transition);white-space:nowrap;background:0 0;border:none;padding:5px 14px}.medications-filter-btn:hover{color:var(--slate-700)}.medications-filter-btn--active{background:var(--white);color:var(--slate-800);box-shadow:var(--shadow-sm);font-weight:600}.medications-page__list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.medications-page__empty{color:var(--slate-300);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:4rem 2rem;display:flex}.medications-page__empty p{font-size:var(--font-size-sm);color:var(--slate-400);margin:0}.medication-badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:99px;align-items:center;padding:2px 10px;font-weight:600;display:inline-flex}.medication-badge--active{background:var(--teal-50);color:var(--teal-700)}.medication-badge--stopped{background:var(--slate-100);color:var(--slate-500)}.medication-card{background:var(--white);border:1px solid var(--slate-100);border-radius:var(--radius-lg);transition:border-color var(--transition), box-shadow var(--transition);box-shadow:var(--shadow-sm);grid-template-columns:1fr auto;gap:1rem;padding:1rem 1.25rem;display:grid}.medication-card:hover{border-color:var(--teal-100);box-shadow:var(--shadow-md)}.medication-card__left{flex-direction:column;gap:8px;min-width:0;display:flex}.medication-card__top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.medication-card__name{font-size:var(--font-size-md);color:var(--slate-800);font-weight:600}.medication-card__dosage{font-size:var(--font-size-xs);color:var(--teal-700);background:var(--teal-50);white-space:nowrap;border-radius:99px;padding:2px 10px;font-weight:500}.medication-card__meta{flex-wrap:wrap;gap:14px;display:flex}.medication-card__meta-item{font-size:var(--font-size-sm);color:var(--slate-500);align-items:center;gap:5px;display:flex}.medication-card__notes{font-size:var(--font-size-sm);color:var(--slate-500);background:var(--teal-50);border-left:3px solid var(--teal-300);border-radius:0 var(--radius-sm) var(--radius-sm) 0;margin:0;padding:6px 10px;line-height:1.5}.medication-card__right{flex-direction:column;flex-shrink:0;justify-content:space-between;align-items:flex-end;gap:12px;display:flex}.medication-card__dates{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.medication-card__dates-label{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-400);font-size:10px;font-weight:600}.medication-card__dates-start{font-size:var(--font-size-sm);color:var(--slate-700)}.medication-card__dates-end{font-size:var(--font-size-sm);color:var(--slate-400)}.medication-card__actions{gap:6px;display:flex}.medication-card__action-btn{border:1px solid var(--slate-100);border-radius:var(--radius-sm);width:30px;height:30px;color:var(--slate-400);cursor:pointer;transition:background var(--transition), color var(--transition), border-color var(--transition);background:0 0;justify-content:center;align-items:center;display:flex}.medication-card__action-btn:hover{background:var(--slate-100);color:var(--slate-700);border-color:var(--slate-200)}.medication-card__action-btn--danger:hover{background:var(--error-50);color:var(--error-600);border-color:var(--error-100)}@media (width<=560px){.medication-card{grid-template-columns:1fr}.medication-card__right{flex-direction:row;align-items:center}}.medications-add-form{background:var(--slate-100);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);flex-direction:column;gap:.75rem;margin-bottom:1rem;padding:1rem 1.25rem;display:flex}.medications-add-form__row{flex-wrap:wrap;gap:.75rem;display:flex}.medications-add-form__input,.medications-add-form__select{border:1.5px solid var(--slate-300);border-radius:var(--radius-sm);background:var(--white);height:40px;font-size:var(--font-size-sm);color:var(--slate-900);flex:160px;padding:0 .75rem}.medications-add-form__input:focus,.medications-add-form__select:focus{border-color:var(--teal-400);background:var(--white);outline:none;box-shadow:0 0 0 3px #1a9ea71f}.medications-add-form__actions{justify-content:flex-end;gap:.5rem;display:flex}.medications-add-form__cancel{border-radius:var(--radius-sm);background:var(--white);border:1.5px solid var(--slate-300);height:36px;color:var(--slate-700);font-size:var(--font-size-sm);cursor:pointer;padding:0 1rem}.medications-add-form__submit{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--teal-500), var(--teal-400));height:36px;color:var(--white);font-size:var(--font-size-sm);cursor:pointer;border:none;padding:0 1.25rem;font-weight:600}.doc-dropzone{flex-direction:column;gap:1.5rem;display:flex}.doc-dropzone__area{border:1.5px dashed var(--slate-300);border-radius:var(--radius-md);background:var(--white);cursor:pointer;transition:border-color var(--transition), background var(--transition);text-align:center;outline:none;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:2.5rem 2rem;display:flex;position:relative}.doc-dropzone__area:hover,.doc-dropzone__area:focus-visible,.doc-dropzone__area--active{border-color:var(--teal-400);background:var(--teal-50)}.doc-dropzone__area--reject{border-color:var(--error-500);background:var(--error-bg)}.doc-dropzone__icon{border-radius:var(--radius-sm);background:var(--teal-100);width:48px;height:48px;color:var(--teal-500);transition:background var(--transition), color var(--transition);flex-shrink:0;justify-content:center;align-items:center;display:flex}.doc-dropzone__area--active .doc-dropzone__icon,.doc-dropzone__area:hover .doc-dropzone__icon{background:var(--teal-400);color:var(--white)}.doc-dropzone__area--reject .doc-dropzone__icon{background:var(--error-100);color:var(--error-600)}.doc-dropzone__label{font-size:var(--font-size-sm);color:var(--slate-700);font-weight:600}.doc-dropzone__label span{color:var(--teal-500);text-underline-offset:2px;text-decoration:underline}.doc-dropzone__hint{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:-.25rem}.doc-dropzone__input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.doc-dropzone__error{font-size:var(--font-size-xs);color:var(--error-600);align-items:center;gap:.4rem;margin-top:-.75rem;display:flex}.doc-dropzone__section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--slate-300);margin-bottom:.5rem;font-weight:600}.doc-dropzone__list{flex-direction:column;gap:.5rem;display:flex}.doc-file-item{background:var(--white);border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);transition:border-color var(--transition), box-shadow var(--transition);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.doc-file-item:hover{border-color:var(--slate-300);box-shadow:0 2px 8px #0000000d}.doc-file-item--uploading{border-color:var(--teal-100)}.doc-file-item--done{border-color:var(--success-200)}.doc-file-item--error{border-color:var(--error-200);background:var(--error-bg)}.doc-file-item__icon{border-radius:var(--radius-xs);background:var(--teal-50);width:36px;height:36px;color:var(--teal-500);flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.doc-file-item--done .doc-file-item__icon{background:var(--success-50);color:var(--success-600)}.doc-file-item--error .doc-file-item__icon{background:var(--error-50);color:var(--error-600)}.doc-file-item__info{flex:1;min-width:0}.doc-file-item__name{font-size:var(--font-size-sm);color:var(--slate-700);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.doc-file-item__meta{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:1px}.doc-file-item__progress{background:var(--slate-100);border-radius:99px;height:3px;margin-top:6px;overflow:hidden}.doc-file-item__progress-bar{background:var(--teal-400);border-radius:99px;height:100%;transition:width .3s}.doc-file-item__status{font-size:var(--font-size-xs);border-radius:var(--radius-xs);flex-shrink:0;align-items:center;gap:.3rem;padding:3px 8px;font-weight:500;display:flex}.doc-file-item__status--uploading{color:var(--teal-700);background:var(--teal-100)}.doc-file-item__status--done{color:var(--success-700);background:var(--success-100)}.doc-file-item__status--error{color:var(--error-700);background:var(--error-100)}.doc-file-item__remove{border-radius:var(--radius-xs);cursor:pointer;width:28px;height:28px;color:var(--slate-300);transition:color var(--transition), background var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.doc-file-item__remove:hover{color:var(--error-600);background:var(--error-50)}.doc-dropzone__recipient{flex-direction:column;gap:.5rem;display:flex}.doc-dropzone__recipient-options{gap:.5rem;display:flex}.doc-recipient-btn{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--white);height:40px;color:var(--slate-500);font-size:var(--font-size-sm);font-weight:500;font-family:var(--font-body);cursor:pointer;transition:border-color var(--transition), color var(--transition), background var(--transition);flex:1;justify-content:center;align-items:center;gap:.5rem;display:flex}.doc-recipient-btn:hover:not(.doc-recipient-btn--active){border-color:var(--slate-300)}.doc-recipient-btn--active{border-color:var(--teal-400);background:var(--teal-50);color:var(--teal-700)}.doc-dropzone__actions{justify-content:flex-end;gap:.75rem;display:flex}.document-dropzone{text-align:center;border:2px dashed #cbd5e1;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:40px;transition:all .2s;display:flex}.document-dropzone--active{background:#eff6ff;border-color:#2563eb}.documents-list{flex-direction:column;gap:12px;margin-top:24px;display:flex}.document-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;justify-content:space-between;align-items:center;padding:16px;display:flex}.document-card__info{align-items:center;gap:14px;display:flex}.document-card__actions{gap:8px;display:flex}.patient-overview{gap:var(--space-lg);flex-direction:column;display:flex}.patient-overview__group{flex-direction:row;display:flex}.patient-page{background:var(--teal-50);min-height:100svh;padding:var(--space-xl) var(--space-lg);justify-content:center;align-items:flex-start;display:flex}.patient-card{gap:var(--space-lg);flex-direction:column;width:100%;max-width:900px;display:flex}.patient-card__divider{border:none;border-top:1.5px solid var(--slate-100);margin:0}.patient-card__sections{gap:var(--space-md);width:100%;margin:8px;display:flex}@media (width<=768px){.patient-card__sections{grid-template-columns:1fr}.patient-page{padding:var(--space-md)}}.cal-sidebar{background:var(--white);border-right:1px solid var(--slate-100);min-width:200px;box-shadow:var(--shadow-sm);flex-direction:column;gap:24px;padding:20px 16px;display:flex}.sidebar-section__title{text-transform:uppercase;letter-spacing:.08em;color:var(--slate-300);margin-bottom:10px;font-size:10px;font-weight:600}.mini-cal__nav{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.mini-cal__nav button{cursor:pointer;color:var(--slate-500);border-radius:var(--radius-xs);transition:background var(--transition), color var(--transition);background:0 0;border:none;align-items:center;padding:3px 6px;display:flex}.mini-cal__nav button:hover{background:var(--teal-50);color:var(--teal-500)}.mini-cal__month{color:var(--slate-700);font-size:12px;font-weight:500}.mini-cal__grid{grid-template-columns:repeat(7,1fr);gap:2px;display:grid}.mini-cal__day-name{text-align:center;color:var(--slate-300);padding:3px 0;font-size:10px;font-weight:600}.mini-cal__day{text-align:center;cursor:pointer;color:var(--slate-700);aspect-ratio:1;width:100%;transition:background var(--transition), color var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:11px;display:flex;position:relative}.mini-cal__day:hover{background:var(--teal-50);color:var(--teal-500)}.mini-cal__day.today{background:var(--teal-400);color:var(--white);font-weight:600}.mini-cal__day.other-month{color:var(--slate-300);cursor:default;pointer-events:none}.mini-cal__day.has-events:after{content:"";background:var(--teal-400);border-radius:50%;width:4px;height:4px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.mini-cal__day.today.has-events:after{background:#ffffffbf}.legend-item{color:var(--slate-700);align-items:center;gap:8px;padding:4px 0;font-size:12px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-label{flex:1}.legend-count{color:var(--slate-300);text-align:right;min-width:16px;font-size:11px;font-weight:500}.stat-row{background:var(--teal-50);border-radius:var(--radius-sm);justify-content:space-between;align-items:center;margin-bottom:6px;padding:8px 10px;display:flex}.stat-row__label{color:var(--slate-500);font-size:12px}.stat-row__value{color:var(--teal-500);font-size:14px;font-weight:600}.rdv-backdrop{z-index:1000;padding:var(--space-md);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000059;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.rdv-panel{background:var(--white);border-radius:var(--radius-lg);width:420px;max-width:100%;box-shadow:var(--shadow-lg);animation:.25s cubic-bezier(.22,1,.36,1) both panelIn;overflow:hidden}@keyframes panelIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:none}}.rdv-panel__header{background:linear-gradient(135deg, var(--teal-700), var(--teal-500));justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:18px 20px 16px;display:flex}.rdv-panel__title{font-size:var(--font-size-base);color:var(--white);margin-bottom:2px;font-weight:600}.rdv-panel__subtitle{font-size:var(--font-size-xs);color:#ffffffb8}.rdv-panel__close{color:var(--white);cursor:pointer;border-radius:var(--radius-xs);width:28px;height:28px;transition:background var(--transition);background:#ffffff26;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.rdv-panel__close:hover{background:#ffffff47}.rdv-panel__body{flex-direction:column;gap:14px;padding:20px;display:flex}.rdv-panel__footer{border-top:1px solid var(--slate-100);gap:var(--space-sm);padding:14px 20px;display:flex}.field-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.field-select{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:42px;font-size:var(--font-size-sm);color:var(--slate-900);font-family:var(--font-body);appearance:none;cursor:pointer;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:0 12px}.type-pills{flex-wrap:wrap;gap:6px;display:flex}.type-pill{border:1.5px solid var(--slate-100);font-size:var(--font-size-xs);cursor:pointer;background:var(--white);color:var(--slate-700);font-weight:500;font-family:var(--font-body);transition:all var(--transition);border-radius:999px;padding:5px 12px}.type-pill:hover{border-color:var(--teal-100);background:var(--teal-50)}.rdv-badge{font-size:var(--font-size-xs);border-radius:999px;align-items:center;gap:6px;padding:4px 12px;font-weight:500;display:inline-flex}.rdv-detail-row{font-size:var(--font-size-sm);color:var(--slate-700);background:var(--teal-50);border-radius:var(--radius-sm);align-items:center;gap:10px;padding:8px 10px;display:flex}.rdv-detail-row__icon{color:var(--teal-400);flex-shrink:0;align-items:center;display:flex}.btn-cancel{background:var(--white);border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);height:40px;font-size:var(--font-size-sm);color:var(--slate-700);cursor:pointer;font-family:var(--font-body);transition:background var(--transition);flex:1}.btn-cancel:hover{background:var(--slate-100)}.btn-save{background:linear-gradient(135deg, var(--teal-500), var(--teal-400));border-radius:var(--radius-sm);height:40px;font-size:var(--font-size-sm);color:var(--white);cursor:pointer;font-weight:600;font-family:var(--font-body);transition:filter var(--transition);border:none;flex:2;justify-content:center;align-items:center;gap:6px;display:flex}.btn-save:hover{filter:brightness(1.07)}.btn-delete{background:var(--white);border:1.5px solid var(--error-200,#fecaca);border-radius:var(--radius-sm);height:40px;font-size:var(--font-size-sm);color:var(--error-600);cursor:pointer;font-family:var(--font-body);transition:background var(--transition);flex:1;justify-content:center;align-items:center;gap:6px;display:flex}.btn-delete:hover{background:var(--error-bg,#fff5f5)}.btn-edit{background:linear-gradient(135deg, var(--teal-500), var(--teal-400));border-radius:var(--radius-sm);height:40px;font-size:var(--font-size-sm);color:var(--white);cursor:pointer;font-weight:600;font-family:var(--font-body);transition:filter var(--transition);border:none;flex:2;justify-content:center;align-items:center;gap:6px;display:flex}.btn-edit:hover{filter:brightness(1.07)}.appointment-calendar{background:var(--teal-50);min-height:100svh;font-family:var(--font-body);flex-direction:column;display:flex}.appt-header{background:linear-gradient(150deg, var(--teal-900) 0%, var(--teal-700) 50%, var(--teal-500) 100%);border-radius:4px;justify-content:space-between;align-items:center;margin:8px;padding:14px 24px;display:flex}.appt-header__logo{font-size:var(--font-size-sm);color:var(--white);align-items:center;gap:8px;font-weight:600;display:flex}.appt-btn-new{color:var(--white);border-radius:var(--radius-sm);font-size:var(--font-size-xs);cursor:pointer;font-weight:500;font-family:var(--font-body);transition:background var(--transition);background:#ffffff26;border:1px solid #ffffff4d;align-items:center;gap:6px;padding:7px 14px;display:flex}.appt-btn-new:hover{background:#ffffff42}.appt-body{flex:1;grid-template-columns:220px 1fr;min-height:0;display:grid}@media (width<=768px){.appt-body{grid-template-columns:1fr}.cal-sidebar{display:none}}.appt-main{padding:20px 24px;overflow:hidden}.fc{font-family:var(--font-body)!important}.fc .fc-toolbar-title{font-size:var(--font-size-base)!important;color:var(--slate-900)!important;font-weight:600!important}.fc-button-group{gap:4px}.fc .fc-button{background:var(--white)!important;border:1px solid var(--slate-100)!important;color:var(--slate-700)!important;font-size:var(--font-size-xs)!important;border-radius:var(--radius-sm)!important;font-family:var(--font-body)!important;box-shadow:none!important;transition:background var(--transition), color var(--transition), border-color var(--transition)!important;padding:5px 10px!important}.fc .fc-button:hover{background:var(--teal-50)!important;border-color:var(--teal-100)!important;color:var(--teal-500)!important}.fc .fc-button-primary:not(:disabled).fc-button-active{background:var(--teal-500)!important;border-color:var(--teal-500)!important;color:var(--white)!important}.fc .fc-col-header-cell{background:var(--white);border-color:var(--slate-100)!important}.fc .fc-col-header-cell-cushion{font-size:var(--font-size-xs);color:var(--slate-500);padding:8px 4px;font-weight:600;text-decoration:none}.fc .fc-timegrid-slot{border-color:var(--slate-100)!important;height:40px!important}.fc .fc-timegrid-slot-label{color:var(--slate-300);font-size:11px}.fc .fc-scrollgrid{border-radius:var(--radius-md);background:var(--white);box-shadow:var(--shadow-sm);overflow:hidden;border-color:var(--slate-100)!important}.fc .fc-scrollgrid td,.fc .fc-scrollgrid th{border-color:var(--slate-100)!important}.fc .fc-daygrid-day-number{font-size:var(--font-size-xs);color:var(--slate-500);padding:6px 8px;text-decoration:none}.fc .fc-day-today{background:var(--teal-50)!important}.fc .fc-day-today .fc-col-header-cell-cushion{color:var(--teal-500)!important}.fc .fc-timegrid-now-indicator-line{border-color:var(--teal-400)!important}.fc .fc-timegrid-now-indicator-arrow{border-top-color:var(--teal-400)!important;border-bottom-color:var(--teal-400)!important}.fc-event{cursor:pointer;transition:filter .15s;border:none!important;border-radius:6px!important;padding:2px 6px!important;font-size:11.5px!important}.fc-event:hover{filter:brightness(.92)}.fc-event-title{font-weight:500!important}.fc-event-time{opacity:.82!important;font-size:10px!important}.payment-page{background:var(--teal-50);flex-direction:column;min-height:100svh;display:flex}.payment-main{gap:var(--space-xl);max-width:960px;margin:calc(var(--space-xl) * 1.25) auto calc(var(--space-xl) * 1.25);padding:0 var(--space-lg) var(--space-xl);flex:1;grid-template-columns:1fr 380px;justify-content:center;align-items:start;width:100%;display:grid}@media (width<=768px){.payment-main{grid-template-columns:1fr}.payment-summary{order:-1}}.btn-pay{justify-content:center;align-items:center;gap:var(--space-sm);height:52px;font-size:var(--font-size-base);transition:filter var(--transition), transform var(--transition);display:flex}.btn-pay:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.btn-pay:active:not(:disabled){filter:brightness(.97);transform:translateY(0)}.btn-pay:disabled{opacity:var(--opacity-disabled);cursor:not-allowed}.payment-legal{margin-top:var(--space-sm)}.payment-legal a{color:var(--teal-500);text-decoration:none}.payment-stepper{width:100%;font-family:var(--font-body);justify-content:space-between;align-items:center;margin-bottom:0;padding:.8rem 0;display:flex}.payment-stepper__item{flex:1;align-items:center;display:flex;position:relative}.payment-stepper__circle{color:#ffffffd9;z-index:2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1f;border:1px solid #ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:32px;height:32px;font-size:12px;font-weight:600;transition:all .25s;display:flex}.payment-stepper__circle.is-active{color:#fff;background:#ffffff38;border:1px solid #ffffff59;transform:scale(1.08);box-shadow:0 8px 20px #00000026}.payment-stepper__circle.is-done{color:var(--teal-700);background:#fff;border:none}.payment-stepper__label{color:#ffffffd9;white-space:nowrap;margin-left:10px;font-size:12.5px;font-weight:500}.payment-stepper__line{background:#ffffff2e;border-radius:999px;flex:1;height:2px;margin:0 12px;transition:all .3s}.payment-stepper__line.is-done{background:#ffffff73}.payment-stepper__item:hover .payment-stepper__circle{transform:scale(1.06)}@media (width<=900px){.payment-stepper{flex-direction:column;align-items:flex-start;gap:10px}.payment-stepper__line{display:none}}.payment-header{padding:var(--space-lg) calc(var(--space-xl) * 1.5);background:linear-gradient(150deg, var(--teal-900) 0%, var(--teal-700) 50%, var(--teal-500) 100%);border-bottom:1px solid var(--teal-100);border-radius:var(--radius-xs);justify-content:space-between;align-items:center;display:flex}.field-label{font-size:var(--font-size-sm);color:var(--slate-700);text-transform:uppercase;font-weight:600}.field-input{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:48px;font-size:var(--font-size-sm);color:var(--slate-900);padding:0 44px}.field-input.error{border-color:var(--error-500)}.payment-form-card{gap:var(--space-lg);flex-direction:column;display:flex}.payment-section-title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--slate-900);margin-bottom:var(--space-md);font-weight:600;display:flex}.payment-section-title svg{color:var(--teal-400)}.payment-fields{gap:calc(var(--space-md) - var(--space-xs));flex-direction:column;display:flex}.payment-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.payment-label-row{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.payment-card-logos{align-items:center;gap:6px;display:flex}.payment-card-logo{border:1px solid var(--slate-100);border-radius:var(--radius-xs);background:var(--white);height:22px;color:var(--slate-700);letter-spacing:.02em;align-items:center;padding:2px 5px;font-size:10px;font-weight:700;display:flex}.payment-save-label{align-items:center;gap:var(--space-sm);font-size:var(--font-size-xs);color:var(--slate-500);cursor:pointer;display:flex}.payment-methods{justify-content:flex-end;align-items:center;gap:10px;margin-top:8px;display:flex}.payment-methods img{object-fit:contain;opacity:.8;width:auto;height:22px;transition:opacity .2s}.payment-methods img:hover{opacity:1}.payment-summary-item{justify-content:space-between;align-items:flex-start;gap:var(--space-md);padding:calc(var(--space-sm) + var(--space-xs)) 0;border-bottom:1px solid var(--slate-100);font-size:var(--font-size-sm);display:flex}.payment-summary{position:relative;overflow:hidden}.payment-summary-item:last-of-type{border-bottom:none}.payment-item__name{color:var(--slate-700);font-weight:500}.payment-item__desc{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:2px}.payment-item__price{color:var(--slate-900);white-space:nowrap;font-weight:600}.payment-totals{gap:var(--space-sm);margin-top:var(--space-md);flex-direction:column;display:flex}.payment-total-row{font-size:var(--font-size-sm);color:var(--slate-500);justify-content:space-between;display:flex}.payment-total-row--discount{color:var(--success-600)}.payment-total-row--grand{font-size:var(--font-size-base);color:var(--slate-900);padding-top:calc(var(--space-sm) + var(--space-xs));margin-top:var(--space-xs);border-top:1.5px solid var(--slate-100);font-weight:600}.payment-total-row--grand .payment-amount{color:var(--teal-500)}.payment-trust{justify-content:center;gap:var(--space-lg);margin-top:var(--space-lg);padding-top:calc(var(--space-md) + var(--space-xs));border-top:1px solid var(--slate-100);display:flex}.payment-trust__item{align-items:center;gap:var(--space-xs);font-size:var(--font-size-xs);color:var(--slate-300);display:flex}.payment-summary:before{content:"";pointer-events:none;z-index:0;background:#ffffff0a;border:1px solid #ffffff12;border-radius:50%;width:380px;height:380px;position:absolute;top:-120px;right:-140px}.payment-summary:after{content:"";pointer-events:none;z-index:0;background:#ffffff08;border:1px solid #ffffff0d;border-radius:50%;width:260px;height:260px;position:absolute;bottom:-100px;left:-120px}.conv-item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;text-align:left;transition:background var(--transition);background:0 0;border:none;border-radius:0;display:flex}.conv-item:hover{background:var(--teal-50)}.conv-item--active{background:var(--teal-50);border-right:2px solid var(--teal-500)}.conv-item__avatar-wrap{flex-shrink:0;position:relative}.conv-item__avatar{border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--font-size-xs);color:var(--white);justify-content:center;align-items:center;font-weight:600;display:flex}.conv-item__online{background:var(--success-500);border:2px solid var(--white);border-radius:50%;width:10px;height:10px;position:absolute;bottom:1px;right:1px}.conv-item__group-badge{background:var(--teal-500);width:16px;height:16px;color:var(--white);border:2px solid var(--white);border-radius:50%;justify-content:center;align-items:center;font-size:9px;font-weight:700;display:flex;position:absolute;bottom:-2px;right:-2px}.conv-item__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.conv-item__top{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.conv-item__name{font-size:var(--font-size-sm);color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.conv-item__time{color:var(--slate-300);white-space:nowrap;flex-shrink:0;font-size:11px}.conv-item__bottom{justify-content:space-between;align-items:center;gap:var(--space-xs);display:flex}.conv-item__last-msg{font-size:var(--font-size-xs);color:var(--slate-300);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.conv-item__badge{background:var(--teal-500);min-width:18px;height:18px;color:var(--white);border-radius:99px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:flex}.conv-list{background:var(--white);border-right:1px solid var(--slate-100);box-shadow:var(--shadow-sm);border-radius:8px;flex-direction:column;margin-right:8px;display:flex;overflow:hidden}.conv-list__header{padding:var(--space-lg) var(--space-md) var(--space-sm);justify-content:space-between;align-items:center;display:flex}.conv-list__title{font-size:var(--font-size-lg);color:var(--slate-900);letter-spacing:-.02em;margin:0;font-weight:600}.conv-list__search{padding:0 var(--space-md) var(--space-sm)}.conv-list__body{gap:var(--space-xs);padding-bottom:var(--space-md);flex-direction:column;flex:1;display:flex;overflow-y:auto}.conv-list__section-label{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.07em;color:var(--slate-300);padding:var(--space-sm) var(--space-md) var(--space-xs);margin:0;font-weight:600}.conv-list__empty{text-align:center;color:var(--slate-300);font-size:var(--font-size-sm);padding:var(--space-xl);margin:0}.chat-header{padding:var(--space-md) var(--space-lg);background:var(--white);border-bottom:1px solid var(--slate-100);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.chat-header__left{align-items:center;gap:var(--space-sm);display:flex}.chat-header__avatar-wrap{flex-shrink:0;position:relative}.chat-header__avatar{border-radius:var(--radius-full);width:38px;height:38px;font-size:var(--font-size-xs);color:var(--white);justify-content:center;align-items:center;font-weight:600;display:flex}.chat-header__online{background:var(--success-500);border:2px solid var(--white);border-radius:50%;width:9px;height:9px;position:absolute;bottom:1px;right:1px}.chat-header__info{flex-direction:column;gap:1px;display:flex}.chat-header__name{font-size:var(--font-size-sm);color:var(--slate-900);font-weight:600}.chat-header__status{font-size:var(--font-size-xs);color:var(--slate-300)}.chat-header__actions{align-items:center;gap:var(--space-xs);display:flex}.chat-header__more{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--slate-300);transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-header__more:hover{background:var(--slate-100);color:var(--slate-700)}.bubble-wrap{max-width:70%;display:flex}.bubble-wrap--me{align-self:flex-end}.bubble-wrap--other{align-self:flex-start}.bubble{padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);flex-direction:column;gap:4px;display:flex}.bubble--me{background:var(--teal-500);color:var(--white);border-bottom-right-radius:var(--radius-xs)}.bubble--other{background:var(--white);color:var(--slate-900);border-bottom-left-radius:var(--radius-xs);box-shadow:var(--shadow-sm);border:1px solid var(--slate-100)}.bubble__text{font-size:var(--font-size-sm);color:inherit;margin:0;line-height:1.5}.bubble__meta{justify-content:flex-end;align-items:center;gap:4px;display:flex}.bubble__time{opacity:.7;font-size:10px}.bubble--other .bubble__time{color:var(--slate-300);opacity:1}.bubble__status{opacity:.7;font-size:10px}.bubble__status--read{color:var(--teal-100);opacity:1}.chat-date-divider{margin:var(--space-sm) 0}.chat-date-divider__label{font-size:var(--font-size-xs);color:var(--slate-300);padding:0 var(--space-sm);white-space:nowrap}.chat-input{align-items:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);background:var(--white);border-top:1px solid var(--slate-100);flex-shrink:0;display:flex}.chat-input__actions-left{align-items:center;gap:var(--space-xs);flex-shrink:0;display:flex}.chat-input__icon-btn{border-radius:var(--radius-sm);cursor:pointer;width:32px;height:32px;color:var(--slate-300);transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.chat-input__icon-btn:hover{background:var(--slate-100);color:var(--teal-500)}.chat-input__textarea{resize:none;border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);padding:var(--space-sm) var(--space-md);font-family:var(--font-body);font-size:var(--font-size-sm);color:var(--slate-900);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;flex:1;max-height:120px;line-height:1.5}.chat-input__textarea:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px #1a9ea71f}.chat-input__textarea::placeholder{color:var(--slate-300)}.chat-window{background-color:var(--white);height:100%;box-shadow:var(--shadow-sm);border-radius:var(--radius-sm);flex-direction:column;display:flex;overflow:hidden}.chat-window__body{padding:var(--space-lg);gap:var(--space-xs);flex-direction:column;flex:1;display:flex;overflow-y:auto}.messages-page{background:var(--teal-50);grid-template-columns:300px 1fr;height:100svh;display:grid;overflow:hidden}.messages-page__empty{color:var(--slate-300);font-size:var(--font-size-sm);justify-content:center;align-items:center;display:flex}@media (width<=768px){.messages-page{grid-template-columns:1fr}}.sidebar{background:var(--white);border-right:1px solid var(--slate-100);width:260px;height:100vh;font-family:var(--font-body);transition:width var(--transition);flex-direction:column;flex-shrink:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar--collapsed{width:80px}.sidebar__header{justify-content:space-between;align-items:center;gap:.5rem;padding:1.25rem 1rem;display:flex}.sidebar--collapsed .sidebar__header{flex-direction:column;gap:.75rem}.sidebar--collapsed .sidebar__toggle{align-self:center}.sidebar__brand{align-items:center;gap:.6rem;min-width:0;display:flex;overflow:hidden}.sidebar__logo{border-radius:var(--radius-sm);width:38px;height:38px;color:var(--white);background:linear-gradient(150deg, var(--teal-700) 0%, var(--teal-500) 100%);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__brand-name{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--slate-900);white-space:nowrap}.sidebar__toggle{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--slate-500);cursor:pointer;transition:var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__toggle:hover{background:var(--teal-50);color:var(--teal-500)}.sidebar__divider{background:var(--slate-100);height:1px;margin:0 1rem}.sidebar__nav{flex-direction:column;flex:1;gap:.25rem;padding:1rem .75rem;display:flex;overflow-y:auto}.sidebar__section{flex-direction:column;gap:.25rem;display:flex}.sidebar__footer{border-top:1px solid var(--slate-100);flex-direction:column;gap:.25rem;padding:1rem .75rem;display:flex}.sidebar__item{border-radius:var(--radius-sm);width:100%;color:var(--slate-500);font-family:var(--font-body);font-size:var(--font-size-base);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;align-items:center;gap:.75rem;padding:.65rem .75rem;display:flex}.sidebar--collapsed .sidebar__item{justify-content:center;padding:.65rem}.sidebar__item:hover{background:var(--teal-50);color:var(--teal-700)}.sidebar__item--active{background:var(--teal-100);color:var(--teal-700);font-weight:500}.sidebar__item--danger{color:var(--error-600)}.sidebar__item--danger:hover{background:var(--error-bg);color:var(--error-600)}.sidebar__icon{flex-shrink:0}.sidebar__label{text-overflow:ellipsis;overflow:hidden}@media (width<=900px){.sidebar{width:80px}.sidebar__brand-name{display:none}.sidebar__item{justify-content:center;padding:.65rem}.sidebar__label{display:none}}.staff-avatar{border-radius:var(--radius-full);letter-spacing:.02em;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}.staff-avatar--md{width:42px;height:42px;font-size:.85rem}.staff-avatar--sm{width:32px;height:32px;font-size:.72rem}.staff-avatar--admin{color:#3730a3;background:#e0e7ff}.staff-avatar--medecin{background:var(--teal-100);color:var(--teal-700)}.staff-avatar--infirmier{color:#166534;background:#dcfce7}.staff-avatar--secretaire{color:#92400e;background:#fef3c7}.role-badge{font-size:var(--font-size-xs);white-space:nowrap;border-radius:99px;align-items:center;padding:3px 10px;font-weight:600;display:inline-flex}.role-badge--admin{color:#3730a3;background:#e0e7ff}.role-badge--medecin{background:var(--teal-100);color:var(--teal-700)}.role-badge--infirmier{color:#166534;background:#dcfce7}.role-badge--secretaire{color:#854d0e;background:#fef9c3}.perm-toggle{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.perm-toggle:last-child{margin-bottom:0}.perm-toggle__label{font-size:var(--font-size-sm);color:var(--slate-700);cursor:pointer}.perm-toggle__switch{cursor:pointer;flex-shrink:0;width:34px;height:19px;position:relative}.perm-toggle__input{opacity:0;width:0;height:0;position:absolute}.perm-toggle__slider{background:var(--slate-300);transition:background var(--transition);border-radius:99px;position:absolute;inset:0}.perm-toggle__slider:before{content:"";background:var(--white);width:13px;height:13px;transition:transform var(--transition);border-radius:50%;position:absolute;top:3px;left:3px}.perm-toggle__input:checked+.perm-toggle__slider{background:var(--teal-500)}.perm-toggle__input:checked+.perm-toggle__slider:before{transform:translate(15px)}.perm-toggle__input:focus-visible+.perm-toggle__slider{outline:2px solid var(--teal-400);outline-offset:2px}.perm-panel{border-top:1.5px solid var(--slate-100);padding:18px}.perm-panel__role-row{align-items:center;gap:10px;margin-bottom:16px;display:flex}.perm-panel__role-label{font-size:var(--font-size-sm);color:var(--slate-500);font-weight:600}.perm-panel__role-select{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);height:32px;font-size:var(--font-size-sm);font-family:var(--font-body);color:var(--slate-700);background:var(--white);cursor:pointer;transition:border-color var(--transition);outline:none;padding:0 10px}.perm-panel__role-select:focus{border-color:var(--teal-400)}.perm-panel__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px;display:grid}.perm-panel__section{background:var(--slate-100);border-radius:var(--radius-sm);padding:12px}.perm-panel__section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--slate-500);margin-bottom:10px;font-size:.72rem;font-weight:700}.perm-panel__actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.perm-panel__btn{border-radius:var(--radius-sm);height:34px;font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background var(--transition), border-color var(--transition);align-items:center;gap:5px;padding:0 14px;display:inline-flex}.perm-panel__btn--ghost{color:var(--teal-500);border:1.5px solid var(--teal-400);background:0 0}.perm-panel__btn--ghost:hover{background:var(--teal-50)}.perm-panel__btn--danger{color:var(--error-600);background:0 0;border:1.5px solid #fca5a5}.perm-panel__btn--danger:hover{background:var(--error-50)}.staff-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:border-color var(--transition), box-shadow var(--transition);border:1.5px solid #0000;margin-bottom:12px;overflow:hidden}.staff-card:hover{border-color:var(--teal-100)}.staff-card--expanded{border-color:var(--teal-400)}.staff-card__row{cursor:pointer;text-align:left;width:100%;font-family:var(--font-body);transition:background var(--transition);background:0 0;border:none;align-items:center;gap:14px;padding:14px 18px;display:flex}.staff-card__row:hover{background:var(--teal-50)}.staff-card__info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.staff-card__name{color:var(--slate-900);white-space:nowrap;text-overflow:ellipsis;font-size:.93rem;font-weight:600;overflow:hidden}.staff-card__meta{font-size:var(--font-size-xs);color:var(--slate-500)}.staff-card__status{border-radius:50%;flex-shrink:0;width:8px;height:8px}.staff-card__status--active{background:var(--success-600)}.staff-card__status--inactive{background:var(--slate-300)}.staff-card__chevron{color:var(--slate-300);transition:transform var(--transition);flex-shrink:0}.staff-card--expanded .staff-card__chevron{transform:rotate(180deg)}@media (width<=480px){.staff-card__row{gap:10px;padding:12px 14px}}.staff-roles-page{max-width:960px;margin:0 auto;padding:24px 20px}.staff-roles-page__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.staff-roles-page__heading{flex-direction:column;gap:4px;display:flex}.staff-roles-page__title{font-family:var(--font-display);font-size:var(--font-size-3xl);color:var(--teal-900);letter-spacing:-.03em;line-height:1.1}.staff-roles-page__count{font-size:var(--font-size-sm);color:var(--slate-500)}.staff-roles-page__add-btn{background:linear-gradient(135deg, var(--teal-500) 0%, var(--teal-400) 100%);height:42px;color:var(--white);border-radius:var(--radius-sm);font-size:var(--font-size-sm);font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:opacity var(--transition), transform var(--transition);border:none;align-items:center;gap:6px;padding:0 18px;display:inline-flex;box-shadow:0 4px 14px #0f7d844d}.staff-roles-page__add-btn:hover{opacity:.9;transform:translateY(-1px)}.staff-roles-page__controls{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:20px;display:flex}.staff-roles-page__controls>:last-child{margin-left:auto}.staff-roles-page__list{flex-direction:column;display:flex}.staff-roles-page__empty{text-align:center;color:var(--slate-500);font-size:var(--font-size-sm);background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:48px 20px}@media (width<=480px){.staff-roles-page{padding:16px 12px}.staff-roles-page__title{font-size:var(--font-size-2xl)}.staff-roles-page__controls{flex-direction:column;align-items:stretch}.staff-roles-page__controls>:last-child{margin-left:0}}.topbar{align-items:center;gap:var(--space-md);padding:var(--space-sm) calc(var(--space-xl) * 1.5);background:var(--white);border-bottom:1px solid var(--slate-100);box-shadow:var(--shadow-sm);z-index:100;box-sizing:border-box;height:64px;display:flex;position:sticky;top:0}.topbar__search{flex:1;max-width:360px}.topbar__spacer{flex:1}.topbar__actions{align-items:center;gap:var(--space-sm);display:flex}.topbar-icon-btn{border-radius:var(--radius-sm);width:36px;height:36px;color:var(--slate-500);cursor:pointer;transition:background var(--transition), color var(--transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--slate-100);color:var(--slate-700)}.topbar-icon-btn:active{background:var(--teal-100);color:var(--teal-500)}.topbar .search-bar__input{background:var(--slate-100)}.topbar-icon-btn__badge{background:var(--error-500);border:1.5px solid var(--white);min-width:8px;height:8px;color:var(--white);pointer-events:none;border-radius:99px;justify-content:center;align-items:center;padding:0 2px;font-size:9px;font-weight:700;line-height:1;display:flex;position:absolute;top:4px;right:4px}.topbar-flag-btn{border-radius:var(--radius-sm);cursor:pointer;width:36px;height:36px;transition:background var(--transition);background:0 0;border:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:flex}.topbar-flag-btn:hover{background:var(--slate-100)}.topbar__separator{background:var(--slate-100);width:1px;height:28px;margin:0 var(--space-xs);flex-shrink:0}.topbar-profile-btn{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm) var(--space-xs) var(--space-xs);border:1px solid var(--slate-100);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition), border-color var(--transition), box-shadow var(--transition);background:0 0;display:flex}.topbar-profile-btn:hover{background:var(--teal-50);border-color:var(--teal-100);box-shadow:var(--shadow-sm)}.topbar-profile-btn:active{background:var(--teal-100)}.topbar-avatar{border-radius:var(--radius-full);background:var(--teal-100);width:32px;height:32px;color:var(--teal-700);font-size:var(--font-size-xs);letter-spacing:.03em;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex;overflow:hidden}.topbar-avatar img{object-fit:cover;width:100%;height:100%}.topbar-profile-info{text-align:left;flex-direction:column;gap:1px;display:flex}.topbar-profile-info__role{font-size:var(--font-size-xs);color:var(--slate-500);white-space:nowrap;font-family:var(--font-body)}.topbar-profile-btn__chevron{color:var(--slate-300);transition:transform var(--transition), color var(--transition);flex-shrink:0}.topbar-profile-btn:hover .topbar-profile-btn__chevron{color:var(--teal-500)}.topbar-profile-btn__chevron.is-open{color:var(--teal-500);transform:rotate(180deg)}.topbar-dropdown-wrapper{position:relative}.topbar-dropdown{top:calc(100% + var(--space-xs));background:var(--white);border:1px solid var(--slate-100);border-radius:var(--radius-md);min-width:200px;box-shadow:var(--shadow-md);z-index:200;animation:.15s both dropdownIn;position:absolute;right:0;overflow:hidden}@keyframes dropdownIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown__item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);cursor:pointer;font-size:var(--font-size-sm);color:var(--slate-700);font-family:var(--font-body);transition:background var(--transition);text-align:left;background:0 0;border:none;display:flex}.topbar-dropdown__item:hover{background:var(--teal-50);color:var(--teal-700)}.topbar-dropdown__item--danger{color:var(--error-600)}.topbar-dropdown__item--danger:hover{background:var(--error-50);color:var(--error-700)}.topbar-dropdown__separator{background:var(--slate-100);height:1px;margin:var(--space-xs) 0}.btn-dev-mode{border-radius:var(--radius-xs);cursor:pointer;border:2px dashed #f59e0b;padding:.5rem}.btn-dev-mode:hover{background:var(--teal-50)}@media (width<=768px){.topbar{padding:var(--space-sm) var(--space-md);gap:var(--space-sm)}.topbar__search{max-width:100%}.topbar-profile-info{display:none}.topbar-profile-btn{padding:var(--space-xs);background:0 0;border:none}.topbar-profile-btn__chevron{display:none}}.notif-btn-read{justify-content:flex-end;display:flex}.container{max-width:600px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.actions{gap:10px;display:flex}.select{padding:6px}.button{cursor:pointer;color:#fff;background:#007bff;border:none;border-radius:5px;padding:6px 10px}.sectionTitle{margin-top:20px;margin-bottom:10px}.card{background:#f9f9f9;border-radius:10px;margin-bottom:10px;padding:12px}.cardHeader{justify-content:space-between;margin-bottom:5px;display:flex}.time{color:#888;font-size:12px}.description{margin:0;font-size:14px}.profile-avatar{flex-shrink:0;position:relative}.profile-avatar__circle{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--teal-500), var(--teal-400));width:72px;height:72px;color:var(--white);font-size:1.5rem;font-weight:600;font-family:var(--font-display);letter-spacing:-.02em;justify-content:center;align-items:center;display:flex}.profile-avatar__online{border-radius:var(--radius-full);border:2px solid var(--white);background:#16a34a;width:14px;height:14px;position:absolute;bottom:3px;right:3px}.role-badge{letter-spacing:.04em;text-transform:uppercase;border-radius:99px;align-items:center;gap:5px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.role-badge__dot{border-radius:var(--radius-full);flex-shrink:0;width:6px;height:6px}.role-badge--admin{color:var(--teal-500);border:1px solid var(--teal-100);background:#0f7d841a}.role-badge--admin .role-badge__dot{background:var(--teal-400)}.role-badge--user{background:var(--slate-100);color:var(--slate-500);border:1px solid var(--slate-100)}.role-badge--user .role-badge__dot{background:var(--slate-300)}.profile-header{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);align-items:center;gap:var(--space-lg);margin-bottom:var(--space-lg);border:1px solid var(--teal-100);padding:1.75rem 2rem;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn;display:flex}.profile-header__info{flex-direction:column;flex:1;gap:4px;display:flex}.profile-header__name{color:var(--slate-900);letter-spacing:-.02em;font-size:1.375rem;font-weight:600;font-family:var(--font-display);margin:0}.profile-header__meta{font-size:var(--font-size-sm);color:var(--slate-300);margin:0}.profile-header__actions{gap:var(--space-sm);flex-shrink:0;align-items:center;display:flex}@keyframes cardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media (width<=600px){.profile-header{align-items:flex-start;gap:var(--space-md);flex-direction:column}.profile-header__actions{width:100%}.profile-header__actions .btn-primary,.profile-header__actions .btn-secondary{flex:1}}.section-card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid #0000000a;padding:1.75rem 2rem;animation:.4s cubic-bezier(.22,1,.36,1) both cardIn}.section-card+.section-card{margin-top:var(--space-md)}.section-card__title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-base);color:var(--slate-900);margin-bottom:var(--space-lg);border-bottom:1px solid var(--slate-100);font-weight:600;font-family:var(--font-display);padding-bottom:.75rem;display:flex}.section-card__title svg{color:var(--teal-400);flex-shrink:0}.section-card__body{gap:var(--space-md);flex-direction:column;display:flex}.section-card__footer{justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid var(--slate-100);display:flex}.field-row{gap:var(--space-md);display:grid}.field-row--2{grid-template-columns:1fr 1fr}.field-row--3{grid-template-columns:1fr 1fr 1fr}@media (width<=600px){.field-row--2,.field-row--3{grid-template-columns:1fr}}.avatar-upload{align-items:center;gap:var(--space-lg);padding:var(--space-md);background:var(--teal-50);border:1px dashed var(--teal-100);border-radius:var(--radius-md);display:flex}.avatar-upload__preview{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--teal-500), var(--teal-400));width:56px;height:56px;color:var(--white);font-size:1.1rem;font-weight:600;font-family:var(--font-display);flex-shrink:0;justify-content:center;align-items:center;display:flex}.avatar-upload__info{flex:1}.avatar-upload__info p{font-size:var(--font-size-sm);color:var(--slate-700);margin-bottom:2px;font-weight:500}.avatar-upload__info span{font-size:var(--font-size-xs);color:var(--slate-300)}.avatar-upload__btn{border:1.5px solid var(--teal-100);border-radius:var(--radius-sm);background:var(--white);color:var(--teal-500);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition);font-weight:500;font-family:var(--font-body);flex-shrink:0;padding:7px 16px}.avatar-upload__btn:hover{background:var(--teal-50)}.info-banner{align-items:flex-start;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-size:var(--font-size-xs);line-height:1.6;display:flex}.info-banner svg{flex-shrink:0;margin-top:1px}.info-banner--info{border:1px solid var(--teal-100);color:var(--teal-700);background:#0f7d840f;margin:4px}.info-banner--info svg{color:var(--teal-400)}.info-banner--warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a}.info-banner--warning svg{color:#f59e0b}.field-input--textarea{resize:vertical;height:90px;padding:10px 12px;line-height:1.5}.toggle-row{justify-content:space-between;align-items:center;gap:var(--space-lg);border-bottom:1px solid var(--slate-100);padding:12px 0;display:flex}.toggle-row:last-child{border-bottom:none;padding-bottom:0}.toggle-row__info{flex-direction:column;gap:2px;display:flex}.toggle-row__label{font-size:var(--font-size-sm);color:var(--slate-700);font-weight:500}.toggle-row__desc{font-size:var(--font-size-xs);color:var(--slate-300)}.toggle{flex-shrink:0;width:40px;height:22px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle__slider{background:var(--slate-100);cursor:pointer;transition:background var(--transition);border-radius:99px;position:absolute;inset:0}.toggle__slider:before{content:"";border-radius:var(--radius-full);background:var(--white);width:16px;height:16px;transition:transform var(--transition);position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000026}.toggle input:checked+.toggle__slider{background:var(--teal-400)}.toggle input:checked+.toggle__slider:before{transform:translate(18px)}.danger-zone{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--error-200);margin-top:var(--space-md);padding:1.5rem 2rem}.danger-zone__title{align-items:center;gap:var(--space-sm);font-size:var(--font-size-sm);color:var(--error-700);margin-bottom:var(--space-md);border-bottom:1px solid var(--error-100);padding-bottom:.75rem;font-weight:600;display:flex}.danger-zone__title svg{color:var(--error-400)}.danger-action{justify-content:space-between;align-items:center;gap:var(--space-md);border-bottom:1px solid var(--error-50);padding:10px 0;display:flex}.danger-action:last-child{border-bottom:none;padding-bottom:0}.danger-action__label{font-size:var(--font-size-sm);color:var(--slate-700);font-weight:500}.danger-action__desc{font-size:var(--font-size-xs);color:var(--slate-300);margin-top:2px}.btn-danger{border:1.5px solid var(--error-300);border-radius:var(--radius-sm);background:var(--white);color:var(--error-600);font-size:var(--font-size-xs);cursor:pointer;transition:background var(--transition);font-weight:500;font-family:var(--font-body);flex-shrink:0;padding:7px 14px}.btn-danger:hover{background:var(--error-50)}.profile-page{background:var(--teal-50);min-height:100svh;padding:var(--space-xl) var(--space-lg)}.profile-page__inner{max-width:860px;margin:0 auto}.profile-page__tabs{margin-bottom:var(--space-lg)}.profile-page__content{flex-direction:column;gap:0;display:flex}@media (width<=600px){.profile-page{padding:var(--space-md)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);color:var(--slate-900);background-color:var(--teal-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;font-weight:400;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);color:var(--slate-900);letter-spacing:-.02em;line-height:1.2}h1{font-size:2rem}h2{font-size:1.75rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.1rem}h6{font-size:1rem}p{color:var(--slate-700);line-height:1.65}a{color:var(--teal-500);text-decoration:none;transition:color .2s}a:hover{color:var(--teal-400)}input,button,textarea,select{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}input,textarea,select{background:0 0;border:none;outline:none}textarea{resize:vertical}ul,ol{list-style:none}img,svg,video{max-width:100%;display:block}:focus-visible{outline-offset:3px;border-radius:var(--radius-xs)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--slate-100)}::-webkit-scrollbar-thumb{background:var(--slate-300);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--teal-400)}:root{--teal-900:#0a2e30;--teal-700:#0d4a4e;--teal-500:#0f7d84;--teal-400:#1a9ea7;--teal-100:#d9f3f5;--teal-50:#f0fbfc;--slate-900:#0f1923;--slate-700:#2a3a4a;--slate-500:#526070;--slate-400:#6b7a8a;--slate-300:#a8b7c4;--slate-200:#cfd9e2;--slate-100:#f1f5f9;--white:#fff;--error-50:#fef2f2;--error-100:#fee2e2;--error-200:#fecaca;--error-300:#fca5a5;--error-400:#f87171;--error-500:#ef4444;--error-600:#dc2626;--error-700:#b91c1c;--error-800:#991b1b;--error-900:#7f1d1d;--error-bg:#fff5f5;--success-50:#f0fdf4;--success-100:#dcfce7;--success-200:#bbf7d0;--success-300:#86efac;--success-400:#4ade80;--success-500:#22c55e;--success-600:#16a34a;--success-700:#15803d;--success-800:#166534;--success-900:#14532d;--success-bg:#f0fdf4;--info-50:#eff6ff;--info-100:#e9f5fe;--info-200:#bfdbfe;--info-300:#93c5fd;--info-400:#60a5fa;--info-500:#3b82f6;--info-600:#2563eb;--info-700:#1d4ed8;--info-800:#1e40af;--info-900:#1e3a8a;--info-bg:#eff6ff;--color-hover:#0000000d;--color-active:#0000001a;--color-disabled:#9ca3af;--font-display:"Inter", sans-serif;--font-body:"Inter", sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:2.5rem;--font-size-logo-sm:1.125rem;--font-size-logo-md:1.5rem;--font-size-logo-lg:1.875rem;--line-height:1.5;--letter-spacing:.01em;--opacity-disabled:.5;--opacity-overlay:.8;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:50%;--shadow-sm:#0000000d 0 1px 3px;--shadow-md:#0000001a 0 4px 6px -1px, #0000000f 0 2px 4px -1px;--shadow-lg:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px}.card{background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:2.75rem 2.5rem;animation:.5s cubic-bezier(.22,1,.36,1) both cardIn}.card--bordered{box-shadow:none;border:1.5px solid var(--slate-100)}.card--flat{box-shadow:var(--shadow-sm);background:var(--slate-100);border:none}.card--accent{box-shadow:none;background:var(--teal-50);border:1.5px solid var(--teal-100)}@media (width<=480px){.card{border-radius:var(--radius-md);padding:2rem 1.5rem}}.badge{border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;font-family:var(--font-body);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;line-height:1.6;display:inline-flex}.badge__dot{background:currentColor;border-radius:50%;flex-shrink:0;width:6px;height:6px}.badge--success{background:var(--success-100);color:var(--success-700)}.badge--error{background:var(--error-100);color:var(--error-700)}.badge--info{background:var(--info-100);color:var(--info-700)}.badge--warning{color:#854d0e;background:#fef9c3}.badge--neutral{background:var(--slate-100);color:var(--slate-500)}.badge--teal{background:var(--teal-100);color:var(--teal-700)}.badge--lg{font-size:var(--font-size-sm);padding:4px 12px}.field-group{flex-direction:column;gap:.4rem;display:flex}.form-row{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.form-row--3{grid-template-columns:1fr 1fr 1fr}@media (width<=480px){.form-row,.form-row--3{grid-template-columns:1fr}}.form-options{flex-direction:column;gap:8px;display:flex}.remember-label{font-size:var(--font-size-sm);color:var(--slate-500);cursor:pointer;align-self:flex-start;align-items:center;gap:.5rem;display:flex}.form-options .link{align-self:flex-end}.add-form{gap:var(--space-md);background:var(--slate-100);border-radius:var(--radius-md);padding:var(--space-md) var(--space-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-md);flex-direction:column;display:flex}.add-form__row{gap:var(--space-sm);flex-wrap:wrap;display:flex}.add-form__row .field-input,.add-form__row .field-textarea,.add-form__row .field-select{border:1.5px solid var(--slate-300);border-radius:var(--radius-sm);background:var(--white);height:40px;font-size:var(--font-size-sm);color:var(--slate-900);flex:160px;padding:0 .75rem}.add-form__row .field-textarea{flex:100%;height:auto}.add-form__actions{justify-content:flex-end;gap:var(--space-sm);display:flex}.field-label{font-size:var(--font-size-sm);color:var(--slate-700);text-transform:uppercase;letter-spacing:.03em;font-weight:600;font-family:var(--font-body)}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--slate-300);pointer-events:none;transition:color var(--transition);position:absolute;left:14px}.input-wrapper:focus-within .input-icon{color:var(--teal-400)}.field-input{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:48px;font-size:var(--font-size-sm);font-family:var(--font-body);color:var(--slate-900);transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:0 14px}.field-input--with-icon{padding-left:44px}.field-input--sm{height:40px;font-size:var(--font-size-sm);padding:0 12px}.field-input::placeholder{color:var(--slate-300)}.field-input:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px #1a9ea71f}.field-input.error{border-color:var(--error-600);background:var(--error-bg)}.field-input.error:focus{box-shadow:0 0 0 3px var(--error-100)}.field-textarea{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;min-height:80px;font-size:var(--font-size-sm);font-family:var(--font-body);color:var(--slate-900);resize:vertical;transition:border-color var(--transition), background var(--transition), box-shadow var(--transition);outline:none;padding:10px 14px;line-height:1.6}.field-textarea::placeholder{color:var(--slate-300)}.field-textarea:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px #1a9ea71f}.field-textarea.error{border-color:var(--error-600);background:var(--error-bg)}.field-select{border:1.5px solid var(--slate-100);border-radius:var(--radius-sm);background:var(--slate-100);width:100%;height:48px;font-size:var(--font-size-sm);font-family:var(--font-body);color:var(--slate-900);appearance:none;cursor:pointer;transition:border-color var(--transition), box-shadow var(--transition);outline:none;padding:0 36px 0 14px}.field-select--sm{height:40px}.field-select--with-icon{padding-left:2.25rem}.field-select:focus{border-color:var(--teal-400);background:var(--white);box-shadow:0 0 0 3px #1a9ea71f}.field-select option[value=""]{color:var(--slate-300)}.error-msg{font-size:var(--font-size-xs);color:var(--error-600)}.toggle-password{cursor:pointer;color:var(--slate-300);transition:color var(--transition);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;right:12px}.toggle-password:hover{color:var(--teal-500)}.divider{color:var(--slate-300);font-size:var(--font-size-xs);align-items:center;gap:1rem;margin:1.5rem 0;display:flex}.divider:before,.divider:after{content:"";background:var(--slate-100);flex:1;height:1px}.legal-notice{font-size:var(--font-size-xs);color:var(--slate-300);text-align:center;line-height:1.6}.stack{gap:var(--space-md);flex-direction:column;display:flex}.stack--xs{gap:var(--space-xs)}.stack--sm{gap:var(--space-sm)}.stack--lg{gap:var(--space-lg)}.stack--xl{gap:var(--space-xl)}.section-header{justify-content:space-between;align-items:center;gap:var(--space-md);flex-wrap:wrap;margin:1.5rem;display:flex}.section-header__left{align-items:baseline;gap:var(--space-sm);display:flex}.section-header__title{font-size:var(--font-size-xl);color:var(--slate-900);font-weight:600;font-family:var(--font-display);letter-spacing:-.02em;margin:0}.section-header__count{font-size:var(--font-size-sm);color:var(--slate-500)}.page-section{gap:var(--space-lg);flex-direction:column;display:flex}.empty-state{justify-content:center;align-items:center;gap:var(--space-sm);padding:var(--space-xl) var(--space-lg);color:var(--slate-300);font-size:var(--font-size-sm);text-align:center;flex-direction:column;display:flex}.empty-state svg{opacity:.4}.spinner{border:2.5px solid #ffffff59;border-top-color:var(--white);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.7s linear infinite spin;display:inline-block}.spinner--teal{border-color:var(--slate-200);border-top-color:var(--teal-500)}.spinner--sm{border-width:2px;width:16px;height:16px}.spinner--lg{border-width:3px;width:28px;height:28px}@keyframes spin{to{transform:rotate(360deg)}}