@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/438aa629764e75f3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/875ae681bfde4580-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/51251f8b9793cdb3-s.woff2) format("woff2");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/e857b654a2caa584-s.woff2) format("woff2");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/cc978ac5ee68c2b6-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/4c9affa5bc8f420e-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Manrope Fallback;src:local("Arial");ascent-override:103.31%;descent-override:29.07%;line-gap-override:0.00%;size-adjust:103.19%}.__className_d2dc74{font-family:Manrope,Manrope Fallback;font-style:normal}.__variable_d2dc74{--font-manrope:"Manrope","Manrope Fallback"}@tailwind base;@tailwind components;@tailwind utilities;:root{--foreground-rgb:0,0,0;--background-start-rgb:214,219,220;--background-end-rgb:255,255,255}@media (prefers-color-scheme:dark){:root{--foreground-rgb:255,255,255;--background-start-rgb:0,0,0;--background-end-rgb:0,0,0}}:root{--font-sans:var(--font-manrope);--color-primary-500:#4f6ef7;--color-primary-100:#eef2ff;--color-text-primary:#0f172a;--color-text-secondary:#475569;--color-text-muted:#94a3b8;--color-bg-page:#ffffff;--color-bg-soft:#f8fafc;--color-border-soft:rgba(15,23,42,0.06)}body{font-family:var(--font-sans);color:var(--color-text-primary)}.hero,body{background-color:var(--color-bg-page)}.hero{position:relative;min-height:calc(100vh - 80px);padding-top:120px;display:flex;justify-content:center;background-image:linear-gradient(to right,var(--color-border-soft) 1px,transparent 1px),linear-gradient(to bottom,var(--color-border-soft) 1px,transparent 1px);background-size:48px 48px}.hero-content{max-width:900px;text-align:center;padding:0 24px}.hero h1{font-weight:700;font-size:clamp(40px,6vw,64px);line-height:1.1;letter-spacing:-.02em;margin-bottom:20px}.hero p{font-weight:500;font-size:18px;color:var(--color-text-secondary);line-height:1.6}.secondary-btn{font-family:var(--font-sans);font-weight:600;font-size:16px;color:var(--color-primary-500);background:transparent;border:1px solid #c7d2fe;padding:12px 24px;border-radius:8px;cursor:pointer;transition:all .2s ease}.secondary-btn:hover{background-color:var(--color-primary-100)}.hero-showcase{margin-top:52px;position:relative;display:flex;align-items:center;justify-content:center;min-height:540px}.hero-showcase-card{position:absolute;width:clamp(380px,38vw,620px);border-radius:18px;overflow:hidden;border:1px solid #e2e8f0;background:#ffffff;box-shadow:0 30px 54px -26px rgba(15,23,42,.45);transition:transform .25s ease,box-shadow .25s ease}.hero-showcase-image{width:100%;height:auto;display:block}.hero-showcase-left{left:0;transform:translateY(26px) rotate(-6deg) scale(1.01);z-index:1}.hero-showcase-center{position:relative;width:clamp(450px,45vw,760px);z-index:3;transform:translateY(-20px) scale(1.03);box-shadow:0 42px 70px -30px rgba(79,110,247,.55)}.hero-showcase-right{right:0;transform:translateY(26px) rotate(6deg) scale(1.01);z-index:1}.hero-showcase:hover .hero-showcase-left{transform:translateY(20px) rotate(-7deg) scale(1.02)}.hero-showcase:hover .hero-showcase-right{transform:translateY(20px) rotate(7deg) scale(1.02)}.hero-showcase:hover .hero-showcase-center{transform:translateY(-24px) scale(1.05)}@media (max-width:900px){.hero-showcase{min-height:430px}.hero-showcase-card{width:clamp(290px,42vw,450px)}.hero-showcase-center{width:clamp(340px,50vw,540px)}.hero-showcase-left{left:0}.hero-showcase-right{right:0}}@media (max-width:640px){.hero-showcase{min-height:0;margin-top:30px;display:grid;grid-gap:14px;gap:14px}.hero-showcase-card,.hero-showcase-center,.hero-showcase-left,.hero-showcase-right{position:relative;left:auto;right:auto;width:100%;max-width:500px;transform:none;margin:0 auto}.hero-showcase-center{z-index:1}}.lead-pipeline-section{padding:96px 16px;background:radial-gradient(circle at 0 0,rgba(79,110,247,.08),transparent 35%),radial-gradient(circle at 100% 100%,rgba(56,189,248,.1),transparent 38%),#ffffff}.lead-pipeline-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;grid-gap:40px;gap:40px;align-items:center}.lead-pipeline-copy{max-width:620px}.lead-pipeline-eyebrow{display:inline-flex;margin-bottom:14px;padding:6px 12px;border-radius:999px;border:1px solid #c7d2fe;background:#eef2ff;color:#3730a3;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.lead-pipeline-title{font-size:clamp(2.1rem,4.8vw,3.35rem);line-height:1.16;letter-spacing:-.02em;font-weight:700;color:#111827;margin-bottom:18px}.lead-pipeline-description{font-size:18px;color:#4b5563;line-height:1.7;max-width:560px}.lead-pipeline-card{background:#ffffff;border:1px solid #e5e7eb;border-radius:20px;padding:24px;box-shadow:0 18px 30px -20px rgba(15,23,42,.45)}.lead-pipeline-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.lead-pipeline-card-label{font-size:13px;color:#6b7280;font-weight:600}.lead-pipeline-card-title{margin-top:4px;font-size:22px;line-height:1.3;color:#111827;font-weight:700}.lead-pipeline-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:#dcfce7;color:#166534;font-size:12px;font-weight:700}.lead-pipeline-items{display:grid;grid-gap:14px;gap:14px}.lead-pipeline-item{display:flex;gap:12px;align-items:flex-start;border:1px solid #eef2ff;background:#f8fafc;border-radius:12px;padding:14px}.lead-pipeline-icon{width:34px;height:34px;border-radius:10px;background:#e0e7ff;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.lead-pipeline-item-title{font-size:15px;line-height:1.4;color:#111827;font-weight:700;margin-bottom:4px}.lead-pipeline-item-description{font-size:14px;line-height:1.55;color:#4b5563}@media (max-width:900px){.lead-pipeline-section{padding:72px 16px}.lead-pipeline-container{grid-template-columns:1fr;gap:28px}.lead-pipeline-copy{max-width:none}.lead-pipeline-description{font-size:16px}}.control-modules-section{padding:96px 16px;background-color:#f9fafb}.control-modules-container{max-width:1280px;margin:0 auto}.control-modules-header{margin-bottom:64px}.control-modules-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:#111827;margin-bottom:16px;line-height:1.2}.control-modules-description{font-size:18px;color:#6b7280;max-width:768px;line-height:1.6}.control-modules-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:24px;gap:24px}.control-module-card{background-color:#ffffff;border-radius:16px;padding:32px;border:1px solid #e5e7eb;transition:box-shadow .3s ease}.control-module-card:hover{box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.control-module-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}.control-module-icon .icon{width:24px;height:24px}.icon-bg-blue{background-color:#eff6ff}.icon-bg-green{background-color:#ecfdf5}.icon-bg-yellow{background-color:#fffbeb}.icon-bg-purple{background-color:#f5f3ff}.icon-bg-red{background-color:#fef2f2}.icon-blue{color:#2563eb}.icon-green{color:#059669}.icon-yellow{color:#d97706}.icon-purple{color:#7c3aed}.icon-red{color:#dc2626}.control-module-title{font-size:20px;font-weight:700;color:#111827;margin-bottom:12px;line-height:1.4}.control-module-description{font-size:16px;color:#6b7280;line-height:1.6}@media (max-width:768px){.control-modules-section{padding:64px 16px}.control-modules-grid{grid-template-columns:1fr}.control-module-card{padding:24px}}@media (min-width:768px) and (max-width:1023px){.control-modules-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.control-modules-grid{grid-template-columns:repeat(3,1fr)}}.pricing-page{min-height:100vh;background:#ffffff}.pricing-hero{background:linear-gradient(180deg,#f9fafb 0,#ffffff);padding:80px 24px 60px;text-align:center}.pricing-hero-content{max-width:800px;margin:0 auto}.pricing-hero-title{font-size:clamp(2.5rem,6vw,3.5rem);font-weight:700;color:#111827;margin-bottom:20px;line-height:1.2}.pricing-hero-subtitle{font-size:20px;color:#6b7280;line-height:1.6;max-width:600px;margin:0 auto}.pricing-cards-section{padding:60px 24px 80px;background:#ffffff}.pricing-cards-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:32px;gap:32px;align-items:start}.pricing-card{background:#ffffff;border:2px solid #e5e7eb;border-radius:16px;padding:40px;position:relative;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.pricing-card:hover{border-color:#d1d5db;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.pricing-card-highlighted{border-color:#3b82f6;box-shadow:0 20px 25px -5px rgba(59,130,246,.15),0 10px 10px -5px rgba(59,130,246,.1);transform:scale(1.05)}.pricing-card-highlighted:hover{border-color:#2563eb;box-shadow:0 25px 30px -5px rgba(59,130,246,.2),0 15px 15px -5px rgba(59,130,246,.15)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;box-shadow:0 4px 6px rgba(59,130,246,.3)}.pricing-card-header{margin-bottom:32px}.pricing-card-name{font-size:24px;font-weight:700;color:#111827;margin-bottom:16px}.pricing-card-price-container{display:flex;align-items:baseline;margin-bottom:12px}.pricing-card-currency{font-size:28px;font-weight:700;color:#111827;margin-right:4px}.pricing-card-price{font-size:56px;font-weight:700;color:#111827;line-height:1}.pricing-card-price-custom{font-size:48px;font-weight:700;color:#111827;line-height:1}.pricing-card-period{font-size:16px;color:#6b7280;margin-left:8px}.pricing-card-description{font-size:16px;color:#6b7280;line-height:1.5}.pricing-card-cta{width:100%;padding:14px 24px;border:2px solid #e5e7eb;background:white;color:#111827;font-size:16px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;margin-bottom:32px}.pricing-card-cta:hover{background:#f9fafb;border-color:#d1d5db}.privacy-page{padding:80px 24px;background:linear-gradient(to bottom,var(--color-bg-soft) 0,var(--color-bg-page) 100%);min-height:calc(100vh - 80px);display:block}.privacy-page .container{max-width:900px;margin-left:auto;margin-right:auto}.privacy-page h1{font-weight:700;font-size:clamp(28px,5vw,40px);color:var(--color-text-primary);margin-bottom:12px}.privacy-page li,.privacy-page p{color:var(--color-text-secondary);line-height:1.7;font-size:16px}.privacy-page a{color:var(--color-primary-500);text-decoration:underline}.privacy-page ul{margin-left:1.25rem}.privacy-page h2{font-size:20px;margin-top:28px;margin-bottom:8px}.privacy-page h2,.privacy-page h3{font-weight:600;color:var(--color-text-primary)}.privacy-page h3{font-size:16px;margin-top:16px;margin-bottom:6px}@media (max-width:768px){.privacy-page{padding:48px 16px}}.pricing-card-cta-highlighted{background:#3b82f6;color:white;border-color:#3b82f6}.pricing-card-cta-highlighted:hover{background:#2563eb;border-color:#2563eb;transform:translateY(-2px);box-shadow:0 8px 16px rgba(59,130,246,.3)}.pricing-card-features{display:flex;flex-direction:column;gap:16px;flex:1 1}.pricing-feature{display:flex;align-items:flex-start;gap:12px}.pricing-feature-icon{flex-shrink:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;margin-top:2px}.pricing-icon-check{width:20px;height:20px;color:#10b981}.pricing-icon-cross{width:18px;height:18px;color:#d1d5db}.pricing-feature-text{font-size:15px;color:#374151;line-height:1.5}.pricing-feature-text-disabled{color:#9ca3af}.pricing-faq-section{padding:80px 24px;background:#f9fafb}.pricing-faq-container{max-width:1000px;margin:0 auto}.pricing-faq-title{font-size:clamp(2rem,5vw,2.5rem);font-weight:700;color:#111827;text-align:center;margin-bottom:60px}.pricing-faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:40px;gap:40px}.pricing-faq-item{background:white;padding:32px;border-radius:12px;border:1px solid #e5e7eb}.pricing-faq-question{font-size:18px;font-weight:600;color:#111827;margin-bottom:12px;line-height:1.4}.pricing-faq-answer{font-size:15px;color:#6b7280;line-height:1.6}.pricing-cta-section{padding:100px 24px;background:linear-gradient(135deg,#3b82f6,#2563eb);text-align:center}.pricing-cta-container{max-width:800px;margin:0 auto}.pricing-cta-title{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:white;margin-bottom:16px;line-height:1.2}.pricing-cta-subtitle{font-size:20px;color:rgba(255,255,255,.9);margin-bottom:40px;line-height:1.6}.pricing-cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.pricing-cta-button-primary{display:inline-flex;align-items:center;justify-content:center;padding:16px 32px;background:white;color:#3b82f6;border:none;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .2s}.pricing-cta-button-primary:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.pricing-cta-button-secondary{padding:16px 32px;background:transparent;color:white;border:2px solid white;border-radius:10px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s}.pricing-cta-button-secondary:hover{background:white;color:#2563eb;border-color:white;transform:translateY(-2px);box-shadow:0 12px 24px rgba(0,0,0,.15)}@media (max-width:1024px){.pricing-card-highlighted{transform:none}}@media (max-width:768px){.pricing-hero{padding:60px 16px 40px}.pricing-cards-section{padding:40px 16px 60px}.pricing-cards-container{grid-template-columns:1fr;gap:24px}.pricing-card{padding:32px 24px}.pricing-card-price{font-size:48px}.pricing-card-price-custom{font-size:40px}.pricing-faq-section{padding:60px 16px}.pricing-faq-grid{grid-template-columns:1fr;gap:24px}.pricing-faq-item{padding:24px}.pricing-cta-section{padding:60px 16px}.pricing-cta-buttons{flex-direction:column;align-items:stretch}.pricing-cta-button-primary,.pricing-cta-button-secondary{width:100%}}@media (max-width:480px){.pricing-card-price{font-size:40px}.pricing-card-name{font-size:20px}}.footer-minimal{background-color:#111827;color:#d1d5db;border-top:1px solid #1f2937}.footer-minimal-container{max-width:1280px;margin:0 auto;padding:40px 24px 24px}.footer-minimal-content{display:flex;justify-content:space-between;align-items:center;gap:32px;padding-bottom:24px;border-bottom:1px solid #1f2937}.footer-minimal-brand{flex-shrink:0}.footer-minimal-logo{font-size:20px;font-weight:700;color:#ffffff;margin-bottom:4px;letter-spacing:-.5px}.footer-minimal-tagline{font-size:14px;color:#9ca3af;line-height:1.4}.footer-minimal-links{display:flex;flex-wrap:wrap;gap:24px;align-items:center}.footer-minimal-link{font-size:14px;color:#9ca3af;text-decoration:none;transition:color .2s;white-space:nowrap}.footer-minimal-link:hover{color:#ffffff}.footer-minimal-social{display:flex;gap:16px;align-items:center;flex-shrink:0}.footer-minimal-social-link{color:#9ca3af;transition:color .2s;display:flex}.footer-minimal-social-link:hover{color:#ffffff}.footer-minimal-icon{width:18px;height:18px}.footer-minimal-bottom{padding-top:20px;text-align:center}.footer-minimal-copyright{font-size:13px;color:#6b7280}@media (max-width:768px){.footer-minimal-content{flex-direction:column;align-items:flex-start;gap:24px}.footer-minimal-links{gap:16px 20px}.footer-minimal-social{width:100%;justify-content:flex-start}}@media (max-width:640px){.footer-minimal-container{padding:32px 16px 20px}.footer-minimal-content{gap:20px}.footer-minimal-logo{font-size:18px}.footer-minimal-tagline{font-size:13px}.footer-minimal-links{gap:12px 16px}.footer-minimal-link{font-size:13px}.footer-minimal-social{gap:20px}.footer-minimal-bottom{padding-top:16px}.footer-minimal-copyright{font-size:12px}}.dashboard-page{padding:32px;background-color:#f9fafb;min-height:100vh}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.dashboard-search{display:flex;justify-content:center;margin-bottom:24px}.dashboard-search-inner{width:min(880px,100%);display:flex;align-items:center;gap:12px;background:#ffffff;border:1px solid #e5e7eb;border-radius:9999px;padding:10px 14px;box-shadow:0 6px 18px rgba(0,0,0,.05)}.dashboard-search-icon{color:#94a3b8}.dashboard-search-input{flex:1 1;border:none;outline:none;font-size:15px;color:#0f172a;background:transparent}.dashboard-search-btn{background:#4f6ef7;color:#ffffff;border:none;padding:10px 16px;border-radius:9999px;font-weight:600;font-size:14px;cursor:pointer;transition:all .2s ease}.dashboard-search-btn:hover{background:#3f5ee7;box-shadow:0 6px 18px rgba(79,110,247,.25);transform:translateY(-1px)}.dashboard-title{font-size:32px;font-weight:700;color:#111827;margin-bottom:4px}.dashboard-subtitle{font-size:16px;color:#6b7280}.dashboard-new-appointment-btn{padding:12px 24px;background:#3b82f6;color:white;border:none;border-radius:10px;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.dashboard-new-appointment-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.3)}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:20px;gap:20px;margin-bottom:32px}.dashboard-stat-card{background:white;border-radius:12px;padding:24px;display:flex;align-items:center;gap:16px;border:1px solid #e5e7eb;transition:all .2s}.dashboard-stat-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.08);transform:translateY(-2px)}.dashboard-stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.dashboard-stat-blue .dashboard-stat-icon-wrapper{background:#eff6ff}.dashboard-stat-green .dashboard-stat-icon-wrapper{background:#ecfdf5}.dashboard-stat-purple .dashboard-stat-icon-wrapper{background:#f5f3ff}.dashboard-stat-orange .dashboard-stat-icon-wrapper{background:#fff7ed}.dashboard-stat-icon{width:28px;height:28px}.dashboard-stat-blue .dashboard-stat-icon{color:#3b82f6}.dashboard-stat-green .dashboard-stat-icon{color:#10b981}.dashboard-stat-purple .dashboard-stat-icon{color:#8b5cf6}.dashboard-stat-orange .dashboard-stat-icon{color:#f59e0b}.dashboard-stat-content{flex:1 1}.dashboard-stat-label{font-size:14px;color:#6b7280;margin-bottom:4px}.dashboard-stat-value{font-size:28px;font-weight:700;color:#111827;margin-bottom:2px}.dashboard-stat-subtext{font-size:13px;color:#9ca3af}.dashboard-content-grid{display:grid;grid-template-columns:1fr 380px;grid-gap:24px;gap:24px}.dashboard-card{background:white;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.dashboard-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.dashboard-card-title{font-size:18px;font-weight:600;color:#111827;display:flex;align-items:center;gap:8px}.dashboard-view-all{font-size:14px;color:#3b82f6;text-decoration:none;font-weight:500;transition:color .2s}.dashboard-view-all:hover{color:#2563eb}.dashboard-recent-appointments{min-height:600px}.dashboard-appointments-list{display:flex;flex-direction:column;gap:12px}.dashboard-appointment-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#f9fafb;border-radius:10px;border:1px solid #e5e7eb;transition:all .2s}.dashboard-appointment-item:hover{background:#f3f4f6;border-color:#d1d5db}.dashboard-appointment-main{display:flex;gap:16px;flex:1 1}.dashboard-appointment-info{min-width:180px}.dashboard-appointment-patient{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.dashboard-appointment-time{font-size:13px;color:#6b7280;display:flex;align-items:center;gap:6px}.dashboard-appointment-details{display:flex;flex-direction:column;gap:4px}.dashboard-appointment-type{font-size:13px;color:#6b7280;background:white;padding:4px 10px;border-radius:6px;border:1px solid #e5e7eb;display:inline-block;width:-moz-fit-content;width:fit-content}.dashboard-appointment-doctor{font-size:13px;color:#9ca3af}.dashboard-appointment-status{padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600;white-space:nowrap}.status-finished{background:#ecfdf5;color:#059669}.status-in-progress{background:#fef3c7;color:#d97706}.status-registered{background:#dbeafe;color:#2563eb}.dashboard-sidebar{display:flex;flex-direction:column;gap:20px}.dashboard-quick-actions{padding:20px}.dashboard-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:16px}.dashboard-action-btn{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;transition:all .2s;color:#374151;font-size:13px;font-weight:500}.dashboard-action-btn:hover{background:#f3f4f6;border-color:#d1d5db;transform:translateY(-2px)}.dashboard-action-btn svg{color:#6b7280}.dashboard-upcoming{padding:20px}.dashboard-upcoming-list{display:flex;flex-direction:column;gap:12px;margin-top:16px}.dashboard-upcoming-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.dashboard-upcoming-time{font-size:13px;font-weight:600;color:#3b82f6;min-width:70px}.dashboard-upcoming-info{flex:1 1}.dashboard-upcoming-patient{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.dashboard-upcoming-type{font-size:13px;color:#6b7280}.dashboard-alerts{padding:20px;background:#fef2f2;border-color:#fee2e2}.dashboard-alerts .dashboard-card-title{color:#dc2626}.dashboard-alert-item{padding:12px;background:white;border-radius:8px;margin-top:12px;border:1px solid #fee2e2}.dashboard-alert-text{font-size:13px;color:#6b7280;line-height:1.5}.dashboard-alert-text strong{color:#111827;font-weight:600}@media (max-width:1280px){.dashboard-content-grid{grid-template-columns:1fr 340px}}@media (max-width:1024px){.dashboard-content-grid{grid-template-columns:1fr}.dashboard-sidebar{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-gap:20px;gap:20px}}@media (max-width:768px){.dashboard-page{padding:20px 16px}.dashboard-header{flex-direction:column;align-items:flex-start;gap:16px}.dashboard-new-appointment-btn{width:100%}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-appointment-item{flex-direction:column;align-items:flex-start;gap:12px}.dashboard-appointment-main{flex-direction:column;width:100%}.dashboard-actions-grid,.dashboard-sidebar{grid-template-columns:1fr}}@media (max-width:480px){.dashboard-stat-value,.dashboard-title{font-size:24px}}.dashboard-layout{display:flex;min-height:100vh;background:#f9fafb}.dashboard-mobile-menu-btn{position:fixed;top:16px;left:16px;z-index:1001;display:none;background:white;border:1px solid #e5e7eb;border-radius:8px;padding:8px;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.1)}.dashboard-sidebar-nav{width:280px;background:white;border-right:1px solid #e5e7eb;display:flex;flex-direction:column;position:fixed;left:0;top:0;height:100vh;overflow-y:auto;z-index:1000;transition:width .2s ease}.dashboard-sidebar-header{padding:8px 20px;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;align-items:center;gap:8px}.dashboard-sidebar-logo{font-size:18px;font-weight:700;color:#3b82f6;margin-bottom:0;display:flex;align-items:center;gap:4px;min-width:0}.dashboard-sidebar-collapse-btn{border:1px solid #e5e7eb;background:#ffffff;color:#6b7280;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.dashboard-sidebar-collapse-btn:hover{color:#111827;border-color:#d1d5db;background:#f9fafb}.dashboard-sidebar-clinic{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.dashboard-sidebar-address{font-size:13px;color:#6b7280}.dashboard-sidebar-content{flex:1 1;padding:20px 0;overflow-y:auto}.dashboard-nav-section{margin-bottom:24px;padding:0 16px}.dashboard-nav-label{font-size:11px;font-weight:600;color:#9ca3af;letter-spacing:.5px;margin-bottom:12px;padding:0 8px}.dashboard-nav-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:4px}.dashboard-nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;color:#6b7280;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s}.dashboard-nav-item:hover{background:#f3f4f6;color:#111827}.dashboard-nav-item.active{background:#eff6ff;color:#3b82f6}.dashboard-nav-item svg{flex-shrink:0}.dashboard-nav-bottom{margin-top:auto;border-top:1px solid #e5e7eb;padding-top:16px}.dashboard-sidebar-footer{padding:16px;border-top:1px solid #e5e7eb;display:flex;align-items:center;justify-content:space-between;gap:12px}.dashboard-user-profile{display:flex;align-items:center;gap:12px;flex:1 1;min-width:0}.dashboard-user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.dashboard-user-info{flex:1 1;min-width:0}.dashboard-user-name{font-size:14px;font-weight:600;color:#111827;margin-bottom:2px}.dashboard-user-name,.dashboard-user-role{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-user-role{font-size:12px;color:#6b7280}.dashboard-logout-btn{background:transparent;border:none;color:#6b7280;cursor:pointer;padding:8px;border-radius:6px;transition:all .2s;flex-shrink:0}.dashboard-logout-btn:hover{background:#fef2f2;color:#dc2626}.dashboard-sidebar-nav.sidebar-collapsed{width:88px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-logo-text,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-item span,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-label,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-user-info{display:none}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-sidebar-header{padding:8px 12px;justify-content:center}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-sidebar-logo{justify-content:center}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-section{padding:0 10px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-item{justify-content:center;padding:10px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-sidebar-footer{justify-content:center;padding:12px 10px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-user-profile{justify-content:center;flex:0 1}.dashboard-main-content{flex:1 1;margin-left:280px;min-height:100vh;transition:margin-left .2s ease}.dashboard-main-content.sidebar-collapsed{margin-left:88px}.dashboard-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:999}@media (max-width:1024px){.dashboard-sidebar-nav{width:260px}.dashboard-main-content{margin-left:260px}.dashboard-sidebar-nav.sidebar-collapsed{width:80px}.dashboard-main-content.sidebar-collapsed{margin-left:80px}}@media (max-width:768px){.dashboard-mobile-menu-btn{display:block}.dashboard-sidebar-collapse-btn{display:none}.dashboard-sidebar-nav{transform:translateX(-100%);transition:transform .3s ease}.dashboard-sidebar-nav.sidebar-collapsed{width:260px}.dashboard-sidebar-nav.sidebar-open{transform:translateX(0)}.dashboard-sidebar-overlay{display:block}.dashboard-main-content{margin-left:0;width:100%}.dashboard-main-content.sidebar-collapsed{margin-left:0}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-logo-text,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-item span,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-label,.dashboard-sidebar-nav.sidebar-collapsed .dashboard-user-info{display:block}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-sidebar-header{padding:8px 20px;justify-content:space-between}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-section{padding:0 16px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-nav-item{justify-content:flex-start;padding:10px 12px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-sidebar-footer{justify-content:space-between;padding:16px}.dashboard-sidebar-nav.sidebar-collapsed .dashboard-user-profile{flex:1 1}.dashboard-page{padding-top:70px}}.dashboard-sidebar-nav::-webkit-scrollbar{width:6px}.dashboard-sidebar-nav::-webkit-scrollbar-track{background:transparent}.dashboard-sidebar-nav::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dashboard-sidebar-nav::-webkit-scrollbar-thumb:hover{background:#9ca3af}.reservations-page{padding:32px;background-color:#f9fafb;min-height:100vh}.reservations-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:20px}.reservations-title-section{display:flex;flex-direction:column;gap:16px}.reservations-back-nav{display:flex;align-items:center;gap:8px}.reservations-back-nav svg{color:#6b7280;cursor:pointer}.reservations-title{font-size:32px;font-weight:700;color:#111827;margin:0}.reservations-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb}.reservations-tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:-2px;transition:all .2s}.reservations-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.reservations-actions{display:flex;gap:12px;align-items:center}.reservations-search-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#9ca3af;font-size:14px;cursor:pointer;min-width:280px;transition:all .2s}.reservations-search-btn:hover{border-color:#d1d5db}.reservations-icon-btn{padding:10px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.reservations-icon-btn:hover{background:#f9fafb;border-color:#d1d5db}.reservations-add-btn{padding:10px;background:#3b82f6;border:none;border-radius:8px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.reservations-add-btn:hover{background:#2563eb}.reservations-stats-bar{display:flex;align-items:center;gap:24px;padding:16px 24px;background:white;border-radius:12px;border:1px solid #e5e7eb;margin-bottom:24px}.reservations-stat-item{display:flex;align-items:center;gap:12px;padding-right:24px;border-right:1px solid #e5e7eb}.stat-icon{color:#3b82f6}.stat-number{font-size:24px;font-weight:700;color:#111827}.stat-label{font-size:13px;color:#6b7280}.reservations-date-nav{display:flex;align-items:center;gap:12px;flex:1 1}.reservations-date-btn{padding:6px;background:transparent;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;align-items:center;transition:all .2s}.reservations-date-btn:hover{background:#f9fafb}.reservations-today-btn{padding:6px 16px;background:white;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.reservations-today-btn:hover{background:#eff6ff}.reservations-current-date{font-size:15px;font-weight:600;color:#111827}.reservations-view-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:2px;margin-left:auto}.view-toggle-btn{padding:6px 16px;background:transparent;border:none;border-radius:4px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.view-toggle-btn.active{background:white;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.05)}.reservations-dentist-filter{display:flex;gap:8px}.dentist-filter-btn{padding:6px 16px;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.dentist-filter-btn.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dentist-filter-btn:hover{background:#f9fafb}.reservations-calendar{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.calendar-header{display:grid;grid-template-columns:100px repeat(3,1fr);border-bottom:1px solid #e5e7eb;background:#f9fafb}.calendar-time-column{display:flex;align-items:center;justify-content:center;padding:16px;border-right:1px solid #e5e7eb}.calendar-gmt{font-size:12px;color:#6b7280;text-align:center;line-height:1.4}.calendar-doctor-header{display:flex;align-items:center;gap:12px;padding:16px;border-right:1px solid #e5e7eb}.calendar-doctor-header:last-child{border-right:none}.doctor-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:600;flex-shrink:0}.doctor-info{flex:1 1;min-width:0}.doctor-name{font-size:15px;font-weight:600;color:#111827;margin-bottom:4px}.doctor-stats{font-size:12px;color:#6b7280;margin:0}.doctor-stats strong{color:#111827;font-weight:600}.calendar-body{display:grid;grid-template-columns:100px repeat(3,1fr);min-height:600px}.calendar-time-slots{border-right:1px solid #e5e7eb;background:#fafafa}.time-slot{height:60px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#6b7280;border-bottom:1px solid #e5e7eb}.calendar-column{position:relative;border-right:1px solid #e5e7eb}.calendar-column:last-child{border-right:none}.calendar-grid-lines{position:absolute;top:0;left:0;right:0;bottom:0}.grid-line{height:60px;border-bottom:1px solid #e5e7eb}.appointment-card{position:absolute;left:4px;right:4px;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);cursor:pointer;transition:all .2s;overflow:hidden}.appointment-card:hover{transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.1)}.appointment-time{font-size:11px;color:#6b7280;margin-bottom:6px}.appointment-patient{font-size:14px;font-weight:600;color:#111827;margin-bottom:4px}.appointment-type{font-size:12px;color:#6b7280;background:white;padding:2px 8px;border-radius:4px;display:inline-block;margin-bottom:6px}.appointment-status{font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px}.appointment-status.status-finished{color:#059669}.appointment-status.status-in-progress{color:#d97706}.appointment-status.status-registered{color:#2563eb}.break-time-note{height:40px;gap:8px;background:#f3f4f6;border:1px dashed #d1d5db;border-radius:6px;font-size:11px;font-weight:600;color:#6b7280}.appointment-note,.break-time-note{position:absolute;left:4px;right:4px;display:flex;align-items:center;justify-content:center}.appointment-note{height:50px;padding:12px;border-radius:8px;border:1px solid rgba(0,0,0,.08)}.note-text{font-size:11px;font-weight:600;color:#92400e;text-align:center}.not-available-block{position:absolute;left:4px;right:4px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#9ca3af;overflow:hidden}.not-available-pattern{position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#e5e7eb 0,#e5e7eb 12px);opacity:.5}.not-available-block span{position:relative;z-index:1}@media (max-width:1280px){.calendar-body,.calendar-header{grid-template-columns:80px repeat(3,1fr)}.reservations-search-btn{min-width:200px}}@media (max-width:1024px){.reservations-page{padding:20px}.reservations-header{flex-direction:column}.reservations-actions{width:100%;justify-content:space-between}.reservations-search-btn{flex:1 1}.reservations-stats-bar{flex-wrap:wrap}.calendar-body{overflow-x:auto}}@media (max-width:768px){.reservations-title{font-size:24px}.reservations-stats-bar{flex-direction:column;align-items:stretch}.reservations-stat-item{border-right:none;border-bottom:1px solid #e5e7eb;padding-bottom:12px}.reservations-date-nav{flex-wrap:wrap}.calendar-body,.calendar-header{min-width:800px}}.dynamic-calendar{position:relative;background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:visible}.calendar-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fafafa;gap:20px;flex-wrap:wrap}.calendar-nav-center,.calendar-nav-left{display:flex;align-items:center;gap:12px}.calendar-nav-center{flex-wrap:wrap}.calendar-nav-right{gap:12px}.calendar-nav-right,.nav-btn{display:flex;align-items:center}.nav-btn{padding:8px;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;justify-content:center;transition:all .2s}.nav-btn:hover{background:#f9fafb;border-color:#d1d5db}.today-btn{padding:8px 20px;background:white;border:1px solid #3b82f6;border-radius:6px;color:#3b82f6;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.today-btn:hover{background:#eff6ff}.date-display-btn{display:flex;align-items:center;gap:8px;padding:8px 16px;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#111827;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s}.date-display-btn:hover{border-color:#3b82f6;background:#f9fafb}.date-display-btn svg{color:#6b7280}.view-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:2px}.date-picker-popup{position:absolute;top:70px;left:50%;transform:translateX(-50%);z-index:1000;background:white;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.15)}.date-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb}.date-picker-header span{font-size:14px;font-weight:600;color:#111827}.date-picker-header button{padding:4px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;display:flex;align-items:center;justify-content:center}.date-picker-header button:hover{background:#f3f4f6}.rdp-custom{--rdp-cell-size:40px;--rdp-accent-color:#3b82f6;--rdp-background-color:#eff6ff;margin:0;padding:16px}.rdp-custom .rdp-month{background:transparent}.rdp-custom .rdp-caption_label{font-size:15px;font-weight:600;color:#111827}.rdp-custom .rdp-head_cell{color:#6b7280;font-size:12px;font-weight:500}.rdp-custom .rdp-day{border-radius:8px;transition:all .2s}.rdp-custom .rdp-day:hover:not(.rdp-day_selected){background:#f3f4f6}.rdp-custom .rdp-day_today{font-weight:700;color:#3b82f6}.rdp-custom .rdp-day_selected{background:#3b82f6!important;color:white!important}.rdp-custom .rdp-day_outside{color:#d1d5db}.calendar-grid{display:flex;flex-direction:column;overflow:hidden;border-radius:0 0 12px 12px}.calendar-grid-header{display:flex;border-bottom:1px solid #e5e7eb;background:#fafafa}.calendar-grid--day .calendar-grid-header{display:grid;grid-template-columns:80px repeat(auto-fit,minmax(200px,1fr))}.calendar-grid--week .calendar-grid-header{display:grid;grid-template-columns:80px repeat(7,1fr)}.calendar-grid-body{display:flex;min-height:600px}.calendar-grid--day .calendar-grid-body{display:grid;grid-template-columns:80px repeat(auto-fit,minmax(200px,1fr))}.calendar-grid--week .calendar-grid-body{display:grid;grid-template-columns:80px repeat(7,1fr)}.calendar-day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 8px;border-right:1px solid #e5e7eb;gap:4px}.calendar-day-header:last-child{border-right:none}.calendar-day-header.is-today{background:#eff6ff}.calendar-day-header.is-today .day-number{background:#3b82f6;color:white;border-radius:50%;width:32px;height:32px;display:flex;align-items:center;justify-content:center}.day-name{font-size:12px;font-weight:500;color:#6b7280;text-transform:uppercase}.day-number{font-size:18px;font-weight:600;color:#111827}.calendar-column.is-today{background:rgba(59,130,246,.03)}.appointment-card--compact{padding:6px 8px}.appointment-card--compact .appointment-patient{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.appointment-time-compact{font-size:10px;font-weight:600;color:#374151}.month-view{padding:0;overflow:hidden;border-radius:0 0 12px 12px}.month-header{display:grid;grid-template-columns:repeat(7,1fr);border-bottom:1px solid #e5e7eb;background:#fafafa}.month-header-cell{padding:12px;text-align:center;font-size:12px;font-weight:600;color:#6b7280;text-transform:uppercase;border-right:1px solid #e5e7eb}.month-header-cell:last-child{border-right:none}.month-body{display:flex;flex-direction:column}.month-row{display:grid;grid-template-columns:repeat(7,1fr);min-height:120px}.month-cell{border-right:1px solid #e5e7eb;border-bottom:1px solid #e5e7eb;padding:8px;cursor:pointer;transition:background .2s}.month-cell:last-child{border-right:none}.month-cell:hover{background:#f9fafb}.month-cell.outside-month{background:#fafafa}.month-cell.outside-month .month-cell-date{color:#d1d5db}.month-cell.is-today{background:#eff6ff}.month-cell.is-today .month-cell-date{background:#3b82f6;color:white;border-radius:50%;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.month-cell-date{font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.month-cell-appointments{display:flex;flex-direction:column;gap:4px}.month-appointment{padding:4px 8px;border-radius:4px;font-size:11px;display:flex;align-items:center;gap:6px;cursor:pointer;transition:opacity .2s;overflow:hidden}.month-appointment:hover{opacity:.8}.month-appointment-time{font-weight:600;color:#374151;flex-shrink:0}.month-appointment-patient{color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.month-more{font-size:11px;color:#3b82f6;font-weight:500;padding:4px 0}.reservations-dentist-select{position:relative}.dentist-select{padding:10px 32px 10px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:14px;font-weight:500;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236B7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 10px center;background-size:16px;min-width:160px}.dentist-select:hover{border-color:#d1d5db}.dentist-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.history-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 24px;gap:16px;color:#6b7280;font-size:16px}@media (max-width:1024px){.calendar-nav{flex-direction:column;align-items:stretch}.calendar-nav-center{justify-content:center}.calendar-grid--week .calendar-grid-body,.calendar-grid--week .calendar-grid-header{min-width:700px;overflow-x:auto}.month-row{min-height:100px}}@media (max-width:768px){.calendar-nav{padding:12px 16px}.calendar-nav-center{flex-wrap:wrap;gap:8px}.date-display-btn{font-size:13px;padding:6px 12px}.view-toggle-btn{padding:4px 12px;font-size:12px}.month-cell{padding:4px;min-height:80px}.month-cell-date{font-size:12px}.month-appointment{padding:2px 4px;font-size:10px}.calendar-grid--day .calendar-grid-body,.calendar-grid--day .calendar-grid-header{grid-template-columns:60px 1fr}.calendar-doctor-header{flex-direction:column;text-align:center;padding:12px 8px}.doctor-info{display:none}}.staff-list-page{padding:32px;background-color:#f9fafb;min-height:100vh}.staff-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.staff-list-title-section{display:flex;flex-direction:column;gap:16px}.staff-list-back-nav{display:flex;align-items:center;gap:8px}.staff-list-back-nav svg{color:#6b7280;cursor:pointer}.staff-list-title{font-size:32px;font-weight:700;color:#111827;margin:0}.staff-list-actions{display:flex;gap:12px;align-items:center}.staff-list-search-wrapper{position:relative;display:flex;align-items:center}.staff-list-search-wrapper .search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.staff-list-search-input{padding:10px 16px 10px 42px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;min-width:320px;transition:all .2s}.staff-list-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.staff-list-search-input::placeholder{color:#9ca3af}.staff-list-add-btn{padding:10px;background:#3b82f6;border:none;border-radius:8px;color:white;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.staff-list-add-btn:hover{background:#2563eb}.staff-list-tabs-section{background:white;border-radius:12px 12px 0 0;border:1px solid #e5e7eb;border-bottom:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.staff-list-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb}.staff-tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:-2px;transition:all .2s;white-space:nowrap}.staff-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.staff-list-stats{display:flex;align-items:center;gap:16px}.staff-count-badge{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px}.staff-count-badge svg{color:#6b7280}.staff-count{font-size:20px;font-weight:700;color:#111827}.staff-count-label{font-size:14px;color:#6b7280}.staff-list-filter-actions{display:flex;gap:8px}.staff-filter-btn{padding:8px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px;transition:all .2s}.staff-filter-btn:hover{background:#f9fafb;border-color:#d1d5db}.staff-add-doctor-btn{padding:8px 20px;background:#3b82f6;border:none;border-radius:8px;color:white;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.staff-add-doctor-btn:hover{background:#2563eb}.staff-list-table-container{background:white;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;overflow-x:auto}.staff-list-table{width:100%;border-collapse:collapse}.staff-list-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-header{white-space:nowrap}.table-header-name{display:flex;align-items:center;gap:6px}.staff-name-cell{gap:12px}.staff-avatar,.staff-name-cell{display:flex;align-items:center}.staff-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.staff-name-info{display:flex;flex-direction:column;gap:2px}.staff-name{font-size:15px;font-weight:600;color:#111827}.staff-specialty{font-size:13px;color:#6b7280}.staff-contact{display:flex;flex-direction:column;gap:4px}.staff-phone{font-size:14px;color:#111827}.staff-email{font-size:13px;color:#3b82f6}.working-days{display:flex;gap:6px;flex-wrap:wrap}.day-badge{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:600;background:#f3f4f6;color:#9ca3af;border:1px solid #e5e7eb}.day-badge.active{background:#dbeafe;color:#2563eb;border-color:#bfdbfe}.assigned-treatment{font-size:14px;color:#6b7280;max-width:250px}.type-badge{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;display:inline-block}.type-badge.type-full-time{background:#d1fae5;color:#059669}.type-badge.type-part-time{background:#fed7aa;color:#c2410c}.table-more-btn{align-items:center;justify-content:center}.staff-list-empty{padding:60px 24px;text-align:center;background:white;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px}.staff-list-empty p{font-size:16px;color:#6b7280;margin:0}@media (max-width:1280px){.staff-list-search-input{min-width:250px}.staff-list-table-container{overflow-x:auto}.staff-list-table{min-width:1100px}}@media (max-width:1024px){.staff-list-page{padding:20px}.staff-list-header{flex-direction:column;align-items:flex-start}.staff-list-actions{width:100%}.staff-list-search-input{flex:1 1;min-width:200px}.staff-list-tabs-section{flex-direction:column;align-items:flex-start;gap:16px}.staff-list-stats{width:100%;justify-content:space-between}}@media (max-width:768px){.staff-list-title{font-size:24px}.staff-list-tabs-section{padding:16px}.staff-list-filter-actions{flex-direction:column;width:100%}.staff-add-doctor-btn,.staff-filter-btn{width:100%;justify-content:center}.table-cell{padding:12px;font-size:13px}.staff-avatar{width:36px;height:36px;font-size:13px}.staff-name{font-size:14px}.assigned-treatment{max-width:180px;font-size:13px}}@media (max-width:640px){.working-days{gap:4px}.day-badge{width:24px;height:24px;font-size:10px}.staff-count-badge{padding:6px 12px}.staff-count{font-size:18px}}.patients-page{padding:32px;background-color:#f9fafb;min-height:100vh}.patients-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:20px}.patients-title-section{display:flex;flex-direction:column}.patients-back-nav{display:flex;align-items:center;gap:8px;cursor:pointer}.patients-back-nav svg{color:#6b7280}.patients-title{font-size:32px;font-weight:700;color:#111827;margin:0}.patients-actions{display:flex;gap:12px;align-items:center}.patients-search-wrapper{position:relative;display:flex;align-items:center}.patients-search-wrapper .search-icon{position:absolute;left:14px;color:#9ca3af;pointer-events:none}.patients-search-input{padding:10px 16px 10px 42px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#111827;font-size:14px;min-width:320px;transition:all .2s}.patients-search-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.patients-add-btn{padding:10px;background:#3b82f6;border:none;border-radius:8px;color:white;cursor:pointer;display:flex;align-items:center;transition:all .2s}.patients-add-btn:hover{background:#2563eb}.patients-controls{background:white;border-radius:12px 12px 0 0;border:1px solid #e5e7eb;border-bottom:none;padding:20px 24px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.patients-tabs{display:flex;gap:8px;border-bottom:2px solid #e5e7eb}.patients-tab{padding:8px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:15px;font-weight:500;cursor:pointer;margin-bottom:-2px;transition:all .2s}.patients-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.patients-controls-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.patients-count{display:flex;align-items:center;gap:8px;padding:6px 12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:6px}.patients-count svg{color:#6b7280}.count-number{font-size:18px;font-weight:700;color:#111827}.count-label,.patients-filter-btn{font-size:13px;color:#6b7280}.patients-filter-btn{padding:6px 16px;background:white;border:1px solid #e5e7eb;border-radius:6px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.view-mode-toggle{display:flex;background:#f3f4f6;border-radius:6px;padding:2px}.view-mode-btn{padding:6px;background:transparent;border:none;color:#6b7280;cursor:pointer;border-radius:4px;transition:all .2s}.view-mode-btn.active{background:white;color:#111827;box-shadow:0 1px 2px rgba(0,0,0,.05)}.patients-add-patient-btn{padding:8px 20px;background:#3b82f6;border:none;border-radius:8px;color:white;font-size:14px;font-weight:600;cursor:pointer}.patients-table-container{background:white;border:1px solid #e5e7eb;border-radius:0 0 12px 12px;overflow-x:auto}.patients-table{width:100%;border-collapse:collapse;min-width:1200px}.patients-table thead{background:#f9fafb;border-bottom:1px solid #e5e7eb}.table-header{padding:12px 16px;text-align:left;font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.5px;text-transform:uppercase}.table-header-sort{display:inline-flex;align-items:center;gap:6px;cursor:pointer}.table-header svg{color:#9ca3af}.table-checkbox{width:16px;height:16px;cursor:pointer;accent-color:#3b82f6}.table-row{border-bottom:1px solid #e5e7eb;transition:background .2s}.table-row:hover{background:#f9fafb}.table-cell{padding:16px;font-size:14px;color:#111827;vertical-align:middle}.patient-name-cell{display:flex;align-items:center;gap:12px}.patient-avatar{width:40px;height:40px;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.patient-name{font-weight:600;color:#111827}.patient-contact{display:flex;align-items:center;gap:8px;color:#6b7280}.patient-contact svg{flex-shrink:0}.patient-date{color:#6b7280}.patient-treatment{color:#6b7280;max-width:200px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.table-more-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;border-radius:6px;display:flex;transition:all .2s}.table-more-btn:hover{background:#f3f4f6;color:#6b7280}.patients-empty{padding:60px 24px;text-align:center;background:white;border:1px solid #e5e7eb;border-top:none;border-radius:0 0 12px 12px}.medical-record-page,.patient-detail-page{padding:32px;background-color:#f9fafb;min-height:100vh}.medical-record-header,.patient-detail-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.medical-record-title-section,.patient-detail-title-section{display:flex;flex-direction:column}.medical-record-back-nav,.patient-detail-back-nav{display:flex;align-items:center;gap:8px;cursor:pointer}.medical-record-title,.patient-detail-title{font-size:32px;font-weight:700;color:#111827;margin:0}.medical-record-actions,.patient-detail-actions{display:flex;gap:12px}.medical-record-search-wrapper,.patient-detail-search-wrapper{position:relative}.medical-record-search-input,.patient-detail-search-input{padding:10px 16px 10px 42px;background:white;border:1px solid #e5e7eb;border-radius:8px;min-width:320px}.medical-record-add-btn,.patient-detail-add-btn{padding:10px;background:#3b82f6;border:none;border-radius:8px;color:white;cursor:pointer}.medical-record-breadcrumb,.patient-detail-breadcrumb{margin-bottom:20px;font-size:14px;display:flex;align-items:center;gap:8px}.breadcrumb-link{color:#3b82f6;text-decoration:none}.breadcrumb-separator{color:#9ca3af}.breadcrumb-current{color:#6b7280}.medical-record-card,.patient-detail-card{background:white;border-radius:12px;border:1px solid #e5e7eb;overflow:hidden}.medical-record-profile,.patient-detail-profile{padding:24px;display:flex;align-items:center;gap:16px;border-bottom:1px solid #e5e7eb}.medical-record-avatar,.patient-detail-avatar{width:64px;height:64px;border-radius:50%;color:white;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}.medical-record-info,.patient-detail-info{flex:1 1}.medical-record-name,.patient-detail-name{font-size:24px;font-weight:700;color:#111827;margin:0 0 8px}.medical-record-email,.patient-detail-email{display:flex;align-items:center;gap:6px;color:#3b82f6;text-decoration:none;font-size:14px}.medical-record-header-actions,.patient-detail-header-actions{display:flex;gap:12px}.medical-record-edit-btn,.patient-detail-edit-btn{padding:8px 16px;background:white;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:6px}.medical-record-appointment-btn,.patient-detail-appointment-btn{padding:8px 16px;background:#3b82f6;border:none;border-radius:8px;color:white;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px}.medical-record-tabs,.patient-detail-tabs{display:flex;padding:0 24px;gap:8px;border-bottom:1px solid #e5e7eb}.medical-record-tab,.patient-detail-tab{padding:12px 16px;background:transparent;border:none;border-bottom:2px solid transparent;color:#6b7280;font-size:14px;font-weight:500;cursor:pointer;margin-bottom:-1px}.medical-record-tab.active,.patient-detail-tab.active{color:#3b82f6;border-bottom-color:#3b82f6}.medical-record-content,.patient-detail-content{padding:24px}.patient-info-content{display:flex;flex-direction:column;gap:24px}.info-section{display:flex;flex-direction:column;gap:12px}.info-section-title{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.5px;margin:0}.info-section-subtitle{font-size:13px;color:#9ca3af;margin:0}.info-field{display:flex;flex-direction:column;gap:4px}.info-field label{font-size:13px;color:#6b7280}.info-field p{font-size:14px;color:#111827;margin:0}.attachment-item{display:flex;gap:12px;padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.attachment-image{width:80px;height:80px;border-radius:6px;object-fit:cover}.attachment-info{display:flex;flex-direction:column;gap:4px}.attachment-name{font-size:14px;color:#111827;margin:0}.attachment-size{font-size:13px;color:#6b7280;margin:0}.treatment-info label{font-size:14px;color:#111827}.treatment-note{color:#6b7280;font-weight:400}.empty-message{text-align:center;color:#9ca3af;padding:40px}.medical-service-tabs{display:flex;gap:8px;margin-bottom:24px}.medical-service-tab{padding:6px 16px;background:white;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;font-size:13px;font-weight:500;cursor:pointer}.medical-service-tab.active{background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.dental-chart-section{background:#f9fafb;border-radius:12px;padding:24px;border:1px solid #e5e7eb}.dental-chart-header{margin-bottom:24px}.dental-chart-title-wrapper{display:flex;flex-direction:column;gap:8px}.dental-chart-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#dbeafe;border:1px solid #bfdbfe;border-radius:6px;color:#1e40af;font-size:12px;font-weight:500;width:-moz-fit-content;width:fit-content}.dental-chart-title{font-size:18px;font-weight:600;color:#111827;margin:0}.dental-chart-container{background:white;border-radius:12px;padding:40px;margin-bottom:24px}.dental-chart-svg{width:100%;max-width:400px;height:auto;margin:0 auto;display:block}.dental-records-list{display:flex;flex-direction:column;gap:16px}.dental-record-item{background:white;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.dental-record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dental-record-tooth{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#111827}.dental-record-tooth svg{color:#6b7280}.dental-record-status{padding:4px 12px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;display:flex;align-items:center;gap:4px}.dental-record-status.status-done{background:#d1fae5;color:#059669}.dental-record-status.status-pending{background:#fef3c7;color:#d97706}.dental-record-details{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:16px;gap:16px;margin-bottom:12px}.dental-record-column label{font-size:11px;font-weight:600;color:#6b7280;letter-spacing:.5px;display:block;margin-bottom:4px}.dental-record-column p{font-size:14px;color:#111827;margin:0}.dental-record-note{padding:12px;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.note-main{font-size:13px;color:#111827;margin:0 0 4px}.note-sub{font-size:12px;color:#6b7280;margin:0}@media (max-width:1024px){.medical-record-page,.patient-detail-page,.patients-page{padding:20px}.patients-controls{flex-direction:column;align-items:flex-start}.patients-controls-right{width:100%;justify-content:space-between}.dental-record-details{grid-template-columns:1fr}}@media (max-width:768px){.medical-record-title,.patient-detail-title,.patients-title{font-size:24px}.medical-record-search-input,.patient-detail-search-input,.patients-search-input{min-width:200px}.medical-record-header,.patient-detail-header,.patients-header{flex-direction:column;align-items:flex-start}.medical-record-profile,.patient-detail-profile{flex-direction:column;text-align:center}.medical-record-header-actions,.patient-detail-header-actions{width:100%}.patients-table{min-width:1000px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-500) 0,#7c3aed 100%);position:relative;overflow:hidden;padding:40px 20px}.auth-background{position:absolute;inset:0;opacity:.1;pointer-events:none}.company-logos{position:absolute;bottom:40px;left:0;right:0;display:flex;justify-content:center;gap:40px;flex-wrap:wrap;padding:0 40px}.company-logo{height:24px;width:auto;opacity:.6;filter:brightness(0) invert(1)}.auth-card{background:white;border-radius:16px;padding:48px 40px;width:100%;max-width:480px;box-shadow:0 20px 60px rgba(0,0,0,.3);position:relative;z-index:1}.auth-header{text-align:center;margin-bottom:32px}.auth-logo{gap:12px;margin-bottom:20px}.auth-logo,.auth-logo-icon{display:flex;align-items:center;justify-content:center}.auth-logo-icon,.auth-logo-icon-img{width:40px;height:40px}.auth-logo-icon-img{object-fit:contain;display:block}.auth-logo-text{font-size:24px}.auth-logo-text,.auth-title{font-weight:700;color:#111827}.auth-title{font-size:28px;margin:0}.auth-social-buttons{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:24px}.auth-social-buttons.single{grid-template-columns:1fr;justify-items:center}.auth-social-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 20px;background:white;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;font-weight:600;color:#374151;cursor:pointer;transition:all .2s}.auth-social-btn:hover{background:#f9fafb;border-color:#d1d5db}.auth-divider{position:relative;text-align:center;margin:24px 0}.auth-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#e5e7eb}.auth-divider span{position:relative;background:white;padding:0 16px;color:#9ca3af;font-size:14px;font-weight:500}.auth-form{display:flex;flex-direction:column;gap:20px;width:100%;max-width:420px;margin:0 auto}.auth-form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-column-gap:32px;column-gap:32px;grid-row-gap:16px;row-gap:16px}@media (min-width:900px){.auth-form-row{column-gap:36px}}@media (max-width:640px){.auth-card{padding:36px 24px}.auth-form-row{grid-template-columns:1fr;gap:14px}}.auth-form-group{display:flex;flex-direction:column;gap:8px}.auth-error-message{margin:0;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fef2f2;color:#991b1b;font-size:13px}.auth-success-message{margin:0;padding:10px 12px;border:1px solid #a7f3d0;border-radius:8px;background:#ecfdf5;color:#065f46;font-size:13px}.auth-form-helper{text-align:right;margin-top:-8px}.auth-label{font-size:14px;font-weight:600;color:#374151}.auth-input{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:15px;color:#111827;transition:all .2s;outline:none;box-sizing:border-box}.auth-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.auth-input::placeholder{color:#9ca3af}.auth-password-wrapper{position:relative;width:100%}.auth-password-wrapper .auth-input{padding-right:40px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;transition:color .2s}.auth-password-toggle:hover{color:#6b7280}.auth-password-requirements{display:flex;flex-wrap:wrap;gap:16px;margin-top:-8px}.password-requirement{display:flex;align-items:center;gap:6px;font-size:13px;color:#6b7280}.password-requirement input[type=checkbox]{width:16px;height:16px;accent-color:#3b82f6;cursor:default}.auth-recaptcha{margin:8px 0}.recaptcha-placeholder{display:flex;align-items:center;gap:12px;padding:16px;border:2px solid #e5e7eb;border-radius:8px;background:#f9fafb}.recaptcha-placeholder input[type=checkbox]{width:20px;height:20px;cursor:pointer}.recaptcha-placeholder label{flex:1 1;font-size:14px;color:#374151;cursor:pointer}.recaptcha-logo{width:50px;height:50px;display:flex;align-items:center;justify-content:center}.recaptcha-logo img{width:100%;height:auto}.auth-submit-btn{width:100%;padding:14px 24px;background:#3b82f6;border:none;border-radius:10px;font-size:16px;font-weight:600;color:white;cursor:pointer;transition:all .2s;margin-top:8px}.auth-submit-btn:hover{background:#2563eb;transform:translateY(-1px);box-shadow:0 8px 16px rgba(59,130,246,.3)}.auth-footer{margin-top:24px;text-align:center}.auth-footer-text{font-size:14px;color:#6b7280;margin:0 0 12px}.auth-footer-link{color:#3b82f6;text-decoration:none;font-weight:600;transition:color .2s}.auth-footer-link:hover{color:#2563eb;text-decoration:underline}.auth-footer-legal{font-size:12px;color:#9ca3af;line-height:1.6;margin:0}@media (max-width:640px){.auth-page{padding:20px}.auth-card{padding:32px 24px}.auth-title{font-size:24px}.auth-form-row,.auth-social-buttons{grid-template-columns:1fr}.auth-password-requirements{gap:12px}.company-logos{gap:20px;padding:0 20px}.company-logo{height:18px}}@media (max-width:480px){.auth-logo-text{font-size:20px}.auth-title{font-size:22px}.password-requirement{font-size:12px}.auth-submit-btn{padding:12px 20px;font-size:15px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.auth-card{animation:fadeInUp .5s ease-out}