@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.sidebar{width:var(--sidebar-width);background:var(--color-sidebar-bg);border-right:1px solid var(--color-sidebar-border);transition:width var(--transition-base);z-index:50;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;box-shadow:2px 0 8px #7c3aed0d}.sidebar.collapsed{width:var(--sidebar-collapsed)}.sidebar-logo{border-bottom:1px solid var(--color-border-light);justify-content:space-between;align-items:center;min-height:72px;padding:20px 16px 16px;display:flex}.sidebar-logo-full{align-items:center;gap:10px;display:flex}.logo-icon,.logo-icon-only{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;box-shadow:0 4px 12px #7c3aed4d}.logo-icon-only{margin:0 auto}.logo-text{color:var(--color-text-primary);letter-spacing:-.02em;background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:800}.sidebar-toggle{border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:28px;height:28px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-toggle:hover{background:var(--color-primary-surface);border-color:var(--color-primary-light);color:var(--color-primary)}.sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:12px 10px;display:flex;overflow-y:auto}.nav-section{flex-direction:column;display:flex}.nav-item{border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);text-align:left;white-space:nowrap;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:10px 12px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{background:var(--color-primary-surface);color:var(--color-primary)}.nav-item.active{background:var(--color-primary-surface);color:var(--color-primary);font-weight:600}.nav-item.child-active .nav-label{color:var(--color-primary)}.nav-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;display:flex}.nav-label{flex:1}.nav-arrow{color:var(--color-text-muted);align-items:center;display:flex}.nav-children{flex-direction:column;gap:1px;padding:4px 0 4px 32px;animation:.2s fadeIn;display:flex}.nav-child{border-radius:var(--radius-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;font-weight:500;text-decoration:none;display:flex}.nav-child:hover{color:var(--color-primary);background:var(--color-primary-surface)}.nav-child.active{color:var(--color-primary);background:var(--color-primary-surface);font-weight:600}.nav-child-icon{color:var(--color-text-muted);align-items:center;display:flex}.nav-child.active .nav-child-icon,.nav-child:hover .nav-child-icon{color:var(--color-primary)}.sidebar-user{border-top:1px solid var(--color-border-light);flex-direction:column;gap:8px;padding:12px 10px 16px;display:flex}.user-info{border-radius:var(--radius-md);background:var(--color-surface-2);align-items:center;gap:10px;padding:8px 10px;display:flex}.user-info.collapsed{justify-content:center;padding:8px}.user-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.875rem;font-weight:700;display:flex}.user-meta{flex:1;min-width:0}.user-name{color:var(--color-text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:.8125rem;font-weight:600;overflow:hidden}.user-role{color:var(--color-text-muted);font-size:.6875rem;font-weight:500}.btn-logout{border-radius:var(--radius-md);width:100%;color:var(--color-danger);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.8125rem;font-weight:500;display:flex}.btn-logout:hover{background:var(--color-danger-surface)}.sidebar.collapsed .nav-item{justify-content:center;padding:10px}.sidebar.collapsed .sidebar-nav{padding:12px 6px}.sidebar.collapsed .sidebar-user{padding:12px 6px 16px}.sidebar.collapsed .btn-logout{padding:8px}@media (width<=768px){.sidebar{display:none!important}}.app-header{padding:0 var(--space-8);background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:40;height:72px;box-shadow:var(--shadow-xs);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex;position:sticky;top:0}.header-left{align-items:center;gap:var(--space-4);display:flex}.header-title{color:var(--color-text-primary);font-size:1.25rem;font-weight:800;line-height:1.2}.header-subtitle{color:var(--color-text-muted);font-size:.75rem;font-weight:500}.header-right{align-items:center;gap:var(--space-3);display:flex}.header-date{color:var(--color-text-muted);text-transform:capitalize;margin-right:var(--space-2);font-size:.75rem;font-weight:500}.header-icon-btn{border-radius:var(--radius-md);border:1.5px solid var(--color-border);background:var(--color-surface);width:38px;height:38px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);justify-content:center;align-items:center;display:flex;position:relative}.header-icon-btn:hover{background:var(--color-primary-surface);border-color:var(--color-primary-light);color:var(--color-primary)}.notification-dot{background:var(--color-danger);border:2px solid var(--color-surface);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;right:6px}.header-avatar{background:linear-gradient(135deg, var(--color-primary), var(--color-secondary));color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.875rem;font-weight:700;display:flex;box-shadow:0 2px 8px #7c3aed40}@media (width<=640px){.header-date,.header-subtitle{display:none}.header-title{font-size:1.1rem}.app-header{padding:0 var(--space-4)}}.bottom-nav{display:none}@media (width<=768px){.bottom-nav{background:var(--color-surface);border-top:1px solid var(--color-border);z-index:100;height:65px;padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 10px #00000005}.bn-item{height:100%;color:var(--color-text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;font-size:.7rem;font-weight:600;text-decoration:none;display:flex}.bn-item.active{color:var(--color-primary)}.bn-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;background:#0009;flex-direction:column;justify-content:flex-end;display:flex;position:fixed;inset:0}.bn-menu{background:var(--color-bg);padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.bn-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.bn-header h3{font-weight:800}.bn-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.bn-grid-item{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);-webkit-tap-highlight-color:transparent;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:15px 10px;font-size:.75rem;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.bn-grid-item.active{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-surface)}}.app-layout{background:var(--color-bg);min-height:100vh;display:flex}.app-main{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-base);flex-direction:column;flex:1;display:flex}.app-content{padding:var(--space-8) var(--space-8);flex:1;overflow-y:auto}@media (width<=768px){.app-main{width:100vw;margin-left:0;padding-bottom:75px;overflow-x:hidden}.app-content{padding:var(--space-4)}}.login-page{background:#faf9ff;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.login-bg{pointer-events:none;z-index:0;position:absolute;inset:0}.login-blob{filter:blur(80px);opacity:.25;border-radius:50%;position:absolute}.login-blob-1{background:radial-gradient(circle,#a78bfa,#7c3aed);width:600px;height:600px;animation:8s ease-in-out infinite blobFloat;top:-200px;left:-150px}.login-blob-2{background:radial-gradient(circle,#6ee7b7,#10b981);width:400px;height:400px;animation:10s ease-in-out infinite reverse blobFloat;bottom:-100px;right:-100px}.login-blob-3{background:radial-gradient(circle,#fde68a,#f59e0b);width:300px;height:300px;animation:12s ease-in-out 2s infinite blobFloat;top:40%;right:25%}@keyframes blobFloat{0%,to{transform:translate(0)scale(1)}33%{transform:translate(20px,-25px)scale(1.05)}66%{transform:translate(-15px,15px)scale(.97)}}.login-container{z-index:1;width:100%;max-width:960px;margin:var(--space-4);border-radius:var(--radius-2xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);animation:scaleIn .5s var(--transition-spring) forwards;background:#ffffffb3;border:1px solid #7c3aed1a;grid-template-columns:1.1fr 1fr;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #7c3aed1f}.login-left{color:#fff;background:linear-gradient(160deg,#7c3aed 0%,#5b21b6 60%,#10b981 150%);flex-direction:column;gap:32px;padding:48px 40px;display:flex}.login-brand{align-items:center;gap:12px;display:flex}.login-logo{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fff3;border:1px solid #ffffff4d;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.login-logo-name{letter-spacing:-.04em;font-size:1.75rem;font-weight:800}.login-tagline h1{margin-bottom:12px;font-size:1.625rem;font-weight:800;line-height:1.25}.login-tagline p{opacity:.85;font-size:.9rem;font-weight:400;line-height:1.6}.login-features{flex-direction:column;gap:12px;margin-top:auto;display:flex}.login-feature-item{opacity:.9;border-radius:var(--radius-md);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all var(--transition-fast);background:#ffffff1f;border:1px solid #ffffff26;align-items:center;gap:12px;padding:10px 16px;font-size:.875rem;font-weight:500;display:flex}.login-feature-item:hover{background:#fff3;transform:translate(4px)}.login-right{justify-content:center;align-items:center;padding:48px 40px;display:flex}.login-card{flex-direction:column;gap:24px;width:100%;max-width:360px;display:flex}.login-card-header h2{color:var(--color-text-primary);margin-bottom:6px;font-size:1.5rem;font-weight:800}.login-card-header p{color:var(--color-text-secondary);font-size:.875rem}.login-error{background:var(--color-danger-surface);border-radius:var(--radius-md);color:#991b1b;border:1px solid #ef444433;align-items:center;gap:10px;padding:12px 16px;font-size:.875rem;font-weight:500;animation:.3s slideInUp;display:flex}.login-form{flex-direction:column;gap:16px;display:flex}.input-password-wrapper{position:relative}.input-password-wrapper .form-input{padding-right:44px}.password-toggle{color:var(--color-text-muted);cursor:pointer;transition:color var(--transition-fast);background:0 0;border:none;align-items:center;padding:4px;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:var(--color-primary)}.login-submit{justify-content:center;gap:10px;width:100%;height:48px;margin-top:4px;font-size:.9375rem}.spinner-icon{animation:.7s linear infinite spin}.login-footer-text{text-align:center;color:var(--color-text-muted);font-size:.75rem;line-height:1.5}@media (width<=768px){.login-container{margin:var(--space-4);grid-template-columns:1fr}.login-left{gap:20px;padding:32px 28px}.login-features{display:none}.login-right{padding:36px 28px}}@media (width<=480px){.login-left{display:none}.login-container{border-radius:var(--radius-xl);background:#fff}.login-right{padding:32px 24px}}.home-page{max-width:1100px;animation:.4s fadeIn}.home-welcome{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2.5rem;display:flex}.home-title{color:var(--color-text-primary);margin-bottom:.375rem;font-size:1.875rem;font-weight:800;line-height:1.2}.home-subtitle{color:var(--color-text-secondary);text-transform:capitalize;font-size:.875rem}.section-title{color:var(--color-text-primary);margin-bottom:.25rem;font-size:1rem;font-weight:700}.home-section{margin-bottom:1.5rem}.quick-card{background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-xl);cursor:pointer;transition:all var(--transition-base);text-align:left;width:100%;box-shadow:var(--shadow-sm);align-items:center;gap:1rem;padding:1.25rem;display:flex}.quick-card:hover{border-color:var(--qc-color,var(--color-primary));transform:translateY(-2px);box-shadow:0 4px 20px #7c3aed1a}.qc-icon{border-radius:var(--radius-md);background:var(--qc-surface,var(--color-primary-surface));width:48px;height:48px;color:var(--qc-color,var(--color-primary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.qc-label{color:var(--color-text-primary);font-size:.9375rem;font-weight:700}.qc-desc{color:var(--color-text-secondary);margin-top:2px;font-size:.8125rem}.qc-arrow{color:var(--color-text-muted);transition:transform var(--transition-fast);margin-left:auto}.quick-card:hover .qc-arrow{color:var(--qc-color);transform:translate(4px)}.session-row{border-bottom:1px solid var(--color-border-light);align-items:center;gap:1rem;padding:.75rem 0;display:flex}.session-row:last-child{border-bottom:none}.session-row.available{opacity:.55}.session-time{color:var(--color-primary);min-width:48px;font-size:.875rem;font-weight:700}.session-info{flex:1}.session-patient{font-size:.9375rem;font-weight:600}.session-type{color:var(--color-text-secondary);margin-top:1px;font-size:.8125rem}@media (width<=768px){.home-title{font-size:1.5rem}}.consultorio-dashboard{animation:.4s fadeIn}.dashboard-grid{grid-template-columns:1.6fr 1fr;gap:1.5rem;display:grid}.chart-card{min-height:320px}.header-badges{flex-wrap:wrap;gap:.5rem;display:flex}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr}}.receitas-page{animation:.4s fadeIn}.agenda-page{flex-direction:column;height:calc(100vh - 8.5rem);animation:.4s fadeIn;display:flex}@media (width<=768px){.agenda-page{height:calc(100vh - 13rem)}}.calendar-card{flex-direction:column;flex:1;min-height:0;padding:1rem;display:flex}.calendar-card .fc{flex:1;min-height:0}.fc{font-family:var(--font-sans)!important}.fc .fc-toolbar-title{color:var(--color-text-primary)!important;font-size:1.125rem!important;font-weight:700!important}.fc .fc-button{background:var(--color-surface)!important;border:1.5px solid var(--color-border)!important;color:var(--color-text-secondary)!important;border-radius:var(--radius-sm)!important;transition:all var(--transition-fast)!important;text-transform:capitalize!important;padding:6px 12px!important;font-size:.8125rem!important;font-weight:600!important}.fc .fc-button:hover{background:var(--color-primary-surface)!important;border-color:var(--color-primary-light)!important;color:var(--color-primary)!important}.fc .fc-button-active,.fc .fc-button-primary:not(:disabled).fc-button-active{background:var(--color-primary)!important;border-color:var(--color-primary)!important;color:#fff!important}.fc .fc-col-header-cell-cushion{color:var(--color-text-secondary);font-size:.8125rem;font-weight:600;text-decoration:none}.fc .fc-daygrid-day-number,.fc .fc-timegrid-slot-label-cushion{color:var(--color-text-secondary);font-size:.8125rem;text-decoration:none}.fc .fc-event{cursor:pointer!important;background-color:#0000!important;border:none!important;border-radius:6px!important;overflow:hidden!important;box-shadow:0 2px 4px #0000000a!important}.fc .fc-event-main{height:100%!important;padding:0!important}.custom-event{transition:all var(--transition-fast);border-left:4px solid #0003;border-radius:6px;padding:4px 6px}.custom-event:hover{filter:brightness(1.05)}.fc .fc-now-indicator-line{border-color:var(--color-danger)!important}.fc .fc-timegrid-now-indicator-arrow{border-top-color:var(--color-danger)!important;border-bottom-color:var(--color-danger)!important}.fc th,.fc td{border-color:var(--color-border-light)!important}.drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-xl);text-align:center;cursor:pointer;background:var(--color-surface);padding:3rem 2rem;transition:all .25s}.drop-zone:hover,.drop-zone.dragging{border-color:var(--color-primary);background:var(--color-primary-surface);transform:scale(1.005)}.drop-zone.dragging{box-shadow:0 0 0 4px #7c3aed26}.conciliacao-item{border-radius:var(--radius-md);border:1px solid var(--color-border-light);background:var(--color-surface);flex-wrap:wrap;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:background .2s;display:flex}.conciliacao-item.conciliado{background:var(--color-secondary-surface);opacity:.7;border-color:#10b98133}.conciliacao-item:not(.conciliado):hover{background:var(--color-bg);border-color:var(--color-primary)}:root{--color-primary:#7c3aed;--color-primary-light:#a78bfa;--color-primary-dark:#5b21b6;--color-primary-surface:#ede9fe;--color-secondary:#10b981;--color-secondary-light:#6ee7b7;--color-secondary-dark:#059669;--color-secondary-surface:#d1fae5;--color-accent:#f59e0b;--color-accent-surface:#fef3c7;--color-success:#10b981;--color-success-surface:#d1fae5;--color-warning:#f59e0b;--color-warning-surface:#fef3c7;--color-danger:#ef4444;--color-danger-surface:#fee2e2;--color-info:#3b82f6;--color-info-surface:#dbeafe;--color-bg:#f8f7ff;--color-surface:#fff;--color-surface-2:#f3f0ff;--color-border:#e5e0fa;--color-border-light:#f0edf9;--color-text-primary:#1e1b4b;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-text-inverse:#fff;--sidebar-width:260px;--sidebar-collapsed:72px;--color-sidebar-bg:#fff;--color-sidebar-border:#e5e0fa;--font-sans:"Plus Jakarta Sans", "Inter", 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:1.875rem;--text-4xl:2.25rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:.375rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-2xl:2rem;--radius-full:9999px;--shadow-xs:0 1px 2px #7c3aed0a;--shadow-sm:0 2px 8px #7c3aed0f;--shadow-md:0 4px 16px #7c3aed1a;--shadow-lg:0 8px 32px #7c3aed1f;--shadow-xl:0 16px 48px #7c3aed26;--transition-fast:.15s ease;--transition-base:.25s ease;--transition-slow:.4s ease;--transition-spring:cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text-primary);min-height:100vh;line-height:1.6}#root{flex-direction:column;min-height:100vh;display:flex}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}ul,ol{list-style:none}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-primary-light);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-accent{color:var(--color-primary)}.container{width:100%;max-width:1400px;padding:0 var(--space-6);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.grid-2{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #7c3aed66}70%{transform:scale(1);box-shadow:0 0 0 10px #7c3aed00}to{transform:scale(.95);box-shadow:0 0 #7c3aed00}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:.4s forwards fadeIn}.animate-fadeInLeft{animation:.4s forwards fadeInLeft}.animate-scaleIn{animation:scaleIn .3s var(--transition-spring) forwards}.animate-slideInUp{animation:.4s forwards slideInUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:60ms}.stagger>:nth-child(3){animation-delay:.12s}.stagger>:nth-child(4){animation-delay:.18s}.stagger>:nth-child(5){animation-delay:.24s}.stagger>:nth-child(6){animation-delay:.3s}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base), transform var(--transition-base)}.card:hover{box-shadow:var(--shadow-md)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.kpi-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5) var(--space-6);gap:var(--space-3);box-shadow:var(--shadow-sm);transition:all var(--transition-base);cursor:default;flex-direction:column;display:flex;position:relative;overflow:hidden}.kpi-card:before{content:"";background:var(--kpi-color,var(--color-primary));border-radius:var(--radius-xl) var(--radius-xl) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.kpi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);font-weight:600}.kpi-value{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:800;line-height:1.2}.kpi-change{font-size:var(--text-xs);align-items:center;gap:var(--space-1);font-weight:600;display:flex}.kpi-change.positive{color:var(--color-success)}.kpi-change.negative{color:var(--color-danger)}.kpi-icon{border-radius:var(--radius-md);background:var(--kpi-surface,var(--color-primary-surface));width:40px;height:40px;color:var(--kpi-color,var(--color-primary));flex-shrink:0;justify-content:center;align-items:center;display:flex}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;font-weight:600;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary);box-shadow:0 4px 14px #7c3aed4d}.btn-primary:hover:not(:disabled){background:var(--color-primary-dark);border-color:var(--color-primary-dark);transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border);box-shadow:var(--shadow-xs)}.btn-secondary:hover:not(:disabled){border-color:var(--color-primary-light);background:var(--color-primary-surface);box-shadow:var(--shadow-sm)}.btn-success{background:var(--color-success);color:#fff;border-color:var(--color-success);box-shadow:0 4px 14px #10b9814d}.btn-danger{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.btn-ghost{color:var(--color-text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary)}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.badge{align-items:center;gap:var(--space-1);padding:3px var(--space-2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;display:inline-flex}.badge-primary{background:var(--color-primary-surface);color:var(--color-primary)}.badge-success{background:var(--color-success-surface);color:var(--color-secondary-dark)}.badge-warning{background:var(--color-warning-surface);color:#92400e}.badge-danger{background:var(--color-danger-surface);color:#991b1b}.badge-info{background:var(--color-info-surface);color:#1d4ed8}.badge-neutral{color:#6b7280;background:#f3f4f6}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);color:var(--color-text-primary);font-weight:600}.form-label span{color:var(--color-danger);margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-primary);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);outline:none}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #7c3aed1f}.form-input::placeholder{color:var(--color-text-muted)}.form-input.error{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:500}.table-wrapper{-webkit-overflow-scrolling:touch;border-radius:var(--radius-xl);border:1px solid var(--color-border);overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th{background:var(--color-surface-2);padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-secondary);white-space:nowrap;font-weight:700}.table td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);color:var(--color-text-primary)}.table tr:hover td{background:var(--color-surface-2)}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;padding:var(--space-4);background:#1e1b4b80;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--color-surface);border-radius:var(--radius-2xl);width:100%;max-width:540px;box-shadow:var(--shadow-xl);animation:scaleIn .25s var(--transition-spring);max-height:90vh;overflow-y:auto}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.modal-body{padding:var(--space-6)}.modal-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-border);gap:var(--space-3);justify-content:flex-end;display:flex}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:24px;height:24px;animation:.7s linear infinite spin}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.page-header{margin-bottom:var(--space-8);justify-content:space-between;align-items:center;gap:var(--space-4);display:flex}.page-title{font-size:var(--text-2xl);color:var(--color-text-primary);font-weight:800;line-height:1.2}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}.page-header{flex-direction:column;align-items:flex-start;gap:.5rem}.modal-overlay{align-items:flex-end;padding:0}.modal{border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;max-height:95vh;padding-bottom:env(safe-area-inset-bottom);width:100%;animation:slideInUp .3s var(--transition-spring);margin:0}}@media (width<=480px){.grid-3,.grid-4,.grid-2{grid-template-columns:1fr}}