@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";
:root{--font-primary:"Inter",-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",sans-serif;--color-bg:#f5f5f7;--color-surface:#ffffffb8;--color-surface-solid:#fff;--color-surface-hover:#ffffffd9;--color-surface-secondary:#f5f5f7cc;--color-text-primary:#1d1d1f;--color-text-secondary:#6e6e73;--color-text-tertiary:#aeaeb2;--color-border:#0000000f;--color-border-strong:#0000001f;--color-divider:#0000000d;--color-accent:#007aff;--color-accent-hover:#0071e3;--color-accent-light:#007aff1a;--color-accent-gradient:linear-gradient(135deg,#007aff 0%,#5ac8fa 100%);--color-success:#34c759;--color-success-light:#34c7591f;--color-warning:#ff9f0a;--color-warning-light:#ff9f0a1f;--color-danger:#ff3b30;--color-danger-light:#ff3b301f;--color-info:#5ac8fa;--color-info-light:#5ac8fa1f;--color-purple:#af52de;--color-purple-light:#af52de1f;--glass-bg:#ffffffb8;--glass-bg-thick:#ffffffd9;--glass-bg-thin:#ffffff73;--glass-border:#ffffff80;--glass-shadow:0 2px 20px #0000000f,0 0 1px #00000014;--glass-shadow-lg:0 8px 40px #00000014,0 0 1px #0000000f;--glass-shadow-hover:0 8px 40px #0000001f,0 0 1px #00000014;--glass-blur:blur(40px);--glass-blur-lg:blur(60px);--glass-saturate:saturate(180%);--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-full:9999px;--sidebar-width:260px;--sidebar-collapsed-width:72px;--topbar-height:64px}[data-theme=dark]{--color-bg:#000;--color-surface:#1c1c1eb8;--color-surface-solid:#1c1c1e;--color-surface-hover:#2c2c2ed9;--color-surface-secondary:#2c2c2e99;--color-text-primary:#f5f5f7;--color-text-secondary:#98989d;--color-text-tertiary:#636366;--color-border:#ffffff14;--color-border-strong:#ffffff26;--color-divider:#ffffff0f;--color-accent:#0a84ff;--color-accent-hover:#409cff;--color-accent-light:#0a84ff2e;--color-accent-gradient:linear-gradient(135deg,#0a84ff 0%,#5ac8fa 100%);--color-success:#30d158;--color-success-light:#30d1582e;--color-warning:#ff9f0a;--color-warning-light:#ff9f0a2e;--color-danger:#ff453a;--color-danger-light:#ff453a2e;--glass-bg:#1c1c1ea6;--glass-bg-thick:#2c2c2ecc;--glass-bg-thin:#1c1c1e66;--glass-border:#ffffff1a;--glass-shadow:0 2px 20px #0000004d,0 0 1px #ffffff0d;--glass-shadow-lg:0 8px 40px #0006,0 0 1px #ffffff0d;--glass-shadow-hover:0 8px 40px #00000080,0 0 1px #ffffff14}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:16px}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text-primary);line-height:1.5;transition:background-color .4s,color .3s;overflow-x:hidden}a{color:var(--color-accent);text-decoration:none}button{cursor:pointer;font-family:var(--font-primary);font-size:inherit;color:inherit;background:0 0;border:none}input,select,textarea{font-family:var(--font-primary);font-size:inherit;color:var(--color-text-primary)}.app-layout{min-height:100vh;display:flex}.main-content{margin-left:var(--sidebar-width);padding-top:var(--topbar-height);flex:1;min-height:100vh;transition:margin-left .35s cubic-bezier(.4,0,.2,1)}.page-container{padding:var(--space-xl);max-width:1440px;margin:0 auto;animation:.4s fadeIn}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-panel:hover{box-shadow:var(--glass-shadow-hover)}.glass-panel-thick{background:var(--glass-bg-thick);-webkit-backdrop-filter:var(--glass-blur-lg)var(--glass-saturate)}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:var(--space-lg);transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-card:hover{box-shadow:var(--glass-shadow-hover);transform:translateY(-2px)}.glass-card-flat{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--glass-shadow);padding:var(--space-lg)}.page-title{letter-spacing:-.025em;color:var(--color-text-primary);font-size:2rem;font-weight:700}.page-subtitle{color:var(--color-text-secondary);margin-top:var(--space-xs);font-size:1rem;font-weight:400}.section-title{letter-spacing:-.02em;color:var(--color-text-primary);font-size:1.25rem;font-weight:600}.label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.8125rem;font-weight:500}.btn{justify-content:center;align-items:center;gap:var(--space-sm);border-radius:var(--radius-md);white-space:nowrap;padding:10px 20px;font-size:.9375rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.btn:after{content:"";opacity:0;border-radius:inherit;background:currentColor;transition:opacity .2s;position:absolute;inset:0}.btn:active:after{opacity:.1}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:0 2px 8px #007aff40}.btn-primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:0 4px 16px #007aff59}.btn-secondary{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);color:var(--color-text-primary)}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-ghost{color:var(--color-accent);padding:8px 16px}.btn-ghost:hover{background:var(--color-accent-light)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover{opacity:.9;transform:translateY(-1px)}.btn-sm{border-radius:var(--radius-sm);padding:6px 14px;font-size:.8125rem}.btn-icon{border-radius:var(--radius-md);justify-content:center;align-items:center;width:40px;height:40px;padding:0;display:inline-flex}.input-group{flex-direction:column;gap:6px;display:flex}.input-group label{color:var(--color-text-secondary);font-size:.8125rem;font-weight:500}.input-field{background:var(--glass-bg-thin);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-border);border-radius:var(--radius-md);width:100%;color:var(--color-text-primary);outline:none;padding:12px 16px;font-size:.9375rem;transition:all .25s}.input-field::placeholder{color:var(--color-text-tertiary)}.input-field:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-light);background:var(--color-surface)}.input-search{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%23aeaeb2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");background-position:14px;background-repeat:no-repeat;padding-left:44px}textarea.input-field{resize:vertical;min-height:80px}select.input-field{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23aeaeb2' 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-position:right 14px center;background-repeat:no-repeat;padding-right:40px}.badge{border-radius:var(--radius-full);letter-spacing:.01em;align-items:center;gap:4px;padding:4px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.badge-confirmed{background:var(--color-success-light);color:var(--color-success)}.badge-pending{background:var(--color-warning-light);color:var(--color-warning)}.badge-cancelled{background:var(--color-danger-light);color:var(--color-danger)}.badge-info{background:var(--color-accent-light);color:var(--color-accent)}.badge-purple{background:var(--color-purple-light);color:var(--color-purple)}.stats-grid{gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.stat-card{padding:var(--space-lg);align-items:flex-start;gap:var(--space-md);display:flex}.stat-card.clickable{cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.stat-card.clickable:hover{box-shadow:var(--glass-shadow-hover);border-color:#3b82f64d;transform:translateY(-4px)}.stat-card.clickable:active{transform:translateY(-1px)}.stat-card.clickable[data-tooltip]:before{content:attr(data-tooltip);color:#fff;white-space:nowrap;opacity:0;pointer-events:none;z-index:10;background:#0f0f11f2;border:1px solid #ffffff14;border-radius:6px;padding:6px 12px;font-size:.75rem;font-weight:500;transition:all .2s;position:absolute;bottom:-32px;left:50%;transform:translate(-50%)translateY(4px);box-shadow:0 4px 12px #00000026}.stat-card.clickable[data-tooltip]:hover:before{opacity:1;transform:translate(-50%)translateY(0)}.stat-icon{border-radius:var(--radius-lg);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.25rem;display:flex}.stat-icon.blue{background:var(--color-accent-light);color:var(--color-accent)}.stat-icon.green{background:var(--color-success-light);color:var(--color-success)}.stat-icon.orange{background:var(--color-warning-light);color:var(--color-warning)}.stat-icon.purple{background:var(--color-purple-light);color:var(--color-purple)}.stat-info{flex:1}.stat-value{letter-spacing:-.03em;font-size:1.75rem;font-weight:700;line-height:1.2}.stat-label{color:var(--color-text-secondary);margin-top:2px;font-size:.8125rem}.stat-change{margin-top:4px;font-size:.75rem;font-weight:500}.stat-change.positive{color:var(--color-success)}.stat-change.negative{color:var(--color-danger)}.sidebar{width:var(--sidebar-width);z-index:100;background:var(--glass-bg-thick);height:100vh;-webkit-backdrop-filter:var(--glass-blur-lg)var(--glass-saturate);border-right:1px solid var(--glass-border);padding:var(--space-lg)var(--space-md);flex-direction:column;transition:all .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-logo{align-items:center;gap:var(--space-md);padding:var(--space-sm)var(--space-sm);margin-bottom:var(--space-xl);display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:var(--color-accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.sidebar-logo-text{letter-spacing:-.02em;white-space:nowrap;font-size:1.0625rem;font-weight:600}.sidebar-logo-sub{color:var(--color-text-secondary);white-space:nowrap;font-size:.6875rem}.sidebar-section-label{text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);padding:var(--space-md)var(--space-sm)var(--space-sm);font-size:.6875rem;font-weight:600}.sidebar-nav{flex-direction:column;gap:2px;display:flex}.sidebar-link{align-items:center;gap:var(--space-md);border-radius:var(--radius-md);color:var(--color-text-secondary);white-space:nowrap;padding:10px 12px;font-size:.9375rem;font-weight:450;text-decoration:none;transition:all .2s;display:flex}.sidebar-link:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.sidebar-link.active{background:var(--color-accent-light);color:var(--color-accent);font-weight:550}.sidebar-link-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:1.1rem;display:flex}.sidebar-link-badge{background:var(--color-danger);color:#fff;border-radius:var(--radius-full);text-align:center;min-width:20px;margin-left:auto;padding:2px 7px;font-size:.6875rem;font-weight:600}.topbar{top:0;left:var(--sidebar-width);height:var(--topbar-height);z-index:90;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur)var(--glass-saturate);border-bottom:1px solid var(--glass-border);padding:0 var(--space-xl);justify-content:space-between;align-items:center;transition:left .35s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;right:0}.topbar-left,.topbar-right{align-items:center;gap:var(--space-md);display:flex}.topbar-search{width:280px}.topbar-icon-btn{border-radius:var(--radius-md);width:38px;height:38px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative}.topbar-icon-btn:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.topbar-notification-dot{background:var(--color-danger);border:2px solid var(--color-surface-solid);border-radius:50%;width:8px;height:8px;position:absolute;top:6px;right:6px}.topbar-avatar{border-radius:var(--radius-full);background:var(--color-accent-gradient);color:#fff;cursor:pointer;justify-content:center;align-items:center;width:34px;height:34px;font-size:.8125rem;font-weight:600;display:flex}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(12px);padding:var(--space-xl);background:#0009;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.modal-content{background-color:var(--color-surface-solid);border:1px solid var(--glass-border);background-image:linear-gradient(135deg,#ffffff0d 0%,#fff0 100%);border-radius:24px;width:100%;max-width:580px;max-height:85vh;animation:.35s cubic-bezier(.16,1,.3,1) slideUp;position:relative;overflow-y:auto;box-shadow:0 24px 60px #0006,inset 0 1px 1px #ffffff26}.modal-header{padding:var(--space-lg)var(--space-lg)var(--space-md);justify-content:space-between;align-items:center;display:flex}.modal-title{letter-spacing:-.02em;font-size:1.125rem;font-weight:600}.modal-close{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-secondary);justify-content:center;align-items:center;transition:all .2s;display:flex}.modal-close:hover{background:var(--color-surface-hover);color:var(--color-text-primary)}.modal-body{padding:0 var(--space-lg)var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex}.modal-footer{padding:var(--space-md)var(--space-lg)var(--space-lg);justify-content:flex-end;gap:var(--space-sm);border-top:1px solid var(--color-divider);display:flex}.toggle{cursor:pointer;width:52px;height:32px;position:relative}.toggle input{opacity:0;width:0;height:0;position:absolute}.toggle-slider{background:var(--color-text-tertiary);border-radius:var(--radius-full);transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.toggle-slider:before{content:"";background:#fff;border-radius:50%;width:26px;height:26px;transition:all .3s cubic-bezier(.4,0,.2,1);position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0003}.toggle input:checked+.toggle-slider{background:var(--color-accent)}.toggle input:checked+.toggle-slider:before{transform:translate(20px)}.fab{bottom:var(--space-xl);right:var(--space-xl);border-radius:var(--radius-full);background:var(--color-accent-gradient);color:#fff;z-index:50;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;box-shadow:0 6px 24px #007aff59}.fab:hover{transform:scale(1.08)translateY(-2px);box-shadow:0 8px 32px #007aff73}.fab:active{transform:scale(.95)}.table-container{border-radius:var(--radius-lg);overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;width:100%}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);border-bottom:1px solid var(--color-divider);padding:12px 16px;font-size:.75rem;font-weight:600}.data-table td{border-bottom:1px solid var(--color-divider);vertical-align:middle;padding:14px 16px;font-size:.9375rem}.data-table tbody tr{transition:background .15s}.data-table tbody tr:hover{background:var(--color-surface-hover)}.data-table tbody tr:last-child td{border-bottom:none}.tabs{background:var(--glass-bg-thin);border-radius:var(--radius-md);border:1px solid var(--color-border);gap:2px;padding:3px;display:flex}.tab{border-radius:var(--radius-sm);color:var(--color-text-secondary);white-space:nowrap;padding:8px 18px;font-size:.875rem;font-weight:500;transition:all .2s}.tab:hover{color:var(--color-text-primary)}.tab.active{background:var(--color-surface-solid);color:var(--color-text-primary);box-shadow:0 1px 4px #0000000f}.calendar-grid{background:var(--color-divider);border-radius:var(--radius-lg);grid-template-columns:repeat(7,1fr);gap:1px;display:grid;overflow:hidden}.calendar-header-cell{text-align:center;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary);background:var(--color-surface);padding:12px;font-size:.75rem;font-weight:600}.calendar-cell{background:var(--color-surface);cursor:pointer;min-height:100px;padding:8px;transition:background .15s}.calendar-cell:hover{background:var(--color-surface-hover)}.calendar-cell-date{color:var(--color-text-secondary);margin-bottom:4px;font-size:.8125rem;font-weight:500}.calendar-cell.today .calendar-cell-date{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;display:flex}.calendar-cell.other-month{opacity:.35}.calendar-event{cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:4px;margin-bottom:2px;padding:3px 6px;font-size:.6875rem;font-weight:500;transition:opacity .15s;overflow:hidden}.calendar-event:hover{opacity:.8}.calendar-event.checkup{background:var(--color-accent-light);color:var(--color-accent)}.calendar-event.cleaning{background:var(--color-success-light);color:var(--color-success)}.calendar-event.treatment{background:var(--color-warning-light);color:var(--color-warning)}.calendar-event.surgery{background:var(--color-danger-light);color:var(--color-danger)}.calendar-event.consultation{background:var(--color-purple-light);color:var(--color-purple)}.timeline{padding-left:28px;position:relative}.timeline:before{content:"";background:var(--color-border);border-radius:1px;width:2px;position:absolute;top:4px;bottom:4px;left:8px}.timeline-item{padding-bottom:var(--space-lg);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-dot{border:3px solid var(--color-accent);background:var(--color-surface-solid);border-radius:50%;width:14px;height:14px;position:absolute;top:4px;left:-24px}.timeline-dot.green{border-color:var(--color-success)}.timeline-dot.orange{border-color:var(--color-warning)}.timeline-dot.red{border-color:var(--color-danger)}.timeline-time{color:var(--color-text-tertiary);margin-bottom:4px;font-size:.75rem}.timeline-text{color:var(--color-text-primary);font-size:.9375rem}.timeline-subtext{color:var(--color-text-secondary);margin-top:2px;font-size:.8125rem}.treatment-card{background:var(--glass-bg-thin);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:8px;margin-bottom:16px;padding:16px;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.treatment-card:hover{background:var(--color-surface-hover);box-shadow:var(--glass-shadow-hover);border-color:#3b82f666;transform:translateY(-2px)}.treatment-card-header{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.treatment-card-title{color:var(--color-text-primary);font-size:.9375rem;font-weight:600}.treatment-card-actions{align-items:center;gap:6px;display:flex}.treatment-card-action-btn{width:28px;height:28px;color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;background:#ffffff05;border-radius:6px;justify-content:center;align-items:center;transition:all .15s;display:flex}.treatment-card-action-btn:hover{color:var(--color-text-primary);background:var(--color-surface-hover)}.treatment-card-action-btn.edit:hover{color:#007aff;background:#007aff1f;border-color:#007aff}.treatment-card-action-btn.delete:hover{color:#ff3b30;background:#ff3b301f;border-color:#ff3b30}.treatment-card-date{color:var(--color-text-tertiary);font-size:.75rem;font-weight:500}.treatment-card-notes{color:var(--color-text-secondary);border-left:3px solid var(--color-accent);background:#ffffff05;border-radius:6px;margin-top:4px;padding:8px 12px;font-size:.8125rem;font-style:italic}.treatment-card-footer{color:var(--color-text-secondary);border-top:1px dashed var(--color-divider);justify-content:space-between;align-items:center;margin-top:4px;padding-top:8px;font-size:.8125rem;display:flex}.treatment-card-dentist{font-weight:500}.treatment-card-cost{color:var(--color-success);font-weight:600}.notification-item{gap:var(--space-md);padding:var(--space-md);border-radius:var(--radius-md);cursor:pointer;transition:background .15s;display:flex}.notification-item:hover{background:var(--color-surface-hover)}.notification-icon{border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.notification-content{flex:1;min-width:0}.notification-title{font-size:.9375rem;font-weight:500}.notification-desc{color:var(--color-text-secondary);margin-top:2px;font-size:.8125rem}.notification-time{color:var(--color-text-tertiary);flex-shrink:0;margin-top:2px;font-size:.6875rem}.notification-item.unread{background:var(--color-accent-light)}.profile-header{align-items:center;gap:var(--space-xl);padding:var(--space-xl);display:flex}.profile-avatar{border-radius:var(--radius-2xl);background:var(--color-accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:80px;height:80px;font-size:2rem;font-weight:600;display:flex}.profile-info h2{letter-spacing:-.02em;font-size:1.5rem;font-weight:700}.profile-contact{gap:var(--space-lg);margin-top:var(--space-sm);flex-wrap:wrap;display:flex}.profile-contact-item{color:var(--color-text-secondary);align-items:center;gap:6px;font-size:.875rem;display:flex}.empty-state{padding:var(--space-3xl)var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.empty-state-icon{margin-bottom:var(--space-md);opacity:.5;font-size:3rem}.empty-state-title{color:var(--color-text-primary);font-size:1.125rem;font-weight:600}.empty-state-desc{color:var(--color-text-secondary);margin-top:var(--space-xs);max-width:320px;font-size:.875rem}.grid-2{gap:var(--space-md);grid-template-columns:1fr 1fr;display:grid}.grid-3{gap:var(--space-md);grid-template-columns:repeat(3,1fr);display:grid}.grid-dashboard{gap:var(--space-lg);grid-template-columns:1fr 380px;display:grid}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-gap{align-items:center;gap:var(--space-md);display:flex}.flex-gap-sm{align-items:center;gap:var(--space-sm);display:flex}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #007aff4d}50%{box-shadow:0 0 0 8px #007aff00}}.animate-fade-in{animation:.4s fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.4,0,.2,1) slideUp}.animate-slide-down{animation:.3s slideDown}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scaleIn}.stagger>*{animation:.4s cubic-bezier(.4,0,.2,1) both slideUp}.stagger>:first-child{animation-delay:0s}.stagger>:nth-child(2){animation-delay:50ms}.stagger>:nth-child(3){animation-delay:.1s}.stagger>:nth-child(4){animation-delay:.15s}.stagger>:nth-child(5){animation-delay:.2s}.stagger>:nth-child(6){animation-delay:.25s}@media (max-width:1200px){.grid-dashboard{grid-template-columns:1fr}}@media (max-width:1024px){.sidebar{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0}.topbar{left:0}.grid-3{grid-template-columns:1fr 1fr}}@media (max-width:768px){:root{--space-xl:20px;--space-lg:16px}.page-title{font-size:1.5rem}.stats-grid{grid-template-columns:1fr 1fr}.grid-2,.grid-3{grid-template-columns:1fr}.profile-header{text-align:center;flex-direction:column}.profile-contact{justify-content:center}.topbar-search{display:none}.calendar-cell{min-height:60px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}.tabs{overflow-x:auto}}