:root{--sena-green:#39a900;--sena-green-600:#2d8600;--sena-green-700:#1f6000;--sena-green-400:#52c41a;--sena-green-300:#7ed321;--sena-green-dim:#39a9001a;--sena-green-ring:#39a90033;--sena-dark:#0d1117;--green-900:#064e3b;--green-800:#065f46;--green-700:#047857;--green-600:#059669;--green-500:#10b981;--green-400:#34d399;--green-100:#d1fae5;--green-50:#ecfdf5;--green-20:#f0fdf4;--green-10:#f6fff9;--brand-100:#d4f5b8;--brand-50:#edfad5;--brand-20:#f5fce8;--brand-10:#fafff5;--gray-950:#050709;--gray-900:#111827;--gray-850:#1f2937;--gray-800:#374151;--gray-700:#4b5563;--gray-600:#6b7280;--gray-500:#9ca3af;--gray-400:#d1d5db;--gray-300:#e5e7eb;--gray-200:#f3f4f6;--gray-150:#f9fafb;--gray-100:#f9fafb;--gray-50:#f8fafc;--white:#fff;--surface-base:#f7f9f7;--surface-white:#fff;--surface-subtle:#f3f6f3;--border-color:#e5e7eb;--border-subtle:#f3f4f6;--border-strong:#d1d5db;--sidebar-bg:#0d1117;--sidebar-bg-hover:#ffffff0d;--sidebar-bg-active:#39a90024;--sidebar-text:#6b7280;--sidebar-text-hover:#d1d5db;--sidebar-text-active:#fff;--sidebar-border:#1f2937;--sidebar-brand-text:#f9fafb;--color-success:#16a34a;--color-success-bg:#dcfce7;--color-success-border:#bbf7d0;--color-warning:#d97706;--color-warning-bg:#fef3c7;--color-warning-border:#fde68a;--color-error:#dc2626;--color-error-bg:#fee2e2;--color-error-border:#fecaca;--color-info:#2563eb;--color-info-bg:#dbeafe;--color-info-border:#bfdbfe;--psi-color:#16a34a;--psi-bg:#dcfce7;--psi-border:#bbf7d0;--enf-color:#2563eb;--enf-bg:#dbeafe;--enf-border:#bfdbfe;--ts-color:#d97706;--ts-bg:#fef3c7;--ts-border:#fde68a;--font-display:"Sora", system-ui, -apple-system, sans-serif;--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.5rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 4px #0000000f, 0 1px 2px #0000000a;--shadow-md:0 4px 16px #00000014, 0 2px 4px #0000000a;--shadow-lg:0 8px 32px #0000001a, 0 4px 8px #0000000d;--shadow-xl:0 16px 48px #00000024, 0 8px 16px #0000000f;--shadow-focus:0 0 0 3px #39a90038;--shadow-modal:0 24px 64px #0000002e, 0 8px 24px #0000001a;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration:.15s;--duration-md:.22s;--sidebar-width:248px;--bottom-nav-height:68px;--top-header-height:60px;--content-max:1280px}.btn-primary,.btn-secondary,.btn-danger-outline,.btn-danger,.btn-success{border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:600;font-family:"DM Sans", var(--font-sans);cursor:pointer;transition:background var(--duration) ease, border-color var(--duration) ease, box-shadow var(--duration) ease, transform .1s ease;white-space:nowrap;border:1.5px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.6875rem 1.25rem;line-height:1;text-decoration:none;display:inline-flex}.btn-primary{background:var(--sena-green);color:#fff;border-color:var(--sena-green);width:100%;box-shadow:0 1px 2px #39a90033}.btn-primary:hover:not(:disabled){background:var(--green-600);border-color:var(--green-600);transform:translateY(-1px);box-shadow:0 2px 8px #39a9004d}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{background:var(--gray-300);border-color:var(--gray-300);cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{color:var(--sena-green);border-color:var(--border-strong);background:#fff;width:100%}.btn-secondary:hover:not(:disabled){background:var(--green-20);border-color:var(--sena-green)}.btn-danger-outline{color:var(--color-error);background:#fff;border-color:#fca5a5;width:100%}.btn-danger-outline:hover:not(:disabled){border-color:var(--color-error);background:#fff5f5}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error);width:100%}.btn-danger:hover:not(:disabled){background:#b91c1c}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);width:100%}.btn-success:hover:not(:disabled){background:#16a34a}.btn-icon{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:36px;height:36px;color:var(--gray-500);cursor:pointer;transition:background var(--duration) ease, border-color var(--duration) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-icon:hover{background:var(--gray-50);border-color:var(--gray-300);color:var(--gray-700)}.btn-back{border:1.5px solid var(--border-color);border-radius:var(--radius-sm);width:34px;height:34px;color:var(--gray-600);cursor:pointer;transition:background var(--duration) ease, border-color var(--duration) ease;background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.btn-back:hover{background:var(--gray-50);border-color:var(--gray-300)}.btn-link{color:var(--sena-green);font-size:var(--text-sm);font-weight:600;font-family:"DM Sans", var(--font-sans);cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none}.btn-link:hover{text-decoration:underline}.btn-sm{font-size:var(--text-xs)!important;width:auto!important;padding:.4375rem .875rem!important}.btn-xs{border-radius:5px!important;width:auto!important;padding:.3125rem .625rem!important;font-size:.75rem!important}.app-wrapper{background:var(--surface-base);min-height:100vh;display:flex}.app-main{flex:1;min-width:0;min-height:100vh;overflow-x:clip}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg);z-index:40;border-right:1px solid #ffffff0a;flex-direction:column;flex-shrink:0;height:100vh;min-height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#374151;border-radius:3px}.sidebar-brand{border-bottom:1px solid var(--sidebar-border);align-items:center;gap:.75rem;padding:1.25rem 1.125rem 1rem;display:flex}.sidebar-brand-logo{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.sidebar-brand-name{color:var(--sidebar-brand-text);letter-spacing:-.01em;font-size:.9375rem;font-weight:700;line-height:1.2}.sidebar-brand-sub{color:var(--sidebar-text);margin-top:.125rem;font-size:.6875rem;font-weight:400}.sidebar-nav{flex-direction:column;flex:1;gap:1px;padding:.625rem .75rem;display:flex}.sidebar-nav-item{color:var(--sidebar-text);border-radius:8px;align-items:center;gap:.75rem;padding:.5625rem .75rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .12s,background .12s;display:flex;position:relative}.sidebar-nav-item:hover{color:var(--sidebar-text-hover);background:var(--sidebar-bg-hover)}.sidebar-nav-item.active{color:var(--sidebar-text-active);background:var(--sidebar-bg-active);font-weight:600}.sidebar-nav-item.active:before{content:"";background:var(--sena-green);border-radius:0 3px 3px 0;width:3px;position:absolute;top:6px;bottom:6px;left:0}.sidebar-footer{border-top:1px solid var(--sidebar-border);padding:.75rem}.sidebar-user{cursor:default;border-radius:8px;align-items:center;gap:.625rem;padding:.625rem .5rem;transition:background .12s;display:flex}.sidebar-avatar{color:#fff;background:linear-gradient(135deg,#39a900,#2d8600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;font-size:.75rem;font-weight:700;display:flex}.sidebar-user-name{color:var(--sidebar-brand-text);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.sidebar-user-role{color:var(--sidebar-text);font-size:.6875rem;font-weight:400}.bottom-nav{height:var(--bottom-nav-height);background:var(--sidebar-bg);border-top:1px solid var(--sidebar-border);z-index:50;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-item{color:var(--sidebar-text);cursor:pointer;font-size:.5625rem;font-weight:500;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:.2rem;padding:.5rem 0;text-decoration:none;transition:color .12s;display:flex}.bottom-nav-item.active{color:var(--sena-green);font-weight:700}.mobile-topbar{z-index:45;padding:.625rem .875rem;padding-top:max(.625rem, env(safe-area-inset-top));background:var(--sidebar-bg);border-bottom:1px solid var(--sidebar-border);justify-content:space-between;align-items:center;gap:.75rem;display:none;position:sticky;top:0}.mobile-topbar-menu{width:36px;height:36px;color:var(--sidebar-brand-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.mobile-topbar-menu:active{background:var(--sidebar-bg-hover)}.mobile-topbar-brand{color:var(--sidebar-brand-text);white-space:nowrap;text-overflow:ellipsis;flex:1;align-items:center;gap:.5rem;min-width:0;font-size:.875rem;font-weight:700;display:flex;overflow:hidden}.mobile-topbar-avatar{color:#fff;background:linear-gradient(135deg,#39a900,#2d8600);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:.6875rem;font-weight:700;display:flex}.mobile-drawer-backdrop{z-index:55;opacity:0;pointer-events:none;background:#00000080;transition:opacity .2s;position:fixed;inset:0}.mobile-drawer{background:var(--sidebar-bg);z-index:60;width:min(84vw,300px);padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom);pointer-events:none;flex-direction:column;transition:transform .22s ease-out;display:flex;position:fixed;top:0;bottom:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:2px 0 16px #00000059}.mobile-drawer-close{width:34px;height:34px;color:var(--sidebar-text);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-self:flex-end;align-items:center;margin:.5rem .5rem 0;display:flex}@media (width<=768px){.app-wrapper{flex-direction:column}.sidebar{display:none}.bottom-nav,.mobile-topbar{display:flex}.app-main{padding-bottom:var(--bottom-nav-height)}.mobile-only{display:block!important}.desktop-only{display:none!important}.mobile-drawer-backdrop.open{opacity:1;pointer-events:auto}.mobile-drawer.open{pointer-events:auto;transform:translate(0)}}@media (width>=769px){.mobile-only,.mobile-drawer,.mobile-drawer-backdrop,.mobile-topbar{display:none!important}}.auth-page{background:var(--white);min-height:100vh;display:flex}.auth-left{background:linear-gradient(160deg, var(--sena-green) 0%, #1f7200 100%);flex-direction:column;justify-content:center;align-items:center;width:45%;padding:3rem;display:flex;position:relative;overflow:hidden}.auth-left:before{content:"";background:#ffffff0f;border-radius:50%;width:260px;height:260px;position:absolute;top:-60px;right:-60px}.auth-left:after{content:"";background:#ffffff0a;border-radius:50%;width:300px;height:300px;position:absolute;bottom:-80px;left:-40px}.auth-brand{z-index:1;flex-direction:column;align-items:center;gap:1.5rem;display:flex;position:relative}.auth-brand-logo{border-radius:var(--radius-xl);background:#fff;justify-content:center;align-items:center;padding:1.25rem 1.5rem;display:flex;box-shadow:0 4px 20px #00000026}.auth-brand h1{font-size:var(--text-3xl);color:#fff;text-align:center;font-weight:800;line-height:1.2}.auth-brand h1 span{color:#ffffffbf}.auth-brand p{font-size:var(--text-base);color:#fffc;text-align:center;max-width:280px;line-height:1.6}.auth-brand-features{flex-direction:column;gap:.875rem;width:100%;max-width:280px;margin-top:.5rem;display:flex}.auth-feature-item{color:#ffffffe6;font-size:var(--text-sm);align-items:center;gap:.75rem;display:flex}.auth-feature-dot{background:#fff9;border-radius:50%;flex-shrink:0;width:8px;height:8px}.auth-right{background:var(--white);flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem 2.5rem;display:flex}.auth-form-wrapper{width:100%;max-width:400px}.auth-form-wrapper h2{font-size:var(--text-2xl);color:var(--gray-900);margin-bottom:.5rem;font-weight:800}.auth-form-wrapper>p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:2rem;line-height:1.5}.auth-tabs{background:var(--gray-100);border-radius:var(--radius-md);gap:4px;margin-bottom:1.5rem;padding:4px;display:flex}.auth-tab{border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:500;font-family:var(--font-sans);cursor:pointer;color:var(--gray-500);white-space:nowrap;background:0 0;border:none;flex:1;padding:.625rem .75rem;transition:background .15s,color .15s,box-shadow .15s}.auth-tab.active{background:var(--white);color:var(--gray-900);box-shadow:var(--shadow-sm);font-weight:600}.btn-oauth{background:var(--white);border:1.5px solid var(--gray-200);border-radius:var(--radius-md);width:100%;font-size:var(--text-base);color:var(--gray-700);cursor:pointer;font-weight:500;font-family:var(--font-sans);justify-content:center;align-items:center;gap:.875rem;margin-bottom:.75rem;padding:.875rem 1.25rem;transition:background .15s,border-color .15s,box-shadow .15s;display:flex}.btn-oauth:hover{background:var(--gray-50);border-color:var(--gray-400);box-shadow:var(--shadow-sm)}.btn-oauth:disabled{opacity:.6;cursor:not-allowed}.auth-security{background:var(--green-50);border-radius:var(--radius-md);border:1px solid var(--green-100);align-items:flex-start;gap:.75rem;margin-top:1.5rem;padding:1rem;display:flex}.auth-security p{font-size:var(--text-sm);color:var(--green-700);line-height:1.5}.auth-security strong{color:var(--green-700)}.auth-terms{font-size:var(--text-xs);color:var(--gray-400);text-align:center;margin-top:1.5rem;line-height:1.6}.auth-terms a{color:var(--sena-green);font-weight:600;text-decoration:none}.auth-terms a:hover{text-decoration:underline}.auth-divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--gray-200);flex:1;height:1px}.auth-divider span{font-size:var(--text-xs);color:var(--gray-400)}.auth-error{background:var(--color-error-bg);color:#b91c1c;border-radius:var(--radius-sm);font-size:var(--text-sm);border:1px solid #fca5a5;margin-bottom:1rem;padding:.75rem 1rem}.auth-link{color:var(--sena-green);font-weight:600;text-decoration:none}.onboarding-page{background:var(--white);flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;display:flex}.onboarding-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.onboarding-header .brand{font-size:var(--text-base);color:var(--gray-900);align-items:center;gap:.5rem;font-weight:700;display:flex}.onboarding-header .brand span{color:var(--sena-green)}.onboarding-progress{margin-bottom:1.5rem;padding:1.25rem 1.5rem 0}.progress-bar{background:var(--gray-100);border-radius:var(--radius-full);height:4px;margin-top:.5rem;overflow:hidden}.progress-fill{background:var(--sena-green);border-radius:var(--radius-full);height:100%;transition:width .3s}.progress-label{font-size:var(--text-xs);color:var(--gray-500);text-align:right;margin-top:.375rem}.onboarding-content{flex:1;padding:0 1.5rem 2rem}.onboarding-content h2{font-size:var(--text-2xl);color:var(--gray-900);margin-bottom:.5rem;font-weight:800;line-height:1.3}.onboarding-content p{font-size:var(--text-sm);color:var(--gray-500);margin-bottom:2rem;line-height:1.6}.onboarding-footer{padding:1rem 1.5rem 2.5rem}.privacy-note{font-size:var(--text-xs);color:var(--gray-500);justify-content:center;align-items:center;gap:.375rem;margin-top:.75rem;display:flex}@media (width<=768px){.auth-page{flex-direction:column}.auth-left{width:100%;padding:2.5rem 1.5rem}.auth-brand h1{font-size:var(--text-2xl)}.auth-brand-features{display:none}.auth-right{padding:2rem 1.5rem}.auth-form-wrapper{max-width:100%}}.new-appointment-page{background:var(--white);min-height:100vh}.new-apt-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.new-apt-header h1{font-size:var(--text-lg);color:var(--gray-900);font-weight:700}.new-apt-header p{font-size:var(--text-xs);color:var(--gray-500)}.new-apt-security{font-size:var(--text-xs);color:var(--gray-500);align-items:center;gap:.375rem;display:flex}.stepper{align-items:center;gap:0;padding:1rem 1.25rem;display:flex}.step{flex-direction:column;align-items:center;gap:.375rem;display:flex;position:relative}.step-number{border-radius:var(--radius-full);border:2px solid var(--gray-300);width:32px;height:32px;font-size:var(--text-sm);color:var(--gray-500);background:var(--white);justify-content:center;align-items:center;font-weight:700;display:flex}.step.active .step-number,.step.done .step-number{background:var(--sena-green);border-color:var(--sena-green);color:#fff}.step-label{color:var(--gray-500);font-size:.65rem;font-weight:500}.step.active .step-label{color:var(--sena-green);font-weight:600}.step-line{background:var(--gray-300);flex:1;height:2px;margin-bottom:1.375rem}.step-line.done{background:var(--sena-green)}.apt-form-content{padding:.5rem 1.25rem 1.5rem}.apt-section{margin-bottom:1.75rem}.apt-section-title{font-size:var(--text-base);color:var(--gray-900);margin-bottom:.875rem;font-weight:700}.service-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.service-card{border:1.5px solid var(--gray-300);border-radius:var(--radius-md);cursor:pointer;background:var(--white);flex-direction:column;align-items:center;gap:.625rem;padding:1rem .75rem;transition:border-color .15s,background .15s;display:flex;position:relative}.service-card:hover{border-color:var(--gray-500)}.service-card.selected{border-color:var(--sena-green);background:var(--green-50)}.service-card .check-badge{background:var(--sena-green);border-radius:var(--radius-full);justify-content:center;align-items:center;width:20px;height:20px;display:flex;position:absolute;top:.5rem;right:.5rem}.service-icon-wrap{border-radius:var(--radius-full);justify-content:center;align-items:center;width:52px;height:52px;display:flex}.service-card h3{font-size:var(--text-sm);text-align:center;font-weight:700}.service-card p{color:var(--gray-500);text-align:center;font-size:.65rem;line-height:1.4}.service-card.psi .service-icon-wrap{background:var(--psi-bg)}.service-card.psi h3{color:var(--psi-color)}.service-card.enf .service-icon-wrap{background:var(--enf-bg)}.service-card.enf h3{color:var(--enf-color)}.service-card.ts .service-icon-wrap{background:var(--ts-bg)}.service-card.ts h3{color:var(--ts-color)}.date-scroll{scrollbar-width:none;gap:.5rem;padding-bottom:.25rem;display:flex;overflow-x:auto}.date-scroll::-webkit-scrollbar{display:none}.date-chip{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;background:var(--white);min-width:56px;font-family:var(--font-sans);flex-direction:column;align-items:center;padding:.625rem .875rem;transition:border-color .15s,background .15s,transform .1s,box-shadow .15s;display:flex}.date-chip:hover{border-color:var(--gray-500);transform:translateY(-1px);box-shadow:0 2px 8px #00000012}.date-chip.selected{background:var(--sena-green);border-color:var(--sena-green)}.date-chip .day-name{color:var(--gray-500);text-transform:capitalize;font-size:.65rem;font-weight:500}.date-chip.selected .day-name{color:#fffc}.date-chip .day-num{font-size:var(--text-xl);color:var(--gray-900);font-weight:800;line-height:1;font-family:var(--font-display);letter-spacing:-.02em}.date-chip.selected .day-num{color:#fff}.date-chip .month{color:var(--gray-500);font-size:.65rem;font-weight:500}.date-chip.selected .month{color:#fffc}.date-chip.disabled{opacity:.4;cursor:not-allowed}.time-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.time-chip{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);text-align:center;font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;background:var(--white);font-weight:500;font-family:var(--font-sans);padding:.625rem .25rem;transition:border-color .15s,background .15s}.time-chip:hover{border-color:var(--gray-500)}.time-chip.selected{background:var(--sena-green);border-color:var(--sena-green);color:#fff;font-weight:700}.time-chip.occupied{opacity:.4;cursor:not-allowed;text-decoration:line-through}.apt-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border-left:4px solid var(--gray-300);margin-bottom:.75rem;padding:1rem}.apt-card-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.apt-card-datetime{gap:1rem;margin-bottom:.75rem;display:flex}.apt-datetime-item{font-size:var(--text-sm);color:var(--gray-700);align-items:center;gap:.375rem;display:flex}.apt-card-reason{font-size:var(--text-sm);color:var(--gray-700);line-height:1.5}.apt-card-actions{border-top:1px solid var(--gray-100);gap:.5rem;margin-top:.875rem;padding-top:.875rem;display:flex}.aprendiz-home{padding:1.25rem}.greeting-section{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.greeting-text h2{font-size:var(--text-2xl);color:var(--gray-900);font-weight:800}.greeting-text p{font-size:var(--text-sm);color:var(--gray-500)}.success-page{background:var(--white);flex-direction:column;align-items:center;max-width:520px;min-height:100vh;margin:0 auto;padding:3rem 1.5rem 2rem;display:flex}.success-icon{background:var(--green-100);border-radius:var(--radius-full);justify-content:center;align-items:center;width:88px;height:88px;margin-bottom:1.5rem;display:flex;position:relative}.success-page h2{font-size:var(--text-2xl);color:var(--gray-900);text-align:center;margin-bottom:.5rem;font-weight:800}.success-page p{font-size:var(--text-sm);color:var(--gray-500);text-align:center;margin-bottom:2rem}.apt-summary-card{background:var(--gray-50);border-radius:var(--radius-md);width:100%;margin-bottom:2rem;padding:1.25rem}.apt-summary-row{border-bottom:1px solid var(--gray-100);align-items:center;gap:.875rem;padding:.75rem 0;display:flex}.apt-summary-row:last-child{border-bottom:none}.apt-summary-row .row-icon{border-radius:var(--radius-full);background:var(--green-100);width:36px;height:36px;color:var(--sena-green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.apt-summary-row .row-label{font-size:var(--text-xs);color:var(--gray-500)}.apt-summary-row .row-value{font-size:var(--text-sm);color:var(--gray-900);font-weight:600}.apt-detail-page{background:var(--gray-50);min-height:100vh;padding-bottom:5rem}.apt-detail-hero{background:var(--white);align-items:flex-start;gap:1rem;margin-bottom:.75rem;padding:1.25rem;display:flex}.apt-detail-info h2{font-size:var(--text-xl);color:var(--gray-900);font-weight:800}.apt-detail-info p{font-size:var(--text-sm);color:var(--gray-500)}.apt-time-big{color:var(--sena-green);font-size:2rem;font-weight:800;line-height:1}.apt-detail-grid{background:var(--white);grid-template-columns:1fr 1fr 1fr;gap:.75rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:grid}.apt-detail-cell .label{font-size:var(--text-xs);color:var(--gray-500);margin-bottom:.25rem}.apt-detail-cell .value{font-size:var(--text-sm);color:var(--gray-900);font-weight:600}.status-timeline{background:var(--white);align-items:center;gap:0;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex;overflow-x:auto}.timeline-step{flex-direction:column;align-items:center;gap:.375rem;min-width:72px;display:flex}.timeline-dot{border-radius:var(--radius-full);border:2px solid var(--gray-300);background:var(--white);width:32px;height:32px;color:var(--gray-300);justify-content:center;align-items:center;display:flex}.timeline-step.done .timeline-dot{background:var(--sena-green);border-color:var(--sena-green);color:#fff}.timeline-step.current .timeline-dot{border-color:var(--sena-green);background:var(--green-50);color:var(--sena-green)}.timeline-step-label{color:var(--gray-500);text-align:center;font-size:.65rem;font-weight:600}.timeline-step.done .timeline-step-label,.timeline-step.current .timeline-step-label{color:var(--sena-green)}.timeline-date{color:var(--gray-500);text-align:center;font-size:.6rem}.timeline-line{background:var(--gray-300);flex:1;min-width:20px;height:2px;margin-bottom:1.5rem}.timeline-line.done{background:var(--sena-green)}.attention-page{background:var(--white);min-height:100vh;padding-bottom:6rem}.attention-patient-card{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.attention-patient-info h3{font-size:var(--text-base);color:var(--gray-900);font-weight:700}.patient-meta{flex-direction:column;gap:.25rem;margin-top:.375rem;display:flex}.patient-meta span{font-size:var(--text-xs);color:var(--gray-500);align-items:center;gap:.25rem;display:flex}.attention-time-info{text-align:right}.attention-time-info .status-dot{font-size:var(--text-xs);color:var(--sena-green);justify-content:flex-end;align-items:center;gap:.375rem;margin-bottom:.375rem;font-weight:600;display:flex}.attention-time-info .start-time{font-size:var(--text-xs);color:var(--gray-500)}.notes-textarea{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);width:100%;font-size:var(--text-sm);font-family:var(--font-sans);resize:none;color:var(--gray-900);outline:none;min-height:120px;padding:.875rem;line-height:1.6}.notes-char-count{text-align:right;font-size:var(--text-xs);color:var(--gray-500);margin-top:.375rem}.tags-row{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.tag-chip{border:1.5px solid var(--gray-300);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--gray-700);cursor:pointer;background:var(--white);font-weight:500;font-family:var(--font-sans);padding:.375rem .75rem;transition:border-color .15s,background .15s}.tag-chip:hover{border-color:var(--sena-green);color:var(--sena-green)}.tag-chip.active{background:var(--green-100);border-color:var(--sena-green);color:var(--sena-green)}.objective-row{align-items:center;gap:.75rem;padding:.625rem 0;display:flex}.objective-row label{font-size:var(--text-sm);color:var(--gray-700);cursor:pointer}.observation-chips{flex-wrap:wrap;gap:.5rem;display:flex}.obs-chip{border:1.5px solid var(--gray-300);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--gray-700);cursor:pointer;background:var(--white);font-weight:500;font-family:var(--font-sans);align-items:center;gap:.375rem;padding:.5rem .875rem;transition:all .15s;display:flex}.obs-chip:hover{border-color:var(--sena-green)}.obs-chip.active{background:var(--green-100);border-color:var(--sena-green);color:var(--sena-green)}.attention-fixed-footer{background:var(--white);border-top:1px solid var(--gray-100);z-index:50;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #0000000f}@media (width>=769px){.attention-fixed-footer{left:var(--sidebar-width);max-width:700px}}.result-page{background:var(--white);min-height:100vh;padding-bottom:2rem}.result-header{border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.result-success-banner{text-align:center;flex-direction:column;align-items:center;padding:2rem 1.25rem 1.5rem;display:flex}.result-icon{background:var(--sena-green);border-radius:var(--radius-full);justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:1rem;display:flex}.result-success-banner h2{font-size:var(--text-2xl);color:var(--gray-900);font-weight:800}.result-success-banner p{font-size:var(--text-sm);color:var(--gray-500);margin-top:.25rem}.result-success-banner p span{color:var(--sena-green);font-weight:600}.result-patient-card{background:var(--gray-50);border-radius:var(--radius-md);align-items:center;gap:.875rem;margin:0 1.25rem 1rem;padding:1rem;display:flex}.result-section{margin:0 1.25rem 1rem}.result-section-title{font-size:var(--text-sm);color:var(--gray-700);align-items:center;gap:.5rem;margin-bottom:.75rem;font-weight:700;display:flex}.result-tags{flex-wrap:wrap;gap:.5rem;display:flex}.result-tag{background:var(--gray-100);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--gray-700);padding:.25rem .75rem;font-weight:500}.result-objective{font-size:var(--text-sm);color:var(--gray-700);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.result-next-actions{margin:1rem 1.25rem 0}.result-action-item{border-bottom:1px solid var(--gray-100);cursor:pointer;justify-content:space-between;align-items:center;padding:1rem 0;display:flex}.result-action-item:last-child{border-bottom:none}.result-action-label{font-size:var(--text-sm);color:var(--sena-green);align-items:center;gap:.75rem;font-weight:600;display:flex}.result-congrats{background:var(--green-50);border-radius:var(--radius-md);align-items:center;gap:.875rem;margin:1rem 1.25rem;padding:1rem;display:flex}.result-congrats p{font-size:var(--text-sm);color:var(--green-700);font-weight:600}.result-congrats span{font-size:var(--text-xs);color:var(--gray-500);margin-top:.25rem;font-weight:400;display:block}.pro-dashboard{background:var(--gray-50);min-height:100vh;padding-bottom:2rem}.pro-header{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}@media (width<=768px){.pro-dashboard{padding-bottom:var(--bottom-nav-height)}.pro-header{padding:1rem 1.25rem}}.pro-header-brand{align-items:center;gap:.625rem;display:flex}.pro-header-brand .brand-name{font-size:var(--text-base);color:var(--gray-900);font-weight:700}.pro-header-brand .dept-name{font-size:var(--text-xs);color:var(--gray-500)}.pro-header-right{align-items:center;gap:.75rem;display:flex}.notif-btn{border-radius:var(--radius-full);cursor:pointer;width:40px;height:40px;color:var(--gray-700);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:relative}.notif-dot{background:var(--color-error);border-radius:var(--radius-full);border:1.5px solid #fff;width:8px;height:8px;position:absolute;top:6px;right:6px}.pro-welcome{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1.25rem 1.75rem;display:flex}@media (width<=768px){.pro-welcome{padding:1rem 1.25rem}}.pro-welcome h2{font-size:var(--text-xl);color:var(--gray-900);font-weight:800}.pro-welcome p{font-size:var(--text-xs);color:var(--gray-500);margin-top:.25rem}.date-selector-btn{border:1.5px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);font-size:var(--text-sm);color:var(--gray-700);cursor:pointer;font-weight:600;font-family:var(--font-sans);align-items:center;gap:.5rem;padding:.5rem .875rem;display:flex}.pro-stats{background:var(--white);border-bottom:1px solid var(--gray-100);grid-template-columns:repeat(3,1fr);gap:.75rem;padding:1rem 1.25rem;display:grid}.pro-stat{align-items:center;gap:.625rem;display:flex}.pro-stat-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pro-stat-value{font-size:var(--text-2xl);color:var(--gray-900);font-weight:800;line-height:1}.pro-stat-label{color:var(--gray-500);font-size:.65rem;font-weight:500}.stats-grid{grid-template-columns:repeat(4,1fr);display:grid}.dashboard-grid{display:grid}.chart-grid{grid-template-columns:1fr 1fr;display:grid}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr!important}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)!important}.chart-grid{grid-template-columns:1fr!important}}@media (width<=480px){.stats-grid{grid-template-columns:1fr!important}}.hero-header-row{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}@media (width<=640px){.hero-header-row{flex-direction:column}.hero-header-row .hero-cta{width:100%}}.modules-grid{grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.modules-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=640px){.modules-grid{grid-template-columns:1fr!important}}.page-content{max-width:1200px;margin:0 auto;padding:1.75rem 2rem}@media (width<=768px){.page-content{padding:1.25rem 1rem}}@media (width<=480px){.page-content{padding:1rem .75rem}}.pro-apt-item{background:var(--white);border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;transition:background .1s;display:flex}.pro-apt-item:hover{background:var(--gray-50)}.pro-apt-time{text-align:center;min-width:52px}.pro-apt-time .hour{font-size:var(--text-xl);color:var(--sena-green);font-weight:800;line-height:1}.pro-apt-time .ampm{color:var(--gray-500);font-size:.65rem;font-weight:500}.pro-apt-info{flex:1}.pro-apt-name{align-items:center;gap:.5rem;margin-bottom:.25rem;display:flex}.pro-apt-name h4{font-size:var(--text-base);color:var(--gray-900);font-weight:700}.pro-apt-reason{font-size:var(--text-xs);color:var(--gray-500);margin-bottom:.125rem}.pro-apt-type{font-size:var(--text-xs);color:var(--gray-500)}.pro-apt-actions{gap:.5rem;margin-top:.75rem;display:flex}.btn-confirm{background:var(--sena-green);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--font-sans);border:none;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;transition:background .15s;display:flex}.btn-confirm:hover{background:var(--green-600)}.btn-no-show{background:var(--white);color:var(--color-error);border:1.5px solid var(--color-error);border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;font-weight:600;font-family:var(--font-sans);flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;transition:background .15s;display:flex}.btn-no-show:hover{background:#fff5f5}.pro-apt-arrow{color:var(--gray-300);margin-top:.25rem}.quick-access{grid-template-columns:repeat(4,1fr);gap:.75rem;padding:1rem 1.25rem;display:grid}.quick-access-item{cursor:pointer;font-family:var(--font-sans);background:0 0;border:none;flex-direction:column;align-items:center;gap:.375rem;text-decoration:none;display:flex}.quick-icon{background:var(--gray-100);border-radius:var(--radius-md);width:52px;height:52px;color:var(--sena-green);justify-content:center;align-items:center;display:flex}.quick-access-item span{color:var(--gray-500);text-align:center;font-size:.65rem;font-weight:500}.coord-dashboard{background:var(--gray-50);min-height:100vh;padding-bottom:var(--bottom-nav-height)}.coord-header{background:var(--white);border-bottom:1px solid var(--gray-100);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.coord-filters{scrollbar-width:none;gap:.625rem;padding:.875rem 1.25rem;display:flex;overflow-x:auto}.coord-filters::-webkit-scrollbar{display:none}.filter-btn{border:1.5px solid var(--gray-300);border-radius:var(--radius-full);background:var(--white);font-size:var(--text-sm);color:var(--gray-700);white-space:nowrap;cursor:pointer;font-weight:500;font-family:var(--font-sans);align-items:center;gap:.375rem;padding:.5rem .875rem;display:flex}.coord-hero-card{background:var(--sena-green);border-radius:var(--radius-lg);color:#fff;justify-content:space-between;align-items:center;margin:0 1.25rem .875rem;padding:1.25rem;display:flex}.coord-hero-left .label{font-size:var(--text-sm);color:#fffc;margin-bottom:.25rem}.coord-hero-left .big-number{font-size:3rem;font-weight:800;line-height:1}.coord-hero-left .trend{font-size:var(--text-xs);color:#fffc;align-items:center;gap:.25rem;margin-top:.375rem;display:flex}.donut-legend{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.donut-legend-item{font-size:var(--text-xs);color:#ffffffe6;align-items:center;gap:.375rem;display:flex}.donut-legend-dot{border-radius:var(--radius-full);width:8px;height:8px}.coord-kpis{grid-template-columns:1fr 1fr;gap:.75rem;margin:0 1.25rem .875rem;display:grid}.kpi-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1rem}.kpi-card .kpi-label{font-size:var(--text-xs);color:var(--gray-500);align-items:center;gap:.375rem;margin-bottom:.5rem;display:flex}.kpi-card .kpi-value{color:var(--gray-900);font-size:2rem;font-weight:800;line-height:1}.kpi-card .kpi-trend{font-size:var(--text-xs);align-items:center;gap:.25rem;margin-top:.375rem;font-weight:500;display:flex}.kpi-trend.up{color:var(--color-success)}.kpi-trend.down{color:var(--color-error)}.chart-card{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 1.25rem .875rem;padding:1.25rem}.chart-card .chart-title{font-size:var(--text-sm);color:var(--gray-900);justify-content:space-between;align-items:center;margin-bottom:1rem;font-weight:700;display:flex}.dep-bar-row{align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.dep-bar-row:last-child{margin-bottom:0}.dep-bar-icon{border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.dep-bar-label{width:80px;font-size:var(--text-sm);color:var(--gray-700);flex-shrink:0;font-weight:500}.dep-bar-track{background:var(--gray-100);border-radius:var(--radius-full);flex:1;height:8px;overflow:hidden}.dep-bar-fill{border-radius:var(--radius-full);height:100%}.dep-bar-count{font-size:var(--text-sm);color:var(--gray-900);text-align:right;min-width:50px;font-weight:700}.coord-menu-list{background:var(--white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);margin:0 1.25rem .875rem;overflow:hidden}.coord-menu-item{border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:center;gap:1rem;padding:1rem 1.25rem;transition:background .1s;display:flex}.coord-menu-item:last-child{border-bottom:none}.coord-menu-item:hover{background:var(--gray-50)}.coord-menu-icon{border-radius:var(--radius-sm);background:var(--green-100);width:40px;height:40px;color:var(--sena-green);flex-shrink:0;justify-content:center;align-items:center;display:flex}.coord-menu-text h4{font-size:var(--text-sm);color:var(--gray-900);font-weight:700}.coord-menu-text p{font-size:var(--text-xs);color:var(--gray-500)}.history-page{background:var(--gray-50);min-height:100vh;padding-bottom:var(--bottom-nav-height)}.history-patient-hero{background:var(--white);border-bottom:1px solid var(--gray-100);align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.history-patient-info h2{font-size:var(--text-xl);color:var(--gray-900);font-weight:800}.history-patient-info p{font-size:var(--text-sm);color:var(--gray-500)}.history-alert{background:var(--color-warning-bg);border-radius:var(--radius-sm);border:1px solid #fde68a;justify-content:space-between;align-items:center;gap:.75rem;margin-top:.875rem;padding:.75rem;display:flex}.history-alert p{font-size:var(--text-xs);color:#92400e;font-weight:600}.history-stats{background:var(--white);border-bottom:1px solid var(--gray-100);grid-template-columns:repeat(4,1fr);display:grid}.history-stat{text-align:center;border-right:1px solid var(--gray-100);padding:1rem .5rem}.history-stat:last-child{border-right:none}.history-stat .value{font-size:var(--text-xl);color:var(--gray-900);font-weight:800;line-height:1}.history-stat .label{color:var(--gray-500);margin-top:.25rem;font-size:.6rem;line-height:1.4}.history-timeline-item{background:var(--white);border-bottom:1px solid var(--gray-100);cursor:pointer;align-items:flex-start;gap:1rem;padding:1rem 1.25rem;display:flex}.history-date-col{text-align:center;min-width:50px}.history-date-col .day{font-size:var(--text-xl);color:var(--gray-900);font-weight:800;line-height:1}.history-date-col .month,.history-date-col .year,.history-date-col .time{color:var(--gray-500);font-size:.65rem}.history-dot{border-radius:var(--radius-full);flex-shrink:0;width:10px;height:10px;margin-top:.375rem}.history-apt-info{flex:1}.history-apt-info h4{font-size:var(--text-sm);color:var(--gray-900);font-weight:700}.history-apt-info p{font-size:var(--text-xs);color:var(--gray-500);margin-top:.125rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--surface-base);color:var(--gray-900);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,-apple-system,sans-serif;line-height:1.55}#root{min-height:100vh}h1,h2,h3{letter-spacing:-.02em;font-family:Sora,DM Sans,system-ui,sans-serif}.field{flex-direction:column;gap:.375rem;display:flex}.field label{font-size:var(--text-sm);color:var(--gray-800);font-weight:600}.field input,.field select,.field textarea{border:1.5px solid var(--border-strong);border-radius:var(--radius-sm);font-size:var(--text-base);color:var(--gray-900);background:var(--white);transition:border-color var(--duration) ease, box-shadow var(--duration) ease;outline:none;padding:.6875rem .875rem;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--sena-green);box-shadow:var(--shadow-focus)}.field input::placeholder,.field textarea::placeholder{color:var(--gray-500)}.loading-screen{height:100vh;font-size:var(--text-sm);color:var(--gray-500);justify-content:center;align-items:center;font-family:inherit;display:flex}.badge{border-radius:var(--radius-full);white-space:nowrap;align-items:center;gap:.25rem;padding:.225rem .625rem;font-size:.6875rem;font-weight:700;line-height:1.4;display:inline-flex}.badge-pending{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.badge-confirmed{background:var(--color-info-bg);color:var(--color-info);border:1px solid var(--color-info-border)}.badge-completed{background:var(--color-success-bg);color:var(--color-success);border:1px solid var(--color-success-border)}.badge-cancelled,.badge-no_show{background:var(--gray-200);color:var(--gray-600);border:1px solid var(--gray-300)}.badge-green{background:var(--green-50);color:var(--sena-green);border:1px solid var(--green-100)}.info-banner{background:var(--green-10);border:1px solid var(--green-100);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--gray-700);align-items:flex-start;gap:.75rem;padding:.875rem 1rem;line-height:1.6;display:flex}.notes-textarea{border:1.5px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:var(--text-sm);color:var(--gray-900);resize:vertical;transition:border-color var(--duration) ease, box-shadow var(--duration) ease;background:var(--white);outline:none;padding:.875rem;font-family:inherit;line-height:1.6}.notes-textarea:focus{border-color:var(--sena-green);box-shadow:var(--shadow-focus)}.notes-char-count{font-size:var(--text-xs);color:var(--gray-500);text-align:right;margin-top:.375rem}.tabs{border-bottom:1px solid var(--border-color);background:var(--white);display:flex}.tab-item{font-family:inherit;font-size:var(--text-sm);color:var(--gray-500);cursor:pointer;transition:color var(--duration) ease, border-color var(--duration) ease;white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:.75rem 1rem;font-weight:500}.tab-item:hover{color:var(--gray-800)}.tab-item.active{color:var(--gray-900);border-bottom-color:var(--sena-green);font-weight:700}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:3px solid var(--gray-200);border-top-color:var(--sena-green);border-radius:50%;width:28px;height:28px;animation:.65s linear infinite spin}.empty-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3.5rem 1rem;display:flex}.empty-state-icon{background:var(--gray-200);border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;margin-bottom:1rem;display:flex}*{scrollbar-width:thin;scrollbar-color:#d1d5db transparent}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}::-webkit-scrollbar-track{background:0 0}:focus-visible{outline:2.5px solid var(--sena-green);outline-offset:2px}