:root{--spacing-3xl:4rem;--radius-sm:0.375rem;--radius-md:0.5rem;--radius-lg:0.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--transition-base:200ms ease;--transition-slow:300ms ease;--transition-slowest:500ms ease;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--leading-none:1;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--leading-loose:2;--color-primary-50:#faf5ff;--color-primary-100:#f3e8ff;--color-primary-200:#e9d5ff;--color-primary-300:#d8b4fe;--color-primary-400:#c084fc;--color-primary-500:#a855f7;--color-primary-600:#9333ea;--color-primary-700:#7e22ce;--color-primary-800:#6b21a8;--color-primary-900:#581c87;--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--bg-elevated:#fff;--bg-overlay:hsla(0,0%,100%,.95);--glass:hsla(0,0%,100%,.8);--glass-hover:hsla(0,0%,100%,.9);--glass-active:hsla(0,0%,100%,.95);--glass-border:rgba(0,0,0,.1);--glass-strong:hsla(0,0%,100%,.95);--glass-subtle:rgba(0,0,0,.02);--text-primary:rgba(0,0,0,.9);--text-secondary:rgba(0,0,0,.7);--text-tertiary:rgba(0,0,0,.5);--text-disabled:rgba(0,0,0,.3);--text-inverse:hsla(0,0%,100%,.95);--accent-primary:#7c3aed;--accent-primary-hover:#6d28d9;--accent-primary-active:#5b21b6;--accent-secondary:#2563eb;--accent-secondary-hover:#1d4ed8;--accent-secondary-active:#1e40af;--accent-success:#059669;--accent-success-hover:#047857;--accent-success-active:#065f46;--accent-warning:#d97706;--accent-warning-hover:#b45309;--accent-warning-active:#92400e;--accent-danger:#dc2626;--accent-danger-hover:#b91c1c;--accent-danger-active:#991b1b;--accent-info:#0891b2;--accent-info-hover:#0e7490;--accent-info-active:#155e75;--accent-primary-bg:rgba(124,58,237,.1);--accent-primary-border:rgba(124,58,237,.3);--accent-success-bg:rgba(5,150,105,.1);--accent-success-border:rgba(5,150,105,.3);--accent-warning-bg:rgba(217,119,6,.1);--accent-warning-border:rgba(217,119,6,.3);--accent-danger-bg:rgba(220,38,38,.1);--accent-danger-border:rgba(220,38,38,.3);--accent-info-bg:rgba(8,145,178,.1);--accent-info-border:rgba(8,145,178,.3);--border-primary:rgba(0,0,0,.1);--border-secondary:rgba(0,0,0,.05);--border-tertiary:rgba(0,0,0,.03);--border-focus:rgba(124,58,237,.5);--border-error:rgba(220,38,38,.5);--hover-overlay:rgba(0,0,0,.03);--active-overlay:rgba(0,0,0,.05);--focus-ring:rgba(124,58,237,.3);--focus-ring-offset:hsla(0,0%,100%,.1);--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.15);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.2);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-success:linear-gradient(135deg,#059669,#047857);--gradient-danger:linear-gradient(135deg,#dc2626,#b91c1c);--gradient-glass:linear-gradient(135deg,hsla(0,0%,100%,.95),rgba(248,250,252,.9));--scrollbar-track:rgba(0,0,0,.05);--scrollbar-thumb:rgba(0,0,0,.2);--scrollbar-thumb-hover:rgba(0,0,0,.3);--input-bg:rgba(0,0,0,.04);--input-bg-focus:rgba(0,0,0,.06);--input-bg-hover:rgba(0,0,0,.05);--input-border:rgba(0,0,0,.15);--input-border-focus:#3b82f6;--input-text:rgba(0,0,0,.9);--input-placeholder:rgba(0,0,0,.4);--btn-cancel-bg:rgba(0,0,0,.05);--btn-cancel-border:rgba(0,0,0,.15);--btn-cancel-text:rgba(0,0,0,.85);--btn-cancel-hover:rgba(0,0,0,.1)}.glass-card{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:hsla(0,0%,100%,.8);background:var(--glass)}.glass-card,.glass-card-strong{border:1px solid rgba(0,0,0,.1)}.glass-card-strong{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.95);background:var(--glass-strong);border:1px solid var(--glass-border)}:focus-visible{outline:2px solid rgba(124,58,237,.5);outline:2px solid var(--border-focus)}::selection{background:#7c3aed;background:var(--accent-primary);color:hsla(0,0%,100%,.95);color:var(--text-inverse)}::-webkit-scrollbar-track{background:rgba(0,0,0,.05);background:var(--scrollbar-track);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb{background:rgba(0,0,0,.2);background:var(--scrollbar-thumb)}::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.3);background:var(--scrollbar-thumb-hover)}*{transition-duration:.2s ease;transition-duration:var(--transition-base);transition-property:background-color,border-color,color,fill,stroke;transition-timing-function:ease}[data-theme-transitioning] *,[data-theme-transitioning] :after,[data-theme-transitioning] :before{transition:none!important}:root{--button-text-color:#fff;--button-text-hover:hsla(0,0%,100%,.95)}.btn{border-radius:8px;color:#fff;color:var(--button-text-color);font-family:inherit;font-size:13px;font-weight:600;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease;user-select:none;-webkit-user-select:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}.btn:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.btn-primary{background:var(--primary-color,#6366f1);border:none;color:var(--button-text-color)}.btn-primary:hover{background:#6366f1;background:var(--primary-color,#6366f1);color:hsla(0,0%,100%,.95);color:var(--button-text-hover)}.btn-primary:active{box-shadow:0 2px 6px rgba(99,102,241,.2);transform:translateY(0)}.btn-secondary{background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-secondary,hsla(0,0%,100%,.08));color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95))}.btn-secondary:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:var(--border-primary,hsla(0,0%,100%,.1));box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.btn-secondary:active{background:hsla(0,0%,100%,.05);background:var(--glass,hsla(0,0%,100%,.05));transform:translateY(0)}.btn-success{border:none;color:#fff;color:var(--button-text-color)}.btn-success,.btn-success:hover{background:#10b981;background:var(--accent-success,#10b981)}.btn-success:hover{border-color:#10b981;border-color:var(--accent-success,#10b981);box-shadow:0 4px 12px rgba(16,185,129,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-success:active{box-shadow:0 2px 6px rgba(16,185,129,.2);transform:translateY(0)}.btn-danger{border:none;color:#fff;color:var(--button-text-color)}.btn-danger,.btn-danger:hover{background:#ef4444;background:var(--accent-danger,#ef4444)}.btn-danger:hover{border-color:#ef4444;border-color:var(--accent-danger,#ef4444);box-shadow:0 4px 12px rgba(239,68,68,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-danger:active{box-shadow:0 2px 6px rgba(239,68,68,.2);transform:translateY(0)}.btn-warning{border:none;color:#fff;color:var(--button-text-color)}.btn-warning,.btn-warning:hover{background:#f59e0b;background:var(--accent-warning,#f59e0b)}.btn-warning:hover{border-color:#f59e0b;border-color:var(--accent-warning,#f59e0b);box-shadow:0 4px 12px rgba(245,158,11,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-warning:active{box-shadow:0 2px 6px rgba(245,158,11,.2);transform:translateY(0)}.btn-info{border:none;color:#fff;color:var(--button-text-color)}.btn-info,.btn-info:hover{background:#06b6d4;background:var(--accent-info,#06b6d4)}.btn-info:hover{border-color:#06b6d4;border-color:var(--accent-info,#06b6d4);box-shadow:0 4px 12px rgba(6,182,212,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.btn-info:active{box-shadow:0 2px 6px rgba(6,182,212,.2);transform:translateY(0)}.btn-ghost{border:1px solid hsla(0,0%,100%,.1);border:1px solid var(--border-primary,hsla(0,0%,100%,.1));color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95))}.btn-ghost:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.15);border-color:var(--border-primary,hsla(0,0%,100%,.15));transform:translateY(-1px)}.btn-ghost:active{background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));transform:translateY(0)}.btn-link{background:transparent;border:none;color:#8b5cf6;color:var(--accent-primary,#8b5cf6);padding:.5rem .75rem}.btn-link:hover{background:rgba(139,92,246,.1);background:var(--glass-hover,rgba(139,92,246,.1));text-decoration:underline;transform:none}.btn-link:active{background:rgba(139,92,246,.05);background:var(--glass-subtle,rgba(139,92,246,.05))}.btn-xs{font-size:11px;padding:.25rem .5rem}.btn-sm,.btn-xs{border-radius:6px}.btn-sm{font-size:12px;padding:.375rem .75rem}.btn-md{font-size:13px;padding:.5rem 1rem}.btn-lg,.btn-md{border-radius:8px}.btn-lg{font-size:14px;padding:.625rem 1.25rem}.btn-xl{border-radius:10px;font-size:15px;padding:.75rem 1.5rem}.btn-block{display:flex;width:100%}.btn-auto{width:auto}.btn-group{display:inline-flex;gap:.5rem}.btn-group .btn{flex:1 1}.btn-group-tight{display:inline-flex;gap:0}.btn-group-tight .btn:not(:first-child){border-bottom-left-radius:0;border-top-left-radius:0;margin-left:-1px}.btn-group-tight .btn:not(:last-child){border-bottom-right-radius:0;border-top-right-radius:0}.btn-icon{aspect-ratio:1;padding:.5rem}.btn-icon.btn-sm{padding:.375rem}.btn-icon.btn-lg{padding:.625rem}.btn-loading{color:transparent!important;pointer-events:none;position:relative}.btn-loading:after{animation:btn-spin .6s linear infinite;border:2px solid;border-radius:50%;border-right:2px solid transparent;content:"";height:1em;left:50%;margin-left:-.5em;margin-top:-.5em;position:absolute;top:50%;width:1em}@keyframes btn-spin{to{transform:rotate(1turn)}}.btn-danger:hover,.btn-info:hover,.btn-primary:hover,.btn-success:hover,.btn-warning:hover{color:#fff}.save-btn,.submit-btn{align-items:center;border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.save-btn,.save-btn:hover,.submit-btn,.submit-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1)}.save-btn:hover,.submit-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.cancel-btn,.close-btn{align-items:center;background:hsla(0,0%,100%,.03);background:var(--glass-subtle,hsla(0,0%,100%,.03));border:1px solid hsla(0,0%,100%,.08);border:1px solid var(--border-secondary,hsla(0,0%,100%,.08));border-radius:8px;color:hsla(0,0%,100%,.95);color:var(--text-primary,hsla(0,0%,100%,.95));cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.cancel-btn:hover,.close-btn:hover{background:hsla(0,0%,100%,.08);background:var(--glass-hover,hsla(0,0%,100%,.08));border-color:hsla(0,0%,100%,.1);border-color:var(--border-primary,hsla(0,0%,100%,.1));box-shadow:0 4px 12px rgba(0,0,0,.2);transform:translateY(-1px)}.delete-btn,.remove-btn{align-items:center;background:#ef4444;background:var(--accent-danger,#ef4444);border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.delete-btn:hover,.remove-btn:hover{background:#ef4444;background:var(--accent-danger,#ef4444);border-color:#ef4444;border-color:var(--accent-danger,#ef4444);box-shadow:0 4px 12px rgba(239,68,68,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}.edit-btn,.update-btn{align-items:center;border:none;border-radius:8px;color:#fff;color:var(--button-text-color);cursor:pointer;display:inline-flex;font-family:inherit;font-size:13px;font-weight:600;gap:.5rem;justify-content:center;line-height:1.5;padding:.5rem 1rem;text-align:center;transition:all .2s ease;-webkit-user-select:none;user-select:none;white-space:nowrap}.edit-btn,.edit-btn:hover,.update-btn,.update-btn:hover{background:#06b6d4;background:var(--accent-info,#06b6d4)}.edit-btn:hover,.update-btn:hover{border-color:#06b6d4;border-color:var(--accent-info,#06b6d4);box-shadow:0 4px 12px rgba(6,182,212,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover);transform:translateY(-1px)}[data-theme=light] .glass-card,[data-theme=light] .widget-box{background:#fff;border:.5px solid rgba(0,0,0,.08);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.04)}[data-theme=light] .glass-card:hover,[data-theme=light] .widget-box:hover{border-color:rgba(0,0,0,.12);box-shadow:0 4px 16px rgba(0,0,0,.08)}[data-theme=light] .activity-widget-header,[data-theme=light] .calendar-widget-header,[data-theme=light] .tasks-widget-header,[data-theme=light] .widget-header,[data-theme=light] .widget-header-fixed{background:#fafafa;border-bottom:.5px solid rgba(0,0,0,.06)}[data-theme=light] .calendar-month-title,[data-theme=light] .tasks-widget-header h4,[data-theme=light] .widget-header h3,[data-theme=light] .widget-header h4,[data-theme=light] .widget-title{color:#1d1d1f!important;font-weight:600}[data-theme=light] .stat-label,[data-theme=light] .widget-header p,[data-theme=light] .widget-subtitle{color:#6e6e73!important}[data-theme=light] .calendar-widget-footer,[data-theme=light] .tasks-widget-footer,[data-theme=light] .widget-footer,[data-theme=light] .widget-footer-fixed{background:#fafafa;border-top:.5px solid rgba(0,0,0,.06)}[data-theme=light] .btn-add-modern,[data-theme=light] .btn-create-appointment,[data-theme=light] .btn-primary,[data-theme=light] .widget-btn.primary{background:linear-gradient(180deg,#007aff,#0066d6)!important;border:none!important;box-shadow:0 2px 8px rgba(0,122,255,.3);color:#fff!important}[data-theme=light] .btn-add-modern:hover,[data-theme=light] .btn-create-appointment:hover,[data-theme=light] .btn-primary:hover,[data-theme=light] .widget-btn.primary:hover{background:linear-gradient(180deg,#0077ed,#005ecb)!important;box-shadow:0 4px 12px rgba(0,122,255,.4);color:#fff!important}[data-theme=light] .btn-ghost,[data-theme=light] .btn-secondary,[data-theme=light] .btn-view-full-calendar,[data-theme=light] .calendar-nav-button,[data-theme=light] .calendar-today-button,[data-theme=light] .widget-btn{background:#f5f5f7!important;border:.5px solid rgba(0,0,0,.1)!important;color:#1d1d1f!important}[data-theme=light] .btn-ghost:hover,[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-view-full-calendar:hover,[data-theme=light] .calendar-nav-button:hover,[data-theme=light] .calendar-today-button:hover,[data-theme=light] .widget-btn:hover{background:#e8e8ed!important;border-color:rgba(0,0,0,.15)!important;color:#1d1d1f!important}[data-theme=light] .btn-card-edit,[data-theme=light] .btn-edit-appointment{background:rgba(0,122,255,.08)!important;border:1px solid rgba(0,122,255,.2)!important;color:#007aff!important}[data-theme=light] .btn-card-edit:hover,[data-theme=light] .btn-edit-appointment:hover{background:#007aff!important;border-color:#007aff!important;color:#fff!important}[data-theme=light] .btn-card-delete,[data-theme=light] .btn-danger,[data-theme=light] .btn-delete-appointment{background:rgba(255,59,48,.08)!important;border:1px solid rgba(255,59,48,.2)!important;color:#ff3b30!important}[data-theme=light] .btn-card-delete:hover,[data-theme=light] .btn-danger:hover,[data-theme=light] .btn-delete-appointment:hover{background:#ff3b30!important;border-color:#ff3b30!important;color:#fff!important}[data-theme=light] .btn-close,[data-theme=light] .btn-close-list,[data-theme=light] .btn-close-modern{background:rgba(0,0,0,.06)!important;color:#6e6e73!important}[data-theme=light] .btn-close-list:hover,[data-theme=light] .btn-close-modern:hover,[data-theme=light] .btn-close:hover{background:rgba(0,0,0,.1)!important;color:#1d1d1f!important}[data-theme=light] .btn-add-more{background:transparent!important;border:1px dashed rgba(0,0,0,.15)!important;color:#6e6e73!important}[data-theme=light] .btn-add-more:hover{background:rgba(0,122,255,.06)!important;border-color:#007aff!important;color:#007aff!important}[data-theme=light] .calendar-weekday-cell{color:#6e6e73!important}[data-theme=light] .day-number-text{color:#1d1d1f!important}[data-theme=light] .calendar-day-tile{background:transparent;border:1px solid transparent}[data-theme=light] .calendar-day-tile.is-today .day-number-text{color:#007aff!important;font-weight:700}[data-theme=light] .calendar-day-tile.has-events .day-number-text{color:#ff9500!important}[data-theme=light] .task-item,[data-theme=light] .widget-item{background:#fafafa;border:.5px solid rgba(0,0,0,.06);color:#1d1d1f}[data-theme=light] .task-item:hover,[data-theme=light] .widget-item:hover{background:rgba(0,122,255,.06);border-color:rgba(0,122,255,.15)}[data-theme=light] .task-name,[data-theme=light] .task-title{color:#1d1d1f!important}[data-theme=light] .task-description,[data-theme=light] .task-meta{color:#6e6e73!important}[data-theme=light] .task-priority-high{color:#ff3b30!important}[data-theme=light] .task-priority-medium{color:#ff9500!important}[data-theme=light] .task-priority-low{color:#34c759!important}[data-theme=light] .activity-item{background:#fafafa;border:.5px solid rgba(0,0,0,.06)}[data-theme=light] .activity-item:hover{background:rgba(0,122,255,.06)}[data-theme=light] .activity-name,[data-theme=light] .activity-title{color:#1d1d1f!important}[data-theme=light] .activity-meta,[data-theme=light] .activity-time{color:#aeaeb2!important}[data-theme=light] .activity-description{color:#6e6e73!important}[data-theme=light] .candidate-card,[data-theme=light] .candidate-item{background:#fafafa;border:.5px solid rgba(0,0,0,.06)}[data-theme=light] .candidate-card:hover,[data-theme=light] .candidate-item:hover{background:rgba(0,122,255,.06);border-color:rgba(0,122,255,.15)}[data-theme=light] .candidate-name{color:#1d1d1f!important}[data-theme=light] .candidate-position,[data-theme=light] .candidate-role{color:#6e6e73!important}[data-theme=light] .candidate-meta{color:#aeaeb2!important}[data-theme=light] .document-item{background:#fafafa;border:.5px solid rgba(0,0,0,.06)}[data-theme=light] .document-item:hover{background:rgba(0,122,255,.06)}[data-theme=light] .document-name,[data-theme=light] .document-title{color:#1d1d1f!important}[data-theme=light] .document-date,[data-theme=light] .document-meta{color:#aeaeb2!important}[data-theme=light] .stat-value{color:#1d1d1f!important}[data-theme=light] .stat-value.green,[data-theme=light] .stat-value.success{color:#34c759!important}[data-theme=light] .stat-value.blue,[data-theme=light] .stat-value.primary{color:#007aff!important}[data-theme=light] .stat-value.purple,[data-theme=light] .stat-value.secondary{color:#5856d6!important}[data-theme=light] .stat-value.orange,[data-theme=light] .stat-value.warning{color:#ff9500!important}[data-theme=light] .stat-value.danger,[data-theme=light] .stat-value.red{color:#ff3b30!important}[data-theme=light] .stat-label{color:#6e6e73!important}[data-theme=light] .stat-divider{background:rgba(0,0,0,.08)!important}[data-theme=light] .appointment-time-badge,[data-theme=light] .appointment-type-badge,[data-theme=light] .widget-badge{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.2);color:#007aff}[data-theme=light] .widget-badge-success{background:rgba(52,199,89,.1)!important;border-color:rgba(52,199,89,.2)!important;color:#34c759!important}[data-theme=light] .widget-badge-warning{background:rgba(255,149,0,.1)!important;border-color:rgba(255,149,0,.2)!important;color:#ff9500!important}[data-theme=light] .widget-badge-danger{background:rgba(255,59,48,.1)!important;border-color:rgba(255,59,48,.2)!important;color:#ff3b30!important}[data-theme=light] .appointment-list-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}[data-theme=light] .appointment-list-card,[data-theme=light] .appointment-list-card-modern{border:.5px solid rgba(0,0,0,.08);box-shadow:0 16px 48px rgba(0,0,0,.16)}[data-theme=light] .appointment-list-header,[data-theme=light] .appointment-list-header h4{color:#1d1d1f!important}[data-theme=light] .date-month,[data-theme=light] .date-number,[data-theme=light] .header-title{color:#fff!important}[data-theme=light] .header-subtitle{color:hsla(0,0%,100%,.85)!important}[data-theme=light] .appointment-card-modern{border:.5px solid rgba(0,0,0,.08)}[data-theme=light] .appointment-card-title{color:#1d1d1f!important}[data-theme=light] .appointment-card-description,[data-theme=light] .appointment-description{color:#6e6e73!important}[data-theme=light] .appointment-card-location,[data-theme=light] .appointment-card-participants,[data-theme=light] .appointment-location{color:#aeaeb2!important}[data-theme=light] .appointment-title{color:#1d1d1f!important}[data-theme=light] .appointment-card-location svg,[data-theme=light] .appointment-card-participants svg,[data-theme=light] .calendar-header-icon,[data-theme=light] .time-icon,[data-theme=light] .widget-header svg{color:#007aff!important}[data-theme=light] .empty-state,[data-theme=light] .widget-empty-state{color:#aeaeb2}[data-theme=light] .empty-state svg,[data-theme=light] .widget-empty-state svg{color:#aeaeb2;opacity:.5}[data-theme=light] .appointment-cards-container::-webkit-scrollbar,[data-theme=light] .widget-content::-webkit-scrollbar,[data-theme=light] .widget-list-scrollable::-webkit-scrollbar{width:6px}[data-theme=light] .appointment-cards-container::-webkit-scrollbar-track,[data-theme=light] .widget-content::-webkit-scrollbar-track,[data-theme=light] .widget-list-scrollable::-webkit-scrollbar-track{background:transparent}[data-theme=light] .appointment-cards-container::-webkit-scrollbar-thumb,[data-theme=light] .widget-content::-webkit-scrollbar-thumb,[data-theme=light] .widget-list-scrollable::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}[data-theme=light] .appointment-cards-container::-webkit-scrollbar-thumb:hover,[data-theme=light] .widget-content::-webkit-scrollbar-thumb:hover,[data-theme=light] .widget-list-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}[data-theme=light] .layout-toggle{background:#f5f5f7;border:.5px solid rgba(0,0,0,.08)}[data-theme=light] .toggle-btn{background:transparent;color:#6e6e73!important}[data-theme=light] .toggle-btn:hover{background:rgba(0,0,0,.04);color:#1d1d1f!important}[data-theme=light] .toggle-btn.active{background:#007aff!important;color:#fff!important}[data-theme=light] .project-card{background:#fafafa;border:.5px solid rgba(0,0,0,.06)}[data-theme=light] .project-card:hover{background:rgba(0,122,255,.06)}[data-theme=light] .project-name,[data-theme=light] .project-title{color:#1d1d1f!important}[data-theme=light] .project-meta,[data-theme=light] .project-status{color:#6e6e73!important}[data-theme=light] .progress-bar-track{background:rgba(0,0,0,.06)}[data-theme=light] .progress-bar-fill{background:#007aff}[data-theme=light] .glass-card *,[data-theme=light] .widget-box *{color:inherit}[data-theme=light] .widget-box h1,[data-theme=light] .widget-box h2,[data-theme=light] .widget-box h3,[data-theme=light] .widget-box h4,[data-theme=light] .widget-box h5,[data-theme=light] .widget-box h6{color:#1d1d1f!important}[data-theme=light] .widget-box p,[data-theme=light] .widget-box span:not(.badge):not(.tag){color:#6e6e73}[data-theme=light] .btn,[data-theme=light] button{font-weight:500}[data-theme=light] .btn svg,[data-theme=light] [style*="color: #fff"],[data-theme=light] [style*="color: rgb(255, 255, 255)"],[data-theme=light] [style*="color: white"],[data-theme=light] button svg{color:inherit!important}[data-theme=light] .appointment-list-header-modern *,[data-theme=light] .appointment-time-badge,[data-theme=light] .btn-add-modern,[data-theme=light] .btn-create-appointment,[data-theme=light] .btn-primary,[data-theme=light] .date-badge *,[data-theme=light] .toggle-btn.active{color:#fff!important}[data-theme=light] .widget-box a{color:#007aff}[data-theme=light] .widget-box a:hover{color:#0066d6}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;min-height:100vh}button,input,select,textarea{font-family:inherit}button{background:none;border:none;color:#fff;color:var(--button-text-color,#fff);cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:no-preference){*{scroll-behavior:smooth}}@media print{*{background:#fff!important;color:#000!important}}.sidebar-animated{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,96%,.85);border-right:.5px solid rgba(0,0,0,.08);display:flex;flex-direction:column;height:100vh;left:0;overflow:hidden;position:fixed;top:0;transition:width .28s ease;width:72px;will-change:width;z-index:100}.sidebar-animated:hover{box-shadow:0 0 0 .5px rgba(0,0,0,.06),4px 0 24px rgba(0,0,0,.08);width:260px}.sidebar-animated .sidebar-header{padding:16px;transition:all .28s ease}.sidebar-animated .logo-container{align-items:center;display:flex;gap:12px;margin-bottom:16px;min-width:40px}.sidebar-animated .logo{align-items:center;background:linear-gradient(180deg,#007aff,#0066d6);border-radius:10px;box-shadow:0 2px 6px rgba(0,122,255,.35),inset 0 1px 0 hsla(0,0%,100%,.2);color:#fff;display:flex;flex-shrink:0;font-size:18px;font-weight:700;height:40px;justify-content:center;transition:transform .28s cubic-bezier(.175,.885,.32,1.275);width:40px}.sidebar-animated:hover .logo{transform:scale(1.06)}.sidebar-animated .sidebar-text{color:#1d1d1f;font-size:15px;font-weight:600;letter-spacing:-.02em;opacity:0;overflow:hidden;transform:translateX(-8px);transition:all .25s ease;white-space:nowrap}.sidebar-animated:hover .sidebar-text{opacity:1;transform:translateX(0)}.sidebar-animated .search-container{margin:0 12px 12px;opacity:0;pointer-events:none;transform:translateY(-8px);transition:all .25s ease 60ms}.sidebar-animated:hover .search-container{opacity:1;pointer-events:auto;transform:translateY(0)}.sidebar-animated .search-container input{background:rgba(0,0,0,.04);border:none;border-radius:8px;color:#1d1d1f;font-size:13px;height:32px;outline:none;padding:0 12px 0 32px;transition:all .15s ease;width:100%}.sidebar-animated .search-container input::placeholder{color:#aeaeb2}.sidebar-animated .search-container input:focus{background:#fff;box-shadow:0 0 0 3px rgba(0,122,255,.25),0 2px 8px rgba(0,0,0,.08)}.sidebar-animated .sidebar-nav{flex:1 1;overflow-x:hidden;overflow-y:auto;padding:4px 0}.sidebar-animated .nav-section-label{color:#6e6e73;font-size:11px;font-weight:600;letter-spacing:.02em;opacity:0;padding:12px 16px 6px;text-transform:uppercase;transition:opacity .25s ease}.sidebar-animated:hover .nav-section-label{opacity:1}.sidebar-animated .nav-item{align-items:center;border-radius:8px;color:#6e6e73;cursor:pointer;display:flex;margin:2px 8px;min-height:36px;overflow:hidden;padding:8px 12px;position:relative;text-decoration:none;transition:all .15s ease}.sidebar-animated .nav-item:hover{background:rgba(0,0,0,.04);color:#1d1d1f;transform:none}.sidebar-animated .nav-item.active{background:rgba(0,122,255,.12);color:#007aff}.sidebar-animated .nav-item.active:before{background:#007aff;border-radius:0 3px 3px 0;content:"";height:18px;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.sidebar-animated .nav-item-icon{align-items:center;display:flex;flex-shrink:0;height:32px;justify-content:center;min-width:32px;transition:none;width:32px}.sidebar-animated .nav-item-icon svg{stroke-width:1.75;height:20px;transition:color .15s ease;width:20px}.sidebar-animated .nav-item.active .nav-item-icon svg{color:#007aff}.sidebar-animated .nav-item:hover .nav-item-icon{transform:none}.sidebar-animated .nav-item-text{color:inherit;font-size:13px;font-weight:500;letter-spacing:-.01em;margin-left:8px;opacity:0;transform:translateX(-12px);transition:all .22s ease;white-space:nowrap}.sidebar-animated:hover .nav-item-text{opacity:1;transform:translateX(0)}.sidebar-animated .nav-item.active .nav-item-text{color:#007aff;font-weight:600}.sidebar-animated .nav-item-badge{background:#007aff;border-radius:10px;color:#fff;font-size:11px;font-weight:600;margin-left:auto;min-width:18px;opacity:0;padding:2px 7px;text-align:center;transform:scale(.8);transition:all .22s cubic-bezier(.175,.885,.32,1.275)}.sidebar-animated:hover .nav-item-badge{opacity:1;transform:scale(1)}.sidebar-animated:not(:hover) .nav-item-badge{border-radius:50%;box-shadow:0 0 0 2px hsla(0,0%,96%,.85);font-size:0;height:8px;min-width:8px;opacity:1;padding:0;position:absolute;right:10px;top:6px;transform:scale(1);width:8px}.sidebar-animated:not(:hover) .nav-item:after{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(30,30,30,.95);border-radius:6px;box-shadow:0 4px 12px rgba(0,0,0,.2);color:#fff;content:attr(data-tooltip);font-size:12px;font-weight:500;left:calc(100% + 8px);opacity:0;padding:6px 10px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .1s ease;white-space:nowrap;z-index:1000}.sidebar-animated:not(:hover) .nav-item:hover:after{animation:tooltip-appear .15s ease;opacity:1}@keyframes tooltip-appear{0%{opacity:0;transform:translateY(-50%) translateX(-4px)}to{opacity:1;transform:translateY(-50%) translateX(0)}}.sidebar-animated .sidebar-footer{border-top:.5px solid rgba(0,0,0,.06);margin-top:auto;padding:12px}.sidebar-animated .user-profile{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:background .15s ease}.sidebar-animated .user-profile:hover{background:rgba(0,0,0,.04)}.sidebar-animated .user-avatar{align-items:center;background:linear-gradient(135deg,#5856d6,#af52de);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:600;height:32px;justify-content:center;width:32px}.sidebar-animated .user-info{opacity:0;transform:translateX(-8px);transition:all .25s ease}.sidebar-animated:hover .user-info{opacity:1;transform:translateX(0)}.sidebar-animated .user-name{color:#1d1d1f;font-size:13px;font-weight:600}.sidebar-animated .user-role{color:#6e6e73;font-size:11px}.sidebar-animated .active-indicator{display:none}.sidebar-animated:hover .nav-item:first-child .nav-item-text{transition-delay:20ms}.sidebar-animated:hover .nav-item:nth-child(2) .nav-item-text{transition-delay:40ms}.sidebar-animated:hover .nav-item:nth-child(3) .nav-item-text{transition-delay:60ms}.sidebar-animated:hover .nav-item:nth-child(4) .nav-item-text{transition-delay:80ms}.sidebar-animated:hover .nav-item:nth-child(5) .nav-item-text{transition-delay:.1s}.sidebar-animated:hover .nav-item:nth-child(6) .nav-item-text{transition-delay:.12s}.sidebar-animated:hover .nav-item:nth-child(7) .nav-item-text{transition-delay:.14s}.sidebar-animated:hover .nav-item:nth-child(8) .nav-item-text{transition-delay:.16s}.sidebar-animated:hover .nav-item:nth-child(9) .nav-item-text{transition-delay:.18s}.sidebar-animated:hover .nav-item:nth-child(10) .nav-item-text{transition-delay:.2s}@media (max-width:768px){.sidebar-animated{transform:translateX(-100%);width:0}.sidebar-animated.mobile-open{box-shadow:0 0 40px rgba(0,0,0,.15);transform:translateX(0);width:280px}.sidebar-animated.mobile-open .nav-item-badge,.sidebar-animated.mobile-open .nav-item-text,.sidebar-animated.mobile-open .nav-section-label,.sidebar-animated.mobile-open .search-container,.sidebar-animated.mobile-open .sidebar-text,.sidebar-animated.mobile-open .user-info{opacity:1;pointer-events:auto;transform:none;transition-delay:0ms}.mobile-overlay{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:rgba(0,0,0,.4);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .28s ease;z-index:99}.mobile-overlay.active{opacity:1;pointer-events:auto}.sidebar-animated .nav-item:after{display:none}}.sidebar-animated .sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-animated .sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-animated .sidebar-nav::-webkit-scrollbar-thumb{background:rgba(0,0,0,.15);border-radius:3px}.sidebar-animated .sidebar-nav::-webkit-scrollbar-thumb:hover{background:rgba(0,0,0,.25)}.sidebar-animated .sidebar-nav{scrollbar-color:transparent transparent;scrollbar-width:thin}.sidebar-animated:hover .sidebar-nav{scrollbar-color:rgba(0,0,0,.15) transparent}.sidebar-animated{contain:layout style}.sidebar-animated *{-webkit-backface-visibility:hidden;backface-visibility:hidden}.sidebar-animated,.sidebar-animated .logo,.sidebar-animated .nav-item-text,.sidebar-animated .search-container,.sidebar-animated .sidebar-text{will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.sidebar-animated,.sidebar-animated *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.user-profile{display:inline-flex;position:relative}.user-profile__button{align-items:center;background:transparent;border:none;cursor:pointer;display:flex;justify-content:center;outline:none;padding:0;position:relative;transition:transform var(--transition-fast)}.user-profile__button:hover{transform:scale(1.05)}.user-profile__button:focus-visible{border-radius:var(--radius-full);outline:2px solid var(--accent-primary);outline-offset:2px}.user-profile__avatar{align-items:center;border:2px solid var(--bg-secondary);border-radius:var(--radius-full);box-shadow:0 2px 8px rgba(0,0,0,.15);color:#fff;display:flex;font-size:.875rem;font-weight:600;height:36px;justify-content:center;position:relative;transition:all var(--transition-fast);width:36px}.user-profile__button:hover .user-profile__avatar{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(99,102,241,.3)}.user-profile__initials{-webkit-user-select:none;user-select:none}.user-profile__status{border:2px solid var(--bg-secondary);border-radius:var(--radius-full);bottom:0;height:10px;position:absolute;right:0;width:10px;z-index:1}.user-profile__status--online{animation:status-pulse 2s infinite;background:var(--accent-success)}.user-profile__status--offline{background:var(--text-tertiary)}.user-profile__status--busy{background:var(--accent-danger)}.user-profile__status--away{background:var(--accent-warning)}@keyframes status-pulse{0%,to{box-shadow:0 0 0 0 rgba(16,185,129,.4)}50%{box-shadow:0 0 0 4px rgba(16,185,129,0)}}.user-profile__backdrop{display:none}@media (max-width:768px){.user-profile__backdrop{background:rgba(0,0,0,.5);bottom:0;display:block;left:0;position:fixed;right:0;top:0;z-index:999}}.user-profile__dropdown{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,.2);overflow:hidden;position:absolute;right:0;top:calc(100% + 12px);width:320px;z-index:1000}.user-profile__header{align-items:center;background:var(--glass);border-bottom:1px solid var(--glass-border);display:flex;gap:1rem;padding:1.25rem}.user-profile__header-avatar{align-items:center;border-radius:var(--radius-full);box-shadow:0 4px 12px rgba(0,0,0,.15);color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.user-profile__header-info{flex:1 1;min-width:0}.user-profile__name{color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.125rem}.user-profile__email,.user-profile__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-profile__email{color:var(--text-secondary);font-size:.8125rem;margin-bottom:.25rem}.user-profile__role{background:rgba(99,102,241,.1);border-radius:var(--radius-sm);color:var(--accent-primary);display:inline-block;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.user-profile__menu{padding:.5rem}.user-profile__menu-item{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.875rem;gap:.75rem;outline:none;padding:.625rem .75rem;position:relative;text-align:left;transition:all var(--transition-fast);width:100%}.user-profile__menu-item:hover{background:var(--glass-hover);color:var(--text-primary);transform:translateX(2px)}.user-profile__menu-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:-2px}.user-profile__menu-item--danger{color:var(--accent-danger)}.user-profile__menu-item--danger:hover{background:rgba(239,68,68,.1);color:var(--accent-danger)}.user-profile__menu-icon{flex-shrink:0;opacity:.7;transition:opacity var(--transition-fast)}.user-profile__menu-item:hover .user-profile__menu-icon{opacity:1}.user-profile__menu-label{flex:1 1}.user-profile__menu-badge{background:var(--accent-danger);border-radius:var(--radius-full);color:#fff;font-size:.7rem;font-weight:600;min-width:1.25rem;padding:.125rem .375rem;text-align:center}.user-profile__menu-arrow{opacity:.4;transition:all var(--transition-fast)}.user-profile__menu-item:hover .user-profile__menu-arrow{opacity:.7;transform:translateX(2px)}.user-profile__divider{background:var(--glass-border);height:1px;margin:.5rem .75rem}.user-profile__footer{align-items:center;background:var(--glass);border-top:1px solid var(--glass-border);color:var(--text-tertiary);display:flex;font-size:.75rem;justify-content:space-between;padding:.75rem 1.25rem}.user-profile__footer-theme{align-items:center;display:flex;gap:.375rem}[data-theme=light] .user-profile__avatar{border-color:#fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}[data-theme=light] .user-profile__button:hover .user-profile__avatar{border-color:var(--accent-primary);box-shadow:0 4px 12px rgba(59,130,246,.3)}[data-theme=light] .user-profile__status{border-color:#fff}[data-theme=light] .user-profile__dropdown{background:#fff;border-color:rgba(147,197,253,.2);box-shadow:0 10px 40px rgba(0,0,0,.1)}[data-theme=light] .user-profile__header{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-color:rgba(147,197,253,.2)}[data-theme=light] .user-profile__role{background:rgba(59,130,246,.1);color:#2563eb}[data-theme=light] .user-profile__menu-item{color:#475569}[data-theme=light] .user-profile__menu-item:hover{background:rgba(219,234,254,.5);color:#1e293b}[data-theme=light] .user-profile__menu-item--danger{color:#dc2626}[data-theme=light] .user-profile__menu-item--danger:hover{background:hsla(0,93%,94%,.5);color:#b91c1c}[data-theme=light] .user-profile__divider{background:rgba(147,197,253,.2)}[data-theme=light] .user-profile__footer{background:linear-gradient(135deg,#f8fafc,#f0f9ff);border-color:rgba(147,197,253,.2);color:#64748b}@media (max-width:640px){.user-profile__dropdown{border-radius:var(--radius-lg) var(--radius-lg) 0 0;bottom:0;left:0;max-height:80vh;overflow-y:auto;position:fixed;right:0;top:auto;width:100%}}@media (prefers-reduced-motion:reduce){.user-profile__avatar,.user-profile__button,.user-profile__menu-arrow,.user-profile__menu-item{transition:none}.user-profile__status--online{animation:none}}.octoai-chatbot-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:9999}.octoai-chatbot{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass);border:1px solid var(--border-secondary);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;height:80vh;max-height:800px;max-width:600px;overflow:hidden;width:100%}.chatbot-header{background:hsla(0,0%,100%,.05);border-bottom:1px solid var(--border-secondary);justify-content:space-between;padding:20px}.chatbot-header,.header-left{align-items:center;display:flex}.header-left{gap:12px}.octoai-icon-wrapper{align-items:center;background:var(--accent-primary);border-radius:10px;display:flex;height:40px;justify-content:center;width:40px}.chatbot-header h3{color:var(--text-primary);font-size:18px;font-weight:600;margin:0}.chatbot-header p{color:var(--text-secondary);font-size:13px;margin:4px 0 0}.close-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}.chatbot-messages{display:flex;flex:1 1;flex-direction:column;gap:16px;overflow-y:auto;padding:20px}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:transparent}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}.message{align-items:flex-start;gap:10px;max-width:85%}.message-assistant{align-self:flex-start}.message-user{align-self:flex-end;flex-direction:row-reverse}.message-avatar{align-items:center;background:var(--accent-primary);border-radius:8px;display:flex;height:32px;justify-content:center;width:32px}.user-avatar{background:var(--accent-secondary)}.message-content{background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);border-radius:12px;padding:12px 16px;position:relative}.message-user .message-content{background:var(--accent-primary);border-color:transparent}.message-text{color:var(--text-primary);font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.message-time{color:var(--text-secondary);display:block;font-size:11px;margin-top:6px;opacity:.7}.message-content.typing{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px}.spin{animation:spin 1s linear infinite}.tool-calls{display:flex;flex-direction:column;gap:6px;margin-top:10px}.tool-call{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-secondary);border-radius:6px;color:var(--text-secondary);display:flex;font-size:12px;gap:6px;padding:6px 10px}.tool-call svg{color:var(--accent-primary);flex-shrink:0}.example-prompts{border-top:1px solid var(--border-secondary);padding:0 20px 16px}.examples-label{color:var(--text-secondary);font-size:13px;font-weight:500;margin:16px 0 12px}.examples-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.example-prompt{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid var(--border-secondary);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:12px;gap:8px;padding:10px 12px;text-align:left;transition:all .2s}.example-prompt:hover{background:hsla(0,0%,100%,.1);border-color:var(--accent-primary);transform:translateY(-2px)}.example-prompt svg{color:var(--accent-primary);flex-shrink:0}.chatbot-input-wrapper{align-items:center;background:hsla(0,0%,100%,.03);border-top:1px solid var(--border-secondary);display:flex;gap:10px;padding:16px 20px}.chatbot-input{background:hsla(0,0%,100%,.1);border:1px solid var(--border-secondary);border-radius:10px;color:var(--text-primary);flex:1 1;font-size:14px;outline:none;padding:12px 16px;transition:all .2s}.chatbot-input::placeholder{color:var(--text-secondary);opacity:.6}.chatbot-input:focus{background:hsla(0,0%,100%,.15);border-color:var(--accent-primary)}.chatbot-input:disabled{cursor:not-allowed;opacity:.5}.send-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s;width:44px}.send-btn:hover:not(:disabled){background:var(--accent-primary-hover);transform:scale(1.05)}.send-btn:disabled{cursor:not-allowed;opacity:.5}.chatbot-footer{background:hsla(0,0%,100%,.02);border-top:1px solid var(--border-secondary);color:var(--text-secondary);font-size:11px;padding:12px 20px;text-align:center}.octoai-animated .tentacle-1{animation:wave 2s ease-in-out infinite}.octoai-animated .tentacle-2{animation:wave 2s ease-in-out .2s infinite}.octoai-animated .tentacle-3{animation:wave 2s ease-in-out .4s infinite}.octoai-animated .tentacle-4{animation:wave 2s ease-in-out .6s infinite}.octoai-animated .tentacle-5{animation:wave 2s ease-in-out .8s infinite}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@media (max-width:640px){.octoai-chatbot{border-radius:0;height:100vh;max-height:100vh;max-width:100%}.examples-grid{grid-template-columns:1fr}.message{max-width:90%}}:root{--bg-primary:#0a0b0d;--bg-secondary:#141519;--bg-tertiary:#1c1d24;--accent-primary:#6366f1;--accent-secondary:#8b5cf6;--accent-success:#10b981;--accent-warning:#f59e0b;--accent-danger:#ef4444;--text-primary:#fff;--text-secondary:#a1a1aa;--text-tertiary:#71717a;--glass:hsla(0,0%,100%,.02);--glass-hover:hsla(0,0%,100%,.04);--glass-border:hsla(0,0%,100%,.06);--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:0.5rem;--radius-md:0.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--transition-fast:150ms ease;--transition-base:250ms ease;--transition-slow:350ms ease;--shadow-sm:0 1px 2px rgba(0,0,0,.3);--shadow-md:0 4px 6px rgba(0,0,0,.4);--shadow-lg:0 10px 15px rgba(0,0,0,.5);--shadow-glow:0 0 20px rgba(99,102,241,.15)}body{background:#0a0b0d;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Inter,SF Pro Display,Segoe UI,sans-serif;line-height:1.6}.container{padding:0 1.5rem;padding:0 var(--spacing-lg)}.modern-card{background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:1rem;border-radius:var(--radius-lg);overflow:hidden;padding:1.5rem;padding:var(--spacing-lg);position:relative;transition:all .25s ease;transition:all var(--transition-base)}.modern-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:1px;left:0;opacity:.5;position:absolute;right:0;top:0}.modern-card:hover{background:hsla(0,0%,100%,.04);background:var(--glass-hover);box-shadow:0 10px 15px rgba(0,0,0,.5);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.btn{align-items:center;border:none;border-radius:.75rem;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;gap:var(--spacing-sm);outline:none;overflow:hidden;padding:.5rem 1.5rem;padding:var(--spacing-sm) var(--spacing-lg);position:relative;transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:#6366f1;background:var(--accent-primary);color:#fff}.btn-primary:hover{background:#5558e3;box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}.btn-secondary{background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);color:#a1a1aa;color:var(--text-secondary)}.btn-secondary:hover{background:hsla(0,0%,100%,.04);background:var(--glass-hover);border-color:hsla(0,0%,100%,.1);color:#fff;color:var(--text-primary)}.btn-ghost{background:transparent;color:#a1a1aa;color:var(--text-secondary)}.btn-ghost:hover{color:#fff}.btn-ghost:hover,.input-field{background:hsla(0,0%,100%,.02);background:var(--glass);color:var(--text-primary)}.input-field{border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:.75rem;border-radius:var(--radius-md);font-size:.925rem;padding:.5rem 1rem;padding:var(--spacing-sm) var(--spacing-md);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.input-field:focus{background:hsla(0,0%,100%,.04);background:var(--glass-hover);border-color:#6366f1;border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none}.input-field::placeholder{color:#71717a;color:var(--text-tertiary)}.heading-1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.heading-2{font-size:2rem;font-weight:600;letter-spacing:-.01em;line-height:1.3}.heading-3{font-size:1.5rem;font-weight:600;line-height:1.4}.text-subtitle{color:#a1a1aa;color:var(--text-secondary);font-size:1rem;font-weight:400}.text-caption{color:#71717a;color:var(--text-tertiary);font-size:.875rem}.badge{align-items:center;background:hsla(0,0%,100%,.02);background:var(--glass);border:1px solid hsla(0,0%,100%,.06);border:1px solid var(--glass-border);border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:500;padding:.25rem .5rem;padding:var(--spacing-xs) var(--spacing-sm)}.badge-success{background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2);color:#10b981;color:var(--accent-success)}.badge-warning{background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);color:#f59e0b;color:var(--accent-warning)}.badge-danger{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#ef4444;color:var(--accent-danger)}::-webkit-scrollbar-track{background:#141519;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.06);background:var(--glass-border);border-radius:9999px;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.1)}:focus-visible{outline:2px solid var(--accent-primary)}.animate-fadeIn{animation:fadeIn ease-out .35s ease;animation:fadeIn var(--transition-slow) ease-out}.animate-slideIn{animation:slideIn ease-out .25s ease;animation:slideIn var(--transition-base) ease-out}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@media (max-width:768px){.heading-1{font-size:2rem}.heading-2{font-size:1.5rem}.container{padding:0 1rem;padding:0 var(--spacing-md)}}:root{--msn-bg-primary:linear-gradient(135deg,#fff,#f5f5f5);--msn-bg-secondary:rgba(0,0,0,.03);--msn-border:rgba(0,0,0,.12);--msn-text-primary:#1e293b;--msn-text-secondary:#475569;--msn-text-muted:#94a3b8;--msn-header-bg:linear-gradient(90deg,#6366f1,#8b5cf6);--msn-message-bg:rgba(0,0,0,.05);--msn-message-border:rgba(0,0,0,.1);--msn-message-sent-bg:rgba(139,92,246,.15);--msn-message-sent-border:rgba(139,92,246,.3);--msn-input-bg:rgba(0,0,0,.05);--msn-shadow:0 20px 60px rgba(0,0,0,.15)}.msn-messenger-container{background:linear-gradient(135deg,#fff,#f5f5f5);background:var(--msn-bg-primary);border:1px solid rgba(0,0,0,.12);border:1px solid var(--msn-border);border-radius:12px;bottom:20px;box-shadow:0 20px 60px rgba(0,0,0,.15);box-shadow:var(--msn-shadow);display:flex;flex-direction:column;height:600px;max-height:calc(100vh - 60px);overflow:hidden;pointer-events:auto;position:fixed;right:20px;width:380px;z-index:10001}.messenger-header{align-items:center;background:linear-gradient(90deg,#6366f1,#8b5cf6);background:var(--msn-header-bg);border-bottom:2px solid rgba(0,0,0,.12);border-bottom:2px solid var(--msn-border);cursor:move;display:flex;flex-shrink:0;justify-content:space-between;padding:12px 16px}.messenger-title{align-items:center;color:#fff;display:flex;font-size:14px;font-weight:600;gap:8px}.messenger-status{animation:pulse-status 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse-status{0%{box-shadow:0 0 0 0 rgba(16,185,129,.6)}70%{box-shadow:0 0 0 6px rgba(16,185,129,0)}to{box-shadow:0 0 0 0 rgba(16,185,129,0)}}.messenger-controls{display:flex;gap:8px}.control-btn{align-items:center;background:hsla(0,0%,100%,.1);border:none;border-radius:4px;color:#fff;cursor:pointer;display:flex;height:24px;justify-content:center;transition:all .2s ease;width:24px}.control-btn:hover{background:hsla(0,0%,100%,.2)}.chat-tabs{background:rgba(0,0,0,.03);background:var(--msn-bg-secondary);border-bottom:1px solid rgba(0,0,0,.12);border-bottom:1px solid var(--msn-border);display:flex;flex-shrink:0;overflow-x:auto}.chat-tab{align-items:center;background:transparent;border:none;color:#475569;color:var(--msn-text-secondary);cursor:pointer;display:flex;font-size:13px;gap:6px;padding:8px 16px;position:relative;transition:all .2s ease;white-space:nowrap}.chat-tab:hover{background:rgba(0,0,0,.03);background:var(--msn-bg-secondary)}.chat-tab.active,.chat-tab:hover{color:#1e293b;color:var(--msn-text-primary)}.chat-tab.active{background:rgba(139,92,246,.2);border-bottom:2px solid #8b5cf6}.tab-status-dot{border-radius:50%;height:6px;width:6px}.tab-status-dot.online{background:#10b981}.tab-status-dot.away{background:#fbbf24}.tab-status-dot.busy{background:#ef4444}.tab-close{cursor:pointer;margin-left:8px;opacity:.5}.tab-close:hover{opacity:1}.chat-content{flex:1 1 auto;flex-direction:column;max-height:100%;min-height:0;overflow:hidden}.chat-content,.contact-info-bar{background:rgba(0,0,0,.03);background:var(--msn-bg-secondary);display:flex}.contact-info-bar{align-items:center;border-bottom:1px solid rgba(0,0,0,.12);border-bottom:1px solid var(--msn-border);flex-shrink:0;justify-content:space-between;padding:10px 16px}.contact-info{align-items:center;display:flex;gap:10px}.contact-avatar{background:hsla(0,0%,100%,.1);border-radius:50%;height:32px;object-fit:cover;width:32px}.contact-details{display:flex;flex-direction:column}.contact-name{color:#1e293b;color:var(--msn-text-primary);font-size:13px;font-weight:600}.contact-status{color:#94a3b8;color:var(--msn-text-muted);font-size:11px;font-style:italic}.chat-actions{display:flex;gap:4px}.action-btn{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.8)}.action-btn:hover{background:hsla(0,0%,100%,.1);color:#fff}.messages-container{-webkit-overflow-scrolling:touch;display:flex;flex:1 1 auto;flex-direction:column;gap:12px;height:0;min-height:0;overflow-x:hidden;overflow-y:scroll!important;padding:16px;pointer-events:auto;position:relative}.message{animation:slideIn .3s ease;display:flex;gap:8px;max-width:80%}.message.sent{align-self:flex-end;flex-direction:row-reverse}.message-avatar{border-radius:50%;flex-shrink:0;height:28px;width:28px}.message-bubble{background:rgba(0,0,0,.05);background:var(--msn-message-bg);border:1px solid rgba(0,0,0,.1);border:1px solid var(--msn-message-border);border-radius:12px;padding:8px 12px;position:relative}.message.sent .message-bubble{background:rgba(139,92,246,.15);background:var(--msn-message-sent-bg);border-color:rgba(139,92,246,.3);border-color:var(--msn-message-sent-border)}.message-text{word-wrap:break-word;color:#1e293b;color:var(--msn-text-primary);font-size:13px;line-height:1.4}.message-time{color:#94a3b8;color:var(--msn-text-muted);font-size:10px;margin-top:4px}.typing-indicator{align-items:center;background:rgba(0,0,0,.05);background:var(--msn-message-bg);border-radius:12px;display:flex;gap:8px;padding:8px 12px;width:-webkit-fit-content;width:fit-content}.typing-dots{display:flex;gap:4px}.typing-dot{animation:typing 1.4s infinite;background:#475569;background:var(--msn-text-secondary);border-radius:50%;height:6px;width:6px}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}.messenger-input-area{background:rgba(0,0,0,.03);background:var(--msn-bg-secondary);border-top:1px solid rgba(0,0,0,.12);border-top:1px solid var(--msn-border);flex-shrink:0;padding:12px}.emoji-bar{background:hsla(0,0%,100%,.03);border-radius:8px;display:flex;gap:4px;margin-bottom:8px;padding:4px}.emoji-btn{background:transparent;border:none;border-radius:4px;cursor:pointer;font-size:16px;height:28px;transition:transform .2s ease;width:28px}.emoji-btn:hover{background:hsla(0,0%,100%,.1);transform:scale(1.2)}.input-container{align-items:flex-end;display:flex;gap:8px}.message-input-wrapper{flex:1 1;position:relative}.message-input{background:rgba(0,0,0,.05);background:var(--msn-input-bg);border:1px solid rgba(0,0,0,.12);border:1px solid var(--msn-border);border-radius:20px;color:#1e293b;color:var(--msn-text-primary);font-size:13px;max-height:100px;min-height:40px;outline:none;padding:10px 12px;resize:none;transition:all .2s ease;width:100%}.message-input::placeholder{color:#94a3b8;color:var(--msn-text-muted)}.message-input:focus{background:rgba(0,0,0,.05);background:var(--msn-input-bg);border-color:rgba(139,92,246,.5);box-shadow:0 0 0 2px rgba(139,92,246,.1)}.input-actions{display:flex;gap:4px}.input-action-btn{align-items:center;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;color:hsla(0,0%,100%,.8);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.input-action-btn:hover{background:hsla(0,0%,100%,.15);color:#fff;transform:scale(1.05)}.input-action-btn.send{background:rgba(139,92,246,.2);border-color:rgba(139,92,246,.3);color:#8b5cf6}.input-action-btn.send:hover{background:rgba(139,92,246,.3);color:#a78bfa}.nudge-btn{animation:none;background:linear-gradient(135deg,#f59e0b,#ef4444);border:none;color:#fff;font-weight:600}.nudge-btn:hover{animation:shake .5s}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.messenger-nudge{animation:nudge .5s ease-in-out 3}@keyframes nudge{0%,to{transform:translateX(0) rotate(0)}25%{transform:translateX(-10px) rotate(-2deg)}75%{transform:translateX(10px) rotate(2deg)}}.contact-sidebar{background:linear-gradient(135deg,#fff,#f5f5f5);background:var(--msn-bg-primary);border-left:1px solid rgba(0,0,0,.12);border-left:1px solid var(--msn-border);bottom:0;overflow-y:auto;position:absolute;right:-200px;top:0;transition:right .3s ease;width:200px;z-index:10}.contact-sidebar.open{right:0}.contact-list{padding:8px}.contact-item{align-items:center;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px;transition:all .2s ease}.contact-item:hover{background:hsla(0,0%,100%,.05)}.contact-item-avatar{border-radius:50%;height:28px;position:relative;width:28px}.contact-item-status{border:2px solid #1a1b2e;border-radius:50%;bottom:-2px;height:8px;position:absolute;right:-2px;width:8px}.contact-item-name{color:#1e293b;color:var(--msn-text-primary);flex:1 1;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-tabs::-webkit-scrollbar,.contact-sidebar::-webkit-scrollbar,.messages-container::-webkit-scrollbar{height:6px;width:6px}.chat-tabs::-webkit-scrollbar-track,.contact-sidebar::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:transparent}.chat-tabs::-webkit-scrollbar-thumb,.contact-sidebar::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:rgba(139,92,246,.4);border-radius:3px;-webkit-transition:background .2s;transition:background .2s}.chat-tabs::-webkit-scrollbar-thumb:hover,.contact-sidebar::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.6)}@media (max-width:480px){.msn-messenger-container{border-radius:0;bottom:0;height:100%;right:0;width:100%}}.dashboard-container{background:transparent;min-height:100vh;overflow-x:hidden;padding:24px;position:relative}.dashboard-bg{display:none}.dashboard-header{margin-bottom:32px;padding:0 20px}.header-content{align-items:center;display:flex;justify-content:space-between}.header-title h1{color:var(--text-primary);font-size:32px;font-weight:700;letter-spacing:-.5px;margin:0 0 8px}.header-title p{color:var(--text-secondary);font-size:14px;letter-spacing:.2px;margin:0}.layout-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass);border-radius:.75rem;display:flex;gap:.5rem;padding:.25rem}.toggle-btn{background:transparent;border:none;border-radius:.5rem;color:#9ca3af;cursor:pointer;padding:.75rem;transition:all .3s ease}.toggle-btn:hover{background:var(--glass-border);color:var(--text-primary)}.toggle-btn.active{background:var(--accent-primary-hover);color:var(--text-primary)}.toggle-btn .icon{height:1.25rem;width:1.25rem}.widgets-container{grid-gap:24px;background:transparent;display:grid;gap:24px;margin-bottom:2rem;margin-left:auto;margin-right:auto;max-width:1440px;padding:0 20px}.widgets-container.grid{grid-auto-rows:auto;grid-template-columns:1fr}@media (min-width:768px){.widgets-container.grid{gap:20px;grid-template-columns:repeat(2,minmax(400px,1fr))}}@media (min-width:1920px){.widgets-container.grid{grid-template-columns:repeat(2,minmax(600px,1fr))}.widget-box.large{grid-row:span 1}.widget-box.large,.widget-box.wide{grid-column:span 2}.widget-box.tall{grid-row:span 2}}.widgets-container.list{grid-template-columns:1fr;margin:0 auto;max-width:1200px}.col-span-full{grid-column:1/-1;height:360px;max-height:380px;min-height:320px}.widget-box{border-radius:24px;height:480px;max-height:480px;min-height:380px;overflow:visible}.widget-box>*{display:flex;flex:1 1;flex-direction:column;min-height:0;overflow:auto;width:100%}.stats-bar{align-items:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-strong);border-radius:1.5rem;display:flex;justify-content:space-around;padding:1rem}.stat-value{color:var(--text-primary);margin:0 0 .25rem}.stat-value.green{color:var(--accent-success)}.stat-value.purple{color:var(--accent-primary)}.stat-value.blue{color:var(--accent-secondary)}.stat-label{margin:0}.stat-divider{background:#374151;height:2rem}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:var(--scrollbar-track)}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--accent-primary-border);border-radius:2px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}@keyframes blob{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-50px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}to{transform:translate(0) scale(1)}}.animate-blob{animation:blob 7s infinite}.animation-delay-2000{animation-delay:2s}.animation-delay-4000{animation-delay:4s}@keyframes action-pulse{0%{box-shadow:0 0 0 0 var(--accent-primary)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}.action-pulse{animation:action-pulse .6s ease-out}.glass-card{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--gradient-glass);border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-md);display:flex;flex-direction:column;height:100%;padding:var(--spacing-lg);transition:all var(--transition-slow)}.glass-card:hover{border-color:var(--accent-primary-border);box-shadow:0 8px 32px var(--accent-primary-bg);transform:translateY(-2px)}.widget-header{flex-shrink:0;margin-bottom:var(--spacing-md)}.widget-title{color:var(--text-primary);font-weight:var(--font-semibold)}.widget-subtitle{color:var(--text-tertiary);font-size:.875rem;margin-top:var(--spacing-xs)}.widget-content{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.widget-content::-webkit-scrollbar{width:6px}.widget-content::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.widget-content::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.widget-content::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.widget-item{background:var(--glass-subtle);border:1px solid transparent;border-radius:var(--radius-lg);margin-bottom:var(--spacing-sm);padding:.75rem;transition:all var(--transition-slow)}.widget-item:hover{background:var(--accent-primary-bg);border-color:var(--accent-primary-border)}.widget-stat{gap:.75rem}.widget-stat,.widget-stat-icon{align-items:center;display:flex}.widget-stat-icon{background:var(--accent-primary-bg);border-radius:var(--radius-lg);color:var(--accent-primary);height:40px;justify-content:center;width:40px}.widget-stat-value{color:var(--text-primary);font-size:1.5rem;font-weight:var(--font-bold)}.widget-stat-label{color:var(--text-tertiary);font-size:.875rem}.widget-actions{border-top:1px solid var(--border-primary);display:flex;flex-shrink:0;gap:var(--spacing-sm);margin-top:var(--spacing-md);padding-top:var(--spacing-md)}.widget-btn{border:1px solid var(--accent-primary-border);border-radius:var(--radius-lg);color:var(--accent-primary);cursor:pointer;flex:1 1;font-size:.875rem;font-weight:var(--font-medium);padding:.625rem;text-align:center;transition:all var(--transition-slow)}.widget-btn,.widget-btn:hover{background:var(--accent-primary-bg)}.widget-btn:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);color:var(--text-primary);transform:translateY(-1px)}.widget-btn:active{transform:translateY(0)}@media (max-height:800px){.widget-content{max-height:280px}}@media (min-height:900px){.widget-content{max-height:320px}}@media (min-height:1080px){.widget-content{max-height:380px}}.widget-compact .widget-content{max-height:200px}.widget-medium .widget-content{max-height:320px}.widget-tall .widget-content{max-height:420px}.widget-container{display:flex;flex-direction:column;height:100%;max-height:480px;min-height:380px;position:relative}.widget-list-scrollable{flex:1 1;min-height:0;overflow-x:hidden;overflow-y:auto;padding:8px 12px;scrollbar-color:var(--scrollbar-thumb) transparent;scrollbar-width:thin}.widget-list-scrollable::-webkit-scrollbar{width:6px}.widget-list-scrollable::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:3px}.widget-list-scrollable::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px;-webkit-transition:background var(--transition-base);transition:background var(--transition-base)}.widget-list-scrollable::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.widget-header-fixed{border-bottom:1px solid var(--border-secondary);padding:18px 20px}.widget-footer-fixed,.widget-header-fixed{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:var(--glass-subtle);flex-shrink:0;position:relative;z-index:var(--z-sticky)}.widget-footer-fixed{border-top:1px solid var(--border-secondary);padding:14px 18px}.glass-card svg,.widget-content svg,.widget-header svg{stroke-width:1.5!important}.widget-empty-state{align-items:center;color:var(--text-tertiary);display:flex;flex-direction:column;gap:var(--spacing-md);justify-content:center;padding:var(--spacing-xl);text-align:center}.widget-empty-state svg{height:48px;opacity:.3;width:48px}.widget-loading{display:flex;justify-content:center;padding:var(--spacing-xl)}.widget-badge,.widget-loading{align-items:center;color:var(--text-secondary)}.widget-badge{background:var(--glass);border:1px solid var(--border-secondary);border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-weight:var(--font-medium);padding:.25rem .625rem}.widget-badge-success{background:var(--accent-success-bg);border-color:var(--accent-success-border);color:var(--accent-success)}.widget-badge-warning{background:var(--accent-warning-bg);border-color:var(--accent-warning-border);color:var(--accent-warning)}.widget-badge-danger{background:var(--accent-danger-bg);border-color:var(--accent-danger-border);color:var(--accent-danger)}.widget-badge-info{background:var(--accent-info-bg);border-color:var(--accent-info-border);color:var(--accent-info)}.widget-badge-primary{background:var(--accent-primary-bg);border-color:var(--accent-primary-border);color:var(--accent-primary)}.liquid-glass{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.18);overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.liquid-glass:before{background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05) 40%,hsla(0,0%,100%,.01));content:"";inset:0;pointer-events:none;position:absolute}.liquid-glass:after{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(45deg);transition:all .6s;width:200%}.liquid-glass:hover:after{animation:shimmer .6s ease-in-out}.glass-button{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.25);border-radius:24px;padding:12px 24px;transform-style:preserve-3d;transition:all .3s cubic-bezier(.4,0,.2,1)}.glass-button:hover{background:rgba(139,92,246,.25);border-color:rgba(139,92,246,.4);box-shadow:0 10px 30px rgba(139,92,246,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-2px) scale(1.02)}.glass-button:active{background:rgba(139,92,246,.3);transform:translateY(0) scale(.98)}.glass-fab{align-items:center;backdrop-filter:blur(30px) saturate(200%);-webkit-backdrop-filter:blur(30px) saturate(200%);background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:50%;cursor:pointer;display:flex;height:56px;justify-content:center;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);width:56px}.glass-fab:hover{background:rgba(139,92,246,.3);box-shadow:0 10px 40px rgba(139,92,246,.4),inset 0 0 20px hsla(0,0%,100%,.1);transform:scale(1.1) rotate(90deg)}.glass-container{filter:url(#liquid-filter);position:relative}.liquid-merge{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:rgba(139,92,246,.2);border:1px solid rgba(139,92,246,.3);border-radius:50%;position:absolute;transition:all .6s cubic-bezier(.68,-.55,.265,1.55)}.widget-glass{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.18);border-radius:24px;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.widget-glass:hover{border-color:rgba(139,92,246,.3);box-shadow:0 20px 40px rgba(0,0,0,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-4px)}.morph-glass{backdrop-filter:blur(40px) saturate(180%);-webkit-backdrop-filter:blur(40px) saturate(180%);background:hsla(0,0%,100%,.07);border:1px solid hsla(0,0%,100%,.125);border-radius:32px;position:relative;transition:all .5s cubic-bezier(.4,0,.2,1)}.morph-glass:before{background:linear-gradient(135deg,rgba(139,92,246,.4),rgba(168,85,247,.4),rgba(139,92,246,.4));border-radius:inherit;content:"";inset:-1px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;padding:1px;position:absolute;transition:opacity .4s}.morph-glass:hover:before{opacity:1}@keyframes gradient-border{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.glass-gradient-border{animation:gradient-border 4s ease infinite;background:linear-gradient(90deg,rgba(139,92,246,.3),rgba(168,85,247,.3),rgba(236,72,153,.3),rgba(139,92,246,.3));background-size:300% 300%}.glass-depth{box-shadow:0 1px 2px rgba(0,0,0,.07),0 2px 4px rgba(0,0,0,.07),0 4px 8px rgba(0,0,0,.07),0 8px 16px rgba(0,0,0,.07),0 16px 32px rgba(0,0,0,.07),0 32px 64px rgba(0,0,0,.07)}@media (prefers-reduced-motion:reduce){.glass-button,.glass-fab,.liquid-glass,.morph-glass,.widget-glass{transition:none}.liquid-glass:after{animation:none}}.widget-box{display:flex;flex-direction:column;height:100%;min-height:400px;overflow:visible!important;position:relative}.widget-box>*{position:relative;z-index:1}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{margin-right:-8px;max-height:300px;overflow-x:hidden!important;overflow-y:auto!important;padding-right:8px!important;scrollbar-color:rgba(139,92,246,.3) transparent;scrollbar-width:thin}.activity-list::-webkit-scrollbar,.candidates-list::-webkit-scrollbar,.document-list::-webkit-scrollbar,.task-list::-webkit-scrollbar,.widget-scrollable::-webkit-scrollbar{height:8px!important;width:8px!important}.activity-list::-webkit-scrollbar-track,.candidates-list::-webkit-scrollbar-track,.document-list::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track,.widget-scrollable::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)!important;border-radius:4px!important}.activity-list::-webkit-scrollbar-thumb,.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.widget-scrollable::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3)!important;border:1px solid hsla(0,0%,100%,.1)!important;border-radius:4px!important}.activity-list::-webkit-scrollbar-thumb:hover,.candidates-list::-webkit-scrollbar-thumb:hover,.document-list::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover,.widget-scrollable::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)!important}.calendar-day-cell{-webkit-tap-highlight-color:transparent!important;cursor:pointer!important;isolation:isolate!important;touch-action:manipulation!important;user-select:none!important;-webkit-user-select:none!important}.calendar-day-cell:after{border-radius:9px;bottom:1px;content:"";left:1px;pointer-events:none;position:absolute;right:1px;top:1px;z-index:-1}.calendar-day-cell:not(.other-month):hover{position:relative;z-index:10!important}.calendar-day-cell:not(.other-month):hover:after{background:hsla(0,0%,100%,.03)}.calendar-day-cell .day-number{pointer-events:none;position:relative;z-index:3}.calendar-day-cell .event-dots{bottom:4px;left:50%;pointer-events:none;position:absolute;transform:translateX(-50%);z-index:3}.calendar-day-cell.other-month{opacity:.3}.calendar-day-cell.other-month:after{display:none}.widget-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:12px;padding:16px 20px!important;position:relative;z-index:10}.widget-header h3{line-height:1.2!important;margin:0!important;padding:0!important}.badge,.count-badge,.notification-badge{display:inline-block!important;max-width:100px!important;overflow:hidden!important;position:relative!important;text-overflow:ellipsis!important;white-space:nowrap!important;z-index:5!important}.activity-item{display:flex!important;flex-direction:column!important;gap:8px!important;margin-bottom:8px!important;min-height:auto!important;padding:12px 16px!important;position:relative!important}.activity-item-header{align-items:flex-start!important;display:flex!important;gap:12px!important;justify-content:space-between!important}.activity-item-content{display:flex!important;flex-direction:column!important;gap:4px!important}.activity-time{color:hsla(0,0%,100%,.5)!important;flex-shrink:0!important;font-size:.75rem!important;white-space:nowrap!important}.candidate-item{grid-gap:12px!important;align-items:center!important;display:grid!important;gap:12px!important;grid-template-columns:48px 1fr auto!important;padding:12px!important;position:relative!important}.candidate-avatar{flex-shrink:0!important;height:48px!important;width:48px!important}.candidate-info{display:flex!important;flex-direction:column!important;gap:4px!important;min-width:0!important}.candidate-name{font-weight:500!important}.candidate-name,.candidate-role{overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.candidate-role{color:hsla(0,0%,100%,.6)!important;font-size:.875rem!important}.task-item{align-items:flex-start!important;display:flex!important;gap:12px!important;padding:12px 16px!important;position:relative!important}.task-checkbox{flex-shrink:0!important;margin-top:2px!important}.task-content{flex:1 1!important;min-width:0!important}.task-title{word-wrap:break-word!important;display:block!important;line-height:1.4!important;margin-bottom:4px!important}.task-meta{color:hsla(0,0%,100%,.5)!important;flex-wrap:wrap!important;font-size:.75rem!important}.document-item,.task-meta{display:flex!important;gap:12px!important}.document-item{align-items:center!important;cursor:pointer!important;padding:12px 16px!important;position:relative!important;transition:all .2s ease!important}.document-item:hover{background:hsla(0,0%,100%,.05)!important;transform:translateX(4px)!important}.document-icon{align-items:center!important;background:rgba(139,92,246,.1)!important;border-radius:10px!important;display:flex!important;flex-shrink:0!important;height:40px!important;justify-content:center!important;width:40px!important}.document-info{flex:1 1!important;min-width:0!important}.document-name{display:block!important;font-weight:500!important;margin-bottom:2px!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.document-meta{color:hsla(0,0%,100%,.5)!important;font-size:.75rem!important}.activity-item,.calendar-day-cell:not(.other-month),.candidate-item,.document-item,.task-item,.widget-clickable{cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.activity-item:hover,.candidate-item:hover,.task-item:hover,.widget-clickable:hover{background:hsla(0,0%,100%,.05)!important;box-shadow:0 2px 8px rgba(0,0,0,.1)!important}.activity-item:active,.calendar-day-cell:active,.candidate-item:active,.document-item:active,.task-item:active,.widget-clickable:active{transform:scale(.98)!important}.widget-header{z-index:20!important}.widget-dropdown{z-index:30!important}.widget-modal{z-index:40!important}.widget-tooltip{z-index:50!important}.floating-action{z-index:60!important}@media (max-width:768px){.widget-box{min-height:350px}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{max-height:250px}.calendar-day-cell{font-size:12px!important;min-height:32px!important}.candidate-item{grid-template-columns:40px 1fr auto!important}.candidate-avatar{height:40px!important;width:40px!important}}.activity-list,.candidates-list,.document-list,.task-list,.widget-scrollable{scroll-behavior:smooth!important}.widget-box{-webkit-backface-visibility:hidden!important;backface-visibility:hidden!important;transform-style:preserve-3d!important}:root[data-theme=light]{.activity-item,.calendar-day-cell .day-number,.candidate-item,.document-item,.task-item,.widget-header h3{color:var(--text-primary)!important}.activity-item:hover,.candidate-item:hover,.document-item:hover,.task-item:hover,.widget-clickable:hover{background:rgba(0,0,0,.05)!important}.activity-list::-webkit-scrollbar-thumb,.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb,.widget-scrollable::-webkit-scrollbar-thumb{background:rgba(139,92,246,.5)!important}}.candidate-card,.candidate-item,.document-card,.document-item,.document-row,.notification-item,.task-item{backface-visibility:hidden;-webkit-backface-visibility:hidden;opacity:1;position:relative;transform:translateX(0) translateZ(0);transition:transform .2s cubic-bezier(.4,0,.2,1),background-color .2s ease}.candidate-card:first-child,.document-card:first-child,.document-row:first-child,.notification-item:first-child,.task-item:first-child{animation:slideIn .3s ease-out 0s backwards}.candidate-card:nth-child(2),.document-card:nth-child(2),.document-row:nth-child(2),.notification-item:nth-child(2),.task-item:nth-child(2){animation:slideIn .3s ease-out .05s backwards}.candidate-card:nth-child(3),.document-card:nth-child(3),.document-row:nth-child(3),.notification-item:nth-child(3),.task-item:nth-child(3){animation:slideIn .3s ease-out .1s backwards}.candidate-card:nth-child(4),.document-card:nth-child(4),.document-row:nth-child(4),.notification-item:nth-child(4),.task-item:nth-child(4){animation:slideIn .3s ease-out .15s backwards}.candidate-card:nth-child(5),.document-card:nth-child(5),.document-row:nth-child(5),.notification-item:nth-child(5),.task-item:nth-child(5){animation:slideIn .3s ease-out .2s backwards}.candidate-card:nth-child(n+6),.document-card:nth-child(n+6),.document-row:nth-child(n+6),.notification-item:nth-child(n+6),.task-item:nth-child(n+6){animation:slideIn .3s ease-out .25s backwards}.candidate-card:hover,.candidate-item:hover,.document-card:hover,.document-item:hover,.document-row:hover,.notification-item:hover,.task-item:hover{background-color:hsla(0,0%,100%,.05);transform:translateX(4px) translateZ(0);z-index:2}.candidate-item:active,.document-item:active,.notification-item:active,.task-item:active{transform:translateX(2px) translateZ(0)}.candidates-list,.document-list,.notifications-list,.task-list{position:relative;will-change:auto}.calendar-days-grid{grid-gap:6px!important;box-sizing:border-box!important;display:grid!important;gap:6px!important;grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(6,minmax(40px,1fr))!important;isolation:isolate!important;padding:8px!important}.calendar-day-cell,.calendar-days-grid{position:relative!important;width:100%!important}.calendar-day-cell{align-items:center!important;contain:layout style paint!important;display:flex!important;flex-direction:column!important;height:100%!important;justify-content:center!important;min-height:40px!important}.calendar-day-cell .day-number{font-size:14px!important;line-height:1!important;margin-bottom:4px!important;pointer-events:none!important;position:relative!important;z-index:1!important}.calendar-day-cell .event-dots{bottom:4px!important;display:flex!important;gap:2px!important;left:50%!important;pointer-events:none!important;position:absolute!important;transform:translateX(-50%)!important;z-index:1!important}.calendar-day-cell.other-month{background:transparent!important;opacity:.3!important;pointer-events:none!important}[data-animation-complete=true]{animation:none!important}.notifications-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important;scroll-behavior:smooth!important}.notifications-list .notification-item{margin-bottom:8px!important;transition:all .2s ease!important}.candidates-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.candidates-list .candidate-item{margin-bottom:8px!important;transition:all .2s ease!important}.task-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.task-list .task-item{margin-bottom:8px!important;transition:all .2s ease!important}.document-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important;padding-right:6px!important}.document-list .document-item{margin-bottom:8px!important;transition:all .2s ease!important}.candidates-list::-webkit-scrollbar,.document-list::-webkit-scrollbar,.notifications-list::-webkit-scrollbar,.task-list::-webkit-scrollbar{background:transparent!important;width:10px!important}.candidates-list::-webkit-scrollbar-track,.document-list::-webkit-scrollbar-track,.notifications-list::-webkit-scrollbar-track,.task-list::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)!important;border-radius:5px!important;margin:4px 0!important}.candidates-list::-webkit-scrollbar-thumb,.document-list::-webkit-scrollbar-thumb,.notifications-list::-webkit-scrollbar-thumb,.task-list::-webkit-scrollbar-thumb{background:rgba(139,92,246,.3)!important;background-clip:padding-box!important;border:2px solid transparent!important;border-radius:5px!important}.candidates-list::-webkit-scrollbar-thumb:hover,.document-list::-webkit-scrollbar-thumb:hover,.notifications-list::-webkit-scrollbar-thumb:hover,.task-list::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.5)!important}.calendar-header,.notification-header,.widget-header{-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;background:hsla(0,0%,100%,.03)!important;border-bottom:1px solid hsla(0,0%,100%,.1)!important;margin-bottom:0!important;padding:16px 20px!important;position:-webkit-sticky!important;position:sticky!important;top:0!important;z-index:20!important}@media (max-width:768px){.calendar-days-grid{gap:4px!important;padding:4px!important}.calendar-day-cell{border-radius:6px!important;min-height:32px!important}.calendar-day-cell .day-number{font-size:12px!important}}@media (max-width:480px){.calendar-days-grid{gap:2px!important;padding:2px!important}.calendar-day-cell{border-radius:4px!important;min-height:28px!important}.calendar-day-cell .day-number{font-size:11px!important}.event-dots{bottom:2px!important}.event-dot{height:3px!important;width:3px!important}}:root[data-theme=light] .calendar-day-cell{background:rgba(0,0,0,.02)!important;color:var(--text-primary)!important}:root[data-theme=light] .calendar-day-cell:not(.other-month):hover{background:rgba(0,0,0,.05)!important;border-color:rgba(0,0,0,.1)!important}:root[data-theme=light] .calendar-day-cell.selected{background:rgba(139,92,246,.15)!important;border-color:rgba(139,92,246,.3)!important}:root[data-theme=light] .calendar-day-cell.today{background:rgba(139,92,246,.08)!important;border-color:rgba(139,92,246,.25)!important}.widget-box{contain:layout style!important}.calendar-day-cell,.candidate-card,.candidate-item,.document-card,.document-item,.document-row,.notification-item,.task-item{animation:none!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;opacity:1!important;transform:translateX(0) translateZ(0)!important;transition:transform .15s ease,background-color .15s ease,border-color .15s ease!important;will-change:auto!important}.candidate-card:hover,.candidate-item:hover,.document-card:hover,.document-item:hover,.document-row:hover,.notification-item:hover,.task-item:hover{background-color:hsla(0,0%,100%,.08)!important;transform:translateX(4px) translateZ(0)!important}.calendar-day-cell:not(.other-month):hover{background:hsla(0,0%,100%,.08)!important;border-color:hsla(0,0%,100%,.15)!important;transform:scale(1.05) translateZ(0)!important}.candidate-card:active,.candidate-item:active,.document-card:active,.document-item:active,.document-row:active,.notification-item:active,.task-item:active{transform:translateX(2px) translateZ(0)!important}.calendar-day-cell:not(.other-month):active{transform:scale(.97) translateZ(0)!important}.fadeIn,.slideIn,[class*=animate-]{animation:none!important}.calendar-day-cell>*,.candidate-card>*,.document-card>*,.document-row>*,.notification-item>*,.task-item>*{transform:none!important}.candidates-widget-clean{background:#fff;background:var(--widget-bg,#fff);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden}.widget-header{align-items:center;background:#fafafa;background:var(--header-bg,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.header-title-section{align-items:center;display:flex;gap:12px}.widget-title{color:#111827;color:var(--text-primary,#111827);font-size:18px}.candidate-count{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border-radius:8px;color:#6366f1;color:var(--primary-color,#6366f1);font-size:12px;font-weight:600;padding:4px 10px}.filter-pills{display:flex;gap:8px}.filter-pill{background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;font-size:13px;font-weight:500;padding:6px 12px;transition:all .2s ease}.filter-pill:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.filter-pill.active{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);color:#6366f1;color:var(--primary-color,#6366f1);font-weight:600}.candidates-list{display:flex;flex:1 1;flex-direction:column;gap:10px;overflow-y:auto;padding:16px 20px}.candidate-card{align-items:center;background:#fafafa;background:var(--card-bg,#fafafa);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;cursor:pointer;display:flex;gap:14px;padding:14px 16px;position:relative;transition:all .2s ease}.candidate-card:hover{background:#f3f4f6;background:var(--card-hover-bg,#f3f4f6);box-shadow:0 2px 6px rgba(0,0,0,.04);transform:translateX(2px)}.candidate-card.selected,.candidate-card:hover{border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.candidate-card.selected{background:#eef2ff;background:var(--primary-bg-light,#eef2ff)}.candidate-avatar-section{flex-shrink:0;position:relative}.avatar-container{position:relative}.candidate-avatar{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-radius:50%;height:42px;object-fit:cover;width:42px}.status-indicator{border:2px solid #fff;border:2px solid var(--widget-bg,#fff);border-radius:50%;bottom:0;height:11px;position:absolute;right:0;width:11px}.status-blue{background:#3b82f6}.status-yellow{background:#fbbf24}.status-purple{background:#8b5cf6}.status-green{background:#10b981}.status-red{background:#ef4444}.status-gray{background:#6b7280}.candidate-info{flex:1 1;min-width:0}.info-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.candidate-name{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.applied-time{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0;font-size:11px}.candidate-position{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;margin:0 0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.candidate-meta{display:flex;gap:10px;margin-bottom:6px}.meta-item{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px}.meta-icon{height:12px;width:12px}.skills-row{display:flex;flex-wrap:wrap;gap:5px}.skill-tag{border-radius:5px;color:#6b7280;color:var(--text-secondary,#6b7280);font-size:10px;font-weight:500;padding:3px 8px}.skill-tag,.skill-tag.more{background:#f3f4f6;background:var(--bg-hover,#f3f4f6)}.skill-tag.more{border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb);color:#9ca3af;color:var(--text-tertiary,#9ca3af)}.candidate-actions{flex-shrink:0;gap:8px}.candidate-actions,.match-score-container{align-items:center;display:flex;flex-direction:column}.match-score-container{gap:4px}.match-score-circle{align-items:center;background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border:2px solid #6366f1;border:2px solid var(--primary-color,#6366f1);border-radius:50%;display:flex;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.score-high{background:#d1fae5;border-color:#059669}.score-high,.score-high .score-text{color:#065f46}.score-medium{background:#fef3c7;border-color:#d97706;color:#92400e}.score-medium .score-text{color:#92400e}.score-low{background:#fee2e2;border-color:#dc2626}.score-low,.score-low .score-text{color:#991b1b}.score-none{background:#f5f5f7;border-color:#aeaeb2;border-style:dashed;color:#6e6e73}.score-none .score-text{color:#6e6e73;font-size:12px}.score-text{color:#6366f1;color:var(--primary-color,#6366f1);font-size:13px}.match-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:9px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.quick-actions{background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:6px;opacity:0;padding:4px 6px;position:absolute;right:10px;top:10px;transition:all .2s ease;z-index:10}.candidate-card.selected .quick-actions,.candidate-card:hover .quick-actions{opacity:1}.action-btn{align-items:center;background:transparent;border:1px solid;border-radius:6px;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .2s ease;width:28px}.action-btn:hover{transform:scale(1.1)}.action-btn.accept{background:#d1fae5;border-color:#059669}.action-btn.accept .action-icon{color:#059669}.action-btn.star{background:#fef3c7;border-color:#d97706}.action-btn.star .action-icon{color:#d97706}.action-btn.reject{background:#fee2e2;border-color:#dc2626}.action-btn.reject .action-icon{color:#dc2626}.action-icon{height:14px;width:14px}.widget-footer{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;flex-direction:column;gap:12px;padding:12px 24px}.stats-row{gap:16px;justify-content:space-around}.stat-item,.stats-row{align-items:center;display:flex}.stat-item{flex:1 1;flex-direction:column}.stat-value{color:#111827;color:var(--text-primary,#111827);font-size:20px;line-height:1.2}.stat-label{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:11px;margin-top:2px;white-space:nowrap}.stat-divider{background:#e5e7eb;background:var(--border-color,#e5e7eb);height:32px;width:1px}.view-all-btn{border:none;border-radius:8px;color:#fff;color:var(--button-text-color,#fff);cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;width:100%}.view-all-btn,.view-all-btn:hover{background:#6366f1;background:var(--primary-color,#6366f1)}.view-all-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover,hsla(0,0%,100%,.95));transform:translateY(-1px)}.candidates-widget-body::-webkit-scrollbar{width:4px}.candidates-widget-body::-webkit-scrollbar-track{background:transparent}.candidates-widget-body::-webkit-scrollbar-thumb{background:#e5e7eb;background:var(--border-color,#e5e7eb);border-radius:2px}.candidates-widget-body::-webkit-scrollbar-thumb:hover{background:#9ca3af;background:var(--text-tertiary,#9ca3af)}.empty-state-container{padding:40px 20px;text-align:center}.empty-state-text{color:#6e6e73;margin:0 0 12px}.empty-state-btn{background:rgba(0,122,255,.1);border:1px solid rgba(0,122,255,.3);border-radius:8px;color:#007aff;cursor:pointer;font-weight:500;padding:8px 16px;transition:all .2s ease}.empty-state-btn:hover{background:#007aff;border-color:#007aff;color:#fff}[data-theme=light] .candidates-widget-clean{background:#fff}[data-theme=light] .widget-header{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .widget-title{color:#1d1d1f}[data-theme=light] .candidate-count{background:rgba(0,122,255,.1);color:#007aff}[data-theme=light] .filter-pill{color:#6e6e73}[data-theme=light] .filter-pill:hover{background:rgba(0,0,0,.04);color:#1d1d1f}[data-theme=light] .filter-pill.active{background:rgba(0,122,255,.1);color:#007aff}[data-theme=light] .candidate-card{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .candidate-card:hover{background:rgba(0,122,255,.06);border-color:rgba(0,122,255,.2)}[data-theme=light] .candidate-name{color:#1d1d1f}[data-theme=light] .applied-time{color:#aeaeb2}[data-theme=light] .candidate-position{color:#6e6e73}[data-theme=light] .meta-item{color:#aeaeb2}[data-theme=light] .skill-tag{background:rgba(0,0,0,.04);color:#6e6e73}[data-theme=light] .match-label{color:#aeaeb2}[data-theme=light] .widget-footer{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .stat-value{color:#1d1d1f}[data-theme=light] .stat-label{color:#6e6e73}[data-theme=light] .stat-divider{background:rgba(0,0,0,.08)}[data-theme=light] .view-all-btn{background:linear-gradient(180deg,#007aff,#0066d6);color:#fff}[data-theme=light] .view-all-btn:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}.calendar-widget-modern{background:#fff;background:var(--widget-bg,#fff);border-radius:16px;box-shadow:0 2px 8px rgba(0,0,0,.06);display:flex;flex-direction:column;height:100%;overflow:hidden}.calendar-widget-header{align-items:center;background:#fafafa;background:var(--header-bg,#fafafa);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.calendar-month-info{align-items:center;display:flex;gap:12px}.calendar-header-icon{color:#6366f1;color:var(--primary-color,#6366f1);flex-shrink:0}.calendar-month-title{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.calendar-header-actions{align-items:center;display:flex;gap:6px}.calendar-nav-button,.calendar-today-button{align-items:center;background:transparent;border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;justify-content:center;transition:all .2s ease}.calendar-nav-button{height:32px;width:32px}.calendar-nav-button:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.calendar-today-button{font-size:13px;font-weight:500;padding:6px 12px}.calendar-today-button:hover{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);color:#6366f1;color:var(--primary-color,#6366f1)}.calendar-widget-body{flex:1 1;overflow-y:auto;padding:16px 20px}.calendar-weekdays-row{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr);margin-bottom:8px}.calendar-weekday-cell{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 4px;text-align:center;text-transform:uppercase}.calendar-days-container{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(7,1fr)}.calendar-day-tile{align-items:center;aspect-ratio:1;background:transparent;background:var(--day-bg,transparent);border:1px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:4px;justify-content:center;padding:6px 4px;position:relative;transition:all .2s ease}.calendar-day-tile:hover{background:#f3f4f6;background:var(--day-hover-bg,#f3f4f6);border-color:#e5e7eb;border-color:var(--border-color,#e5e7eb)}.calendar-day-tile.other-month{cursor:default;opacity:.3}.calendar-day-tile.other-month:hover{background:transparent;border-color:transparent}.calendar-day-tile.empty-slot{cursor:default;pointer-events:none;visibility:hidden}.calendar-day-tile.empty-slot:hover{background:transparent;border-color:transparent}.calendar-day-tile.is-today{background:#eef2ff;background:var(--today-bg,#eef2ff);border-color:#6366f1;border-color:var(--primary-color,#6366f1)}.calendar-day-tile.is-today .day-number-text{color:#4338ca;color:var(--today-text,#4338ca);font-weight:700}.calendar-day-tile.has-events{background:#fef3c7;background:var(--event-day-bg,#fef3c7)}.calendar-day-tile.has-events .day-number-text{color:#92400e;color:var(--event-text,#92400e)}.calendar-day-tile.has-events:hover{background:#fde68a;background:var(--event-day-hover,#fde68a)}.calendar-day-tile.is-today.has-events{background:linear-gradient(135deg,#eef2ff,#fef3c7);background:var(--today-event-bg,linear-gradient(135deg,#eef2ff 0,#fef3c7 100%))}.calendar-day-tile.is-today.has-events .day-number-text{color:#4338ca;color:var(--today-text,#4338ca)}.day-number-text{color:#111827;color:var(--text-primary,#111827);font-size:14px;font-weight:500;line-height:1}.event-indicators{align-items:center;display:flex;flex-wrap:wrap;gap:3px;justify-content:center;max-width:100%}.event-dot{background:#6366f1;background:var(--primary-color,#6366f1);border-radius:50%;box-shadow:0 0 0 1px hsla(0,0%,100%,.5);flex-shrink:0;height:6px;width:6px}.more-events-count{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:9px;font-weight:600;margin-left:2px}.calendar-widget-footer{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:8px;padding:16px 20px}.btn-create-appointment,.btn-view-full-calendar{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-create-appointment{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff;color:var(--button-text-color,#fff)}.btn-create-appointment:hover{background:#4f46e5;background:var(--primary-hover,#4f46e5);box-shadow:0 4px 12px rgba(99,102,241,.3);color:hsla(0,0%,100%,.95);color:var(--button-text-hover,hsla(0,0%,100%,.95));transform:translateY(-1px)}.btn-view-full-calendar{background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.btn-view-full-calendar:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#6366f1;border-color:var(--primary-color,#6366f1);color:#6366f1;color:var(--primary-color,#6366f1)}.appointment-list-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.appointment-list-card{background:#fff;background:var(--modal-bg,#fff);border-radius:16px;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);display:flex;flex-direction:column;max-height:80vh;max-width:500px;width:100%}.appointment-list-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color,#e5e7eb);display:flex;justify-content:space-between;padding:20px 24px}.appointment-list-header h4{color:#111827;color:var(--text-primary,#111827);font-size:18px;font-weight:600;margin:0}.btn-close-list{align-items:center;background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);border:none;border-radius:6px;color:#6b7280;color:var(--text-secondary,#6b7280);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-close-list:hover{background:#e5e7eb;background:var(--bg-hover,#e5e7eb);color:#111827;color:var(--text-primary,#111827)}.appointment-list-items{display:flex;flex:1 1;flex-direction:column;gap:12px;overflow-y:auto;padding:16px 24px}.appointment-list-item{background:#f9fafb;background:var(--item-bg,#f9fafb);border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:12px;display:flex;gap:12px;padding:16px;transition:all .2s ease}.appointment-list-item:hover{background:#fff;background:var(--item-hover-bg,#fff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);box-shadow:0 2px 8px rgba(99,102,241,.1)}.appointment-time-badge{background:#6366f1;background:var(--primary-color,#6366f1);border-radius:6px;color:#fff;flex-shrink:0;font-size:12px;font-weight:600;height:-webkit-fit-content;height:fit-content;padding:4px 12px}.appointment-details{flex:1 1;min-width:0}.appointment-title{color:#111827;color:var(--text-primary,#111827);font-size:15px;font-weight:600;margin:0 0 6px}.appointment-description{color:#6b7280;color:var(--text-secondary,#6b7280);font-size:13px;line-height:1.4;margin:0 0 6px}.appointment-location{color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px}.appointment-actions{align-items:stretch;display:flex;flex-direction:column;gap:8px;min-width:110px}.btn-delete-appointment,.btn-edit-appointment{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:4px;justify-content:center;padding:8px 14px;transition:all .2s ease;white-space:nowrap}.btn-edit-appointment{background:#f3f4f6;background:var(--bg-secondary,#f3f4f6);color:#111827;color:var(--text-primary,#111827)}.btn-edit-appointment:hover{background:#6366f1;background:var(--primary-color,#6366f1);color:#fff}.btn-delete-appointment{background:transparent;border:1px solid #dc2626;border:1px solid var(--danger-color,#dc2626);color:#dc2626;color:var(--danger-color,#dc2626)}.btn-delete-appointment:hover{background:#dc2626;background:var(--danger-color,#dc2626);color:#fff}.appointment-list-footer{border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);padding:16px 24px}.btn-add-more{align-items:center;background:transparent;border:1px dashed #d1d5db;border:1px dashed var(--border-color,#d1d5db);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.btn-add-more:hover{background:#eef2ff;background:var(--primary-bg-light,#eef2ff);border-color:#6366f1;border-color:var(--primary-color,#6366f1);color:#6366f1;color:var(--primary-color,#6366f1)}[data-theme=light] .calendar-widget-modern{background:#fff}[data-theme=light] .calendar-widget-header{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .calendar-header-icon{color:#007aff}[data-theme=light] .calendar-month-title{color:#1d1d1f}[data-theme=light] .calendar-nav-button,[data-theme=light] .calendar-today-button{color:#6e6e73}[data-theme=light] .calendar-nav-button:hover{background:rgba(0,0,0,.04);color:#1d1d1f}[data-theme=light] .calendar-today-button:hover{background:rgba(0,122,255,.1);color:#007aff}[data-theme=light] .calendar-weekday-cell{color:#6e6e73}[data-theme=light] .calendar-day-tile:hover{background:rgba(0,0,0,.04);border-color:rgba(0,0,0,.08)}[data-theme=light] .calendar-day-tile.is-today{background:rgba(0,122,255,.1);border-color:#007aff}[data-theme=light] .calendar-day-tile.is-today .day-number-text{color:#007aff}[data-theme=light] .calendar-day-tile.has-events{background:rgba(255,149,0,.1)}[data-theme=light] .calendar-day-tile.has-events .day-number-text{color:#ff9500}[data-theme=light] .calendar-day-tile.has-events:hover{background:rgba(255,149,0,.15)}[data-theme=light] .day-number-text{color:#1d1d1f}[data-theme=light] .event-dot{background:#007aff}[data-theme=light] .more-events-count{color:#6e6e73}[data-theme=light] .calendar-widget-footer{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .btn-create-appointment{background:linear-gradient(180deg,#007aff,#0066d6);color:#fff}[data-theme=light] .btn-create-appointment:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}[data-theme=light] .btn-view-full-calendar{background:#f5f5f7;border-color:rgba(0,0,0,.1);color:#1d1d1f}[data-theme=light] .btn-view-full-calendar:hover{background:#e8e8ed;border-color:#007aff;color:#007aff}[data-theme=light] .appointment-list-overlay{background:rgba(0,0,0,.4)}[data-theme=light] .appointment-list-card,[data-theme=light] .appointment-list-card-modern{background:#fff;border-color:rgba(0,0,0,.08)}[data-theme=light] .appointment-list-header h4{color:#1d1d1f}[data-theme=light] .btn-close-list{background:#f5f5f7;color:#6e6e73}[data-theme=light] .btn-close-list:hover{background:#e8e8ed;color:#1d1d1f}[data-theme=light] .appointment-list-item{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .appointment-list-item:hover{background:#fff;border-color:rgba(0,122,255,.2)}[data-theme=light] .appointment-time-badge{background:#007aff;color:#fff}[data-theme=light] .appointment-title{color:#1d1d1f}[data-theme=light] .appointment-description{color:#6e6e73}[data-theme=light] .appointment-location{color:#aeaeb2}[data-theme=light] .btn-edit-appointment{background:rgba(0,122,255,.08);color:#007aff}[data-theme=light] .btn-edit-appointment:hover{background:#007aff;color:#fff}[data-theme=light] .btn-delete-appointment{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.2);color:#ff3b30}[data-theme=light] .btn-delete-appointment:hover{background:#ff3b30;color:#fff}[data-theme=light] .btn-add-more{border-color:rgba(0,0,0,.15);color:#6e6e73}[data-theme=light] .btn-add-more:hover{background:rgba(0,122,255,.06);border-color:#007aff;color:#007aff}[data-theme=light] .appointment-list-header-modern{background:linear-gradient(180deg,#007aff,#0066d6)}[data-theme=light] .date-badge{background:hsla(0,0%,100%,.2)}[data-theme=light] .btn-close-modern{background:hsla(0,0%,100%,.2);color:#fff}[data-theme=light] .btn-close-modern:hover{background:hsla(0,0%,100%,.3)}[data-theme=light] .appointment-card-modern{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .appointment-card-modern:hover{background:#fff;border-color:rgba(0,122,255,.2);box-shadow:0 4px 12px rgba(0,122,255,.1)}[data-theme=light] .time-icon{color:#007aff}[data-theme=light] .time-text{color:#1d1d1f}[data-theme=light] .appointment-type-badge{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.2);color:#007aff}[data-theme=light] .appointment-card-title{color:#1d1d1f}[data-theme=light] .appointment-card-description{color:#6e6e73}[data-theme=light] .appointment-card-location,[data-theme=light] .appointment-card-participants{color:#aeaeb2}[data-theme=light] .appointment-card-location svg,[data-theme=light] .appointment-card-participants svg{color:#007aff}[data-theme=light] .appointment-card-actions{border-color:rgba(0,0,0,.06)}[data-theme=light] .btn-card-edit{background:rgba(0,122,255,.08);border-color:rgba(0,122,255,.2);color:#007aff}[data-theme=light] .btn-card-edit:hover{background:linear-gradient(180deg,#007aff,#0066d6);box-shadow:0 4px 12px rgba(0,122,255,.3);color:#fff}[data-theme=light] .btn-card-delete{background:rgba(255,59,48,.08);border-color:rgba(255,59,48,.2);color:#ff3b30}[data-theme=light] .btn-card-delete:hover{background:#ff3b30;box-shadow:0 4px 12px rgba(255,59,48,.3);color:#fff}[data-theme=light] .appointment-list-footer-modern{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .btn-add-modern{background:linear-gradient(180deg,#007aff,#0066d6);box-shadow:0 4px 12px rgba(0,122,255,.3);color:#fff}[data-theme=light] .btn-add-modern:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 6px 20px rgba(0,122,255,.4)}@media (max-width:768px){.calendar-widget-header{padding:16px 20px}.calendar-month-title{font-size:16px}.calendar-widget-body{padding:12px 16px}.calendar-day-tile{padding:4px 2px}.day-number-text{font-size:13px}.event-dot{height:5px;width:5px}.calendar-widget-footer{flex-direction:column;padding:12px 16px}.appointment-list-card{margin:10px}.appointment-list-item{flex-direction:column;gap:12px}.appointment-actions{flex-direction:row}}.appointment-list-card-modern{animation:slideInUp .3s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,255,.95));border-radius:24px;box-shadow:0 25px 50px -12px rgba(0,0,0,.25),0 0 0 1px rgba(99,102,241,.1);max-height:85vh;max-width:600px;overflow:hidden;padding:0;width:90%}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.appointment-list-header-modern{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:24px 28px}.header-date-section{align-items:center;display:flex;gap:16px}.date-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.25);border-radius:12px;display:flex;flex-direction:column;justify-content:center;min-width:60px;padding:12px}.date-number{color:#fff;font-size:24px;font-weight:700;line-height:1}.date-month{color:hsla(0,0%,100%,.9);font-size:12px;font-weight:600;letter-spacing:.5px;margin-top:2px;text-transform:uppercase}.header-info{flex:1 1}.header-title{color:#fff;font-size:20px;font-weight:700;margin:0 0 4px}.header-subtitle{color:hsla(0,0%,100%,.85);font-size:14px;margin:0}.btn-close-modern{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.btn-close-modern:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.appointment-cards-container{display:flex;flex-direction:column;gap:16px;max-height:calc(85vh - 220px);overflow-y:auto;padding:20px 28px}.appointment-card-modern{animation:fadeInCard .4s ease-out forwards;background:var(--glass);border:1px solid rgba(99,102,241,.15);border-radius:16px;opacity:0;padding:20px;transition:all .3s ease}@keyframes fadeInCard{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.appointment-card-modern:hover{border-color:rgba(99,102,241,.3);box-shadow:0 8px 24px rgba(99,102,241,.15);transform:translateY(-2px)}.appointment-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.appointment-time-section{align-items:center;color:#1d1d1f;display:flex;font-size:14px;font-weight:600;gap:8px}.time-icon{color:#007aff}.time-text{color:#1d1d1f;font-weight:600}.appointment-type-badge{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#6366f1;font-size:12px;font-weight:600;padding:4px 12px}.appointment-card-title{color:var(--text-primary);font-size:18px;font-weight:700;line-height:1.3;margin:0 0 8px}.appointment-card-description{color:var(--text-secondary);font-size:14px;line-height:1.5;margin:0 0 12px}.appointment-card-location,.appointment-card-participants{align-items:center;color:var(--text-secondary);display:flex;font-size:13px;gap:8px;margin-top:8px}.appointment-card-location svg,.appointment-card-participants svg{color:#6366f1}.appointment-card-actions{border-top:1px solid rgba(99,102,241,.1);display:flex;gap:10px;margin-top:16px;padding-top:16px}.btn-card-delete,.btn-card-edit{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:6px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-card-edit{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.2);color:#6366f1}.btn-card-edit:hover{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;transform:translateY(-1px)}.btn-card-delete{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.2);color:#ef4444;flex:0 0 auto;padding:10px 14px}.btn-card-delete:hover{background:#ef4444;box-shadow:0 4px 12px rgba(239,68,68,.3);color:#fff;transform:translateY(-1px)}.appointment-list-footer-modern{background:rgba(99,102,241,.03);border-top:1px solid rgba(99,102,241,.1);padding:20px 28px 24px}.btn-add-modern{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;cursor:pointer;display:flex;font-size:15px;font-weight:600;gap:10px;justify-content:center;padding:14px 24px;transition:all .3s ease;width:100%}.btn-add-modern:hover{background:linear-gradient(135deg,#5558e3,#7c3aed);box-shadow:0 6px 20px rgba(99,102,241,.4);transform:translateY(-2px)}@media (max-width:768px){.appointment-list-card-modern{max-height:90vh;width:95%}.appointment-list-header-modern{padding:20px}.appointment-cards-container{max-height:calc(90vh - 200px);padding:16px 20px}.appointment-card-modern{padding:16px}.appointment-card-actions{flex-direction:column}.btn-card-delete,.btn-card-edit{width:100%}.appointment-list-footer-modern{padding:16px 20px 20px}}.appointment-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.75);bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:99999}.appointment-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);max-height:90vh;max-width:600px;overflow:hidden;padding:0;width:90vw}.appointment-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:24px 28px 20px}.modal-title-section{flex:1 1}.modal-title{align-items:center;color:var(--text-primary);display:flex;font-size:20px;font-weight:600;gap:10px;margin:0 0 4px}.modal-subtitle{color:var(--text-secondary);font-size:14px;margin:0}.modal-close-btn{align-items:center;background:var(--glass);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .3s ease;width:36px}.modal-close-btn:hover{background:var(--glass-hover);transform:scale(1.05)}.appointment-modal-content{max-height:60vh;overflow-y:auto;padding:24px 28px}.form-section{margin-bottom:28px}.form-section:last-child{margin-bottom:0}.section-title{align-items:center;color:var(--text-primary);display:flex;font-size:16px;font-weight:600;gap:8px;margin:0 0 16px}.form-group{margin-bottom:16px}.form-label{align-items:center;color:var(--text-primary);display:flex;font-size:14px;font-weight:500;gap:6px;margin-bottom:6px}.form-input,.form-select,.form-textarea{background:var(--input-bg);border:1px solid var(--input-border);border-radius:10px;color:var(--input-text);font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-input:hover,.form-select:hover,.form-textarea:hover{background:var(--input-bg-hover)}.form-input:focus,.form-select:focus,.form-textarea:focus{background:var(--input-bg-focus);border-color:var(--input-border-focus);box-shadow:0 0 0 3px rgba(59,130,246,.1);outline:none}.form-input.error,.form-select.error,.form-textarea.error{border-color:#ef4444}.form-input::placeholder,.form-textarea::placeholder{color:var(--input-placeholder)}.form-textarea{min-height:80px;resize:vertical}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.participants-list{margin-bottom:16px}.participant-item{align-items:center;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:10px;display:flex;justify-content:space-between;margin-bottom:8px;padding:12px 16px}.participant-info{display:flex;flex-direction:column;gap:2px}.participant-name{color:var(--text-primary);font-size:14px;font-weight:500}.participant-email,.participant-role{color:var(--text-tertiary);font-size:12px}.remove-participant-btn{align-items:center;background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3);border-radius:6px;color:#ef4444;cursor:pointer;display:flex;height:28px;justify-content:center;transition:all .3s ease;width:28px}.remove-participant-btn:hover{background:rgba(239,68,68,.3);transform:scale(1.1)}.add-participant-form{background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px}.add-participant-btn{align-items:center;background:rgba(59,130,246,.2);border:1px solid rgba(59,130,246,.3);border-radius:8px;color:#3b82f6;cursor:pointer;display:flex;flex-shrink:0;height:40px;justify-content:center;transition:all .3s ease;width:40px}.add-participant-btn:hover{background:rgba(59,130,246,.3);transform:scale(1.05)}.add-participant-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.error-message,.warning-message{align-items:center;border-radius:10px;display:flex;font-size:14px;gap:8px;margin-bottom:16px;padding:12px 16px}.error-message{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.3);color:#fca5a5}.warning-message{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);color:#fcd34d}.field-error{color:#fca5a5;display:block;font-size:12px;margin-top:4px}.appointment-modal-footer{align-items:center;border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 28px 24px}.footer-actions{align-items:center;display:flex;gap:12px}.cancel-btn,.delete-btn,.save-btn{align-items:center;border:1px solid transparent;border-radius:10px;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:10px 20px;transition:all .3s ease}.delete-btn{background:rgba(239,68,68,.2);border-color:rgba(239,68,68,.3);color:#ef4444}.delete-btn:hover{background:rgba(239,68,68,.3);transform:translateY(-1px)}.cancel-btn{background:var(--btn-cancel-bg);border-color:var(--btn-cancel-border);color:var(--btn-cancel-text)}.cancel-btn:hover{background:var(--btn-cancel-hover);transform:translateY(-1px)}.save-btn{background:linear-gradient(135deg,#3b82f6,#1d4ed8);border-color:#3b82f6;color:#fff}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.cancel-btn:disabled,.delete-btn:disabled,.save-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.appointment-list-modal{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.15),hsla(0,0%,100%,.05));border:1px solid hsla(0,0%,100%,.2);border-radius:20px;box-shadow:0 25px 50px -12px rgba(0,0,0,.5),0 0 0 1px hsla(0,0%,100%,.1);max-height:90vh;max-width:700px;overflow:hidden;padding:0;width:90vw}.appointment-list-modal-header{display:flex;justify-content:flex-end;padding:20px 24px 0}.appointment-list-modal-footer{border-top:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:center;padding:20px 24px 24px}.add-appointment-btn{align-items:center;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid #3b82f6;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;padding:12px 24px;transition:all .3s ease}.add-appointment-btn:hover{background:linear-gradient(135deg,#2563eb,#1e40af);box-shadow:0 4px 12px rgba(59,130,246,.3);transform:translateY(-1px)}.calendar-footer-actions{align-items:center;display:flex;gap:8px}.view-appointments-btn{align-items:center;background:var(--glass);border:1px solid var(--border-primary);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.view-appointments-btn:hover{background:var(--glass-hover);transform:scale(1.05)}[data-theme=light] .appointment-modal-overlay{background:rgba(0,0,0,.3)}[data-theme=light] .appointment-list-modal,[data-theme=light] .appointment-modal{background:#fff;border-color:rgba(0,0,0,.08);box-shadow:0 25px 50px -12px rgba(0,0,0,.15),0 0 0 1px rgba(0,0,0,.05)}[data-theme=light] .appointment-modal-header{border-color:rgba(0,0,0,.06)}[data-theme=light] .modal-title{color:#1d1d1f}[data-theme=light] .modal-subtitle{color:#6e6e73}[data-theme=light] .modal-close-btn{background:#f5f5f7;border-color:rgba(0,0,0,.1);color:#6e6e73}[data-theme=light] .modal-close-btn:hover{background:#e8e8ed;color:#1d1d1f}[data-theme=light] .form-label,[data-theme=light] .section-title{color:#1d1d1f}[data-theme=light] .form-input,[data-theme=light] .form-select,[data-theme=light] .form-textarea{background:#fff;border-color:rgba(0,0,0,.1);color:#1d1d1f}[data-theme=light] .form-input:focus,[data-theme=light] .form-select:focus,[data-theme=light] .form-textarea:focus{border-color:#007aff;box-shadow:0 0 0 3px rgba(0,122,255,.15)}[data-theme=light] .form-input::placeholder,[data-theme=light] .form-textarea::placeholder{color:#aeaeb2}[data-theme=light] .participant-item{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .participant-name{color:#1d1d1f}[data-theme=light] .participant-email,[data-theme=light] .participant-role{color:#aeaeb2}[data-theme=light] .remove-participant-btn{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.2);color:#ff3b30}[data-theme=light] .add-participant-form{background:#fafafa;border-color:rgba(0,0,0,.06)}[data-theme=light] .add-participant-btn{background:rgba(0,122,255,.1);border-color:rgba(0,122,255,.2);color:#007aff}[data-theme=light] .error-message{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.2);color:#ff3b30}[data-theme=light] .warning-message{background:rgba(255,149,0,.1);border-color:rgba(255,149,0,.2);color:#ff9500}[data-theme=light] .field-error{color:#ff3b30}[data-theme=light] .appointment-modal-footer{border-color:rgba(0,0,0,.06)}[data-theme=light] .delete-btn{background:rgba(255,59,48,.1);border-color:rgba(255,59,48,.2);color:#ff3b30}[data-theme=light] .delete-btn:hover{background:rgba(255,59,48,.15)}[data-theme=light] .cancel-btn{background:#f5f5f7;border-color:rgba(0,0,0,.1);color:#1d1d1f}[data-theme=light] .cancel-btn:hover{background:#e8e8ed}[data-theme=light] .save-btn{background:linear-gradient(180deg,#007aff,#0066d6);border-color:#007aff;color:#fff}[data-theme=light] .save-btn:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}[data-theme=light] .add-appointment-btn{background:linear-gradient(180deg,#007aff,#0066d6);border-color:#007aff;color:#fff}[data-theme=light] .add-appointment-btn:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}[data-theme=light] .view-appointments-btn{background:#f5f5f7;border-color:rgba(0,0,0,.1);color:#6e6e73}[data-theme=light] .view-appointments-btn:hover{background:#e8e8ed;color:#1d1d1f}@media (max-width:768px){.appointment-list-modal,.appointment-modal{margin:20px;width:95vw}.appointment-modal-header{padding:20px 20px 16px}.appointment-modal-content{padding:20px}.appointment-modal-footer{flex-direction:column;gap:12px;padding:16px 20px 20px}.footer-actions{justify-content:center;width:100%}.form-row{flex-direction:column;gap:12px}}.projects-widget{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass);border:1px solid var(--glass-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:100%;overflow:hidden}.projects-header{border-bottom:1px solid var(--glass-border);padding:var(--spacing-lg)}.header-top{justify-content:space-between;margin-bottom:var(--spacing-md)}.header-top,.widget-title{align-items:center;display:flex}.widget-title{color:#fff;font-size:1.125rem;font-weight:600;gap:var(--spacing-sm);margin:0}.title-icon{color:var(--accent-primary);height:20px;width:20px}.header-actions{align-items:center;display:flex;gap:var(--spacing-sm)}.risk-indicator{align-items:center;background:rgba(239,68,68,.15);border-radius:var(--radius-md);color:#ef4444;display:flex;font-size:.875rem;font-weight:500;gap:4px;padding:4px 10px}.risk-icon{height:14px;width:14px}.add-project-btn{align-items:center;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.add-project-btn:hover{background:var(--accent-primary-hover);transform:scale(1.05)}.add-icon{height:16px;width:16px}.quick-stats{grid-gap:var(--spacing-md);display:grid;gap:var(--spacing-md);grid-template-columns:repeat(3,1fr)}.stat-item{background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:var(--spacing-sm);text-align:center}.stat-value{color:var(--accent-primary);font-size:1.5rem;font-weight:700;margin-bottom:2px}.stat-label{color:hsla(0,0%,100%,.7);font-size:.75rem;font-weight:500}.projects-list{display:flex;flex:1 1;flex-direction:column;gap:var(--spacing-md);overflow-y:auto;padding:var(--spacing-md)}.empty-state{height:100%;padding:var(--spacing-xl)}.empty-icon{color:hsla(0,0%,100%,.3);height:48px;margin-bottom:var(--spacing-md);width:48px}.empty-icon.spinning{animation:spin 1s linear infinite}.empty-text{color:hsla(0,0%,100%,.6);font-size:.925rem;margin:0 0 var(--spacing-md) 0}.empty-action-btn{background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:8px 16px;transition:all .2s ease}.empty-action-btn:hover{background:var(--accent-primary-hover);transform:translateY(-1px)}.project-card{background:var(--glass-hover);border:1px solid var(--glass-border);border-radius:var(--radius-lg);cursor:pointer;padding:var(--spacing-md);transition:all .2s ease}.project-card:hover{background:var(--glass-active);box-shadow:0 8px 24px rgba(0,0,0,.12);transform:translateY(-2px)}.project-header{justify-content:space-between;margin-bottom:var(--spacing-sm)}.project-header,.project-info{align-items:center;display:flex}.project-info{flex:1 1;gap:var(--spacing-sm);min-width:0}.project-color-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.project-name{color:#fff;font-size:1rem;font-weight:600;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-status{align-items:center;border-radius:var(--radius-sm);display:flex;flex-shrink:0;font-size:.75rem;font-weight:600;gap:4px;padding:4px 10px}.project-status svg{height:14px;width:14px}.project-progress{margin-bottom:var(--spacing-sm)}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.progress-label{color:hsla(0,0%,100%,.7);font-size:.75rem;font-weight:500}.progress-percentage{color:#fff;font-size:.875rem;font-weight:600}.progress-bar{background:hsla(0,0%,100%,.1);border-radius:999px;height:6px;overflow:hidden}.progress-fill{border-radius:999px;height:100%;transition:width .3s ease}.project-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.meta-item{align-items:center;color:hsla(0,0%,100%,.8);display:flex;font-size:.75rem;gap:4px}.meta-icon{color:hsla(0,0%,100%,.6);height:14px;width:14px}.projects-footer{border-top:1px solid var(--glass-border);padding:var(--spacing-md) var(--spacing-lg)}[data-theme=light] .projects-footer.widget-footer-buttons{background:#fafafa;border-color:rgba(0,0,0,.06)}@media (max-width:768px){.quick-stats{gap:var(--spacing-sm);grid-template-columns:repeat(3,1fr)}.stat-value{font-size:1.25rem}.stat-label{font-size:.7rem}.project-card{padding:var(--spacing-sm)}.project-name{font-size:.925rem}}.mesh-gradient-background{background:radial-gradient(ellipse at bottom,#1b2735 0,#090a0f 100%);height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:0}.mesh-gradient-background:before{animation:stars 200s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,hsla(0,0%,100%,.9),transparent),radial-gradient(2px 2px at 60px 70px,hsla(0,0%,100%,.7),transparent),radial-gradient(1px 1px at 50px 50px,hsla(0,0%,100%,.8),transparent),radial-gradient(1px 1px at 130px 80px,hsla(0,0%,100%,.6),transparent),radial-gradient(2px 2px at 90px 10px,hsla(0,0%,100%,.9),transparent);background-repeat:repeat;background-size:200px 200px,300px 300px,250px 250px,280px 280px,220px 220px;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes stars{0%{transform:translateY(0)}to{transform:translateY(-2000px)}}.gradient-orb{border-radius:50%;filter:blur(100px);mix-blend-mode:screen;opacity:.6;transform:translate(-50%,-50%);will-change:transform,opacity}.gradient-orb,.mesh-gradient-overlay{pointer-events:none;position:absolute}.mesh-gradient-overlay{background:radial-gradient(circle at 50% 50%,transparent 0,rgba(10,11,13,.4) 100%);height:100%;left:0;top:0;width:100%}@media (prefers-reduced-motion:reduce){.gradient-orb{animation:none!important;filter:blur(80px)}}@media (max-width:768px){.gradient-orb{filter:blur(80px)}}.particle-background{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:1}.particle{background:radial-gradient(circle,hsla(0,0%,100%,.8) 0,hsla(0,0%,100%,0) 70%);border-radius:50%;pointer-events:none;position:absolute;will-change:transform,opacity}@media (prefers-reduced-motion:reduce){.particle{animation:none!important}}@media (max-width:768px){.particle:nth-child(n+21){display:none}}.clean-input-container{margin-bottom:1.25rem;width:100%}.input-label{color:#fff;display:block;font-size:.875rem;font-weight:600;letter-spacing:.01em;margin-bottom:.5rem;text-shadow:0 1px 3px rgba(0,0,0,.3)}.input-box{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1.5px solid hsla(0,0%,100%,.15);border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;gap:.75rem;height:52px;overflow:hidden;padding:0 1rem;position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-box,.input-box:hover{background:hsla(0,0%,100%,.08)}.input-box:hover{border-color:hsla(0,0%,100%,.2)}.input-box.focused{background:hsla(0,0%,100%,.1);border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.15)}.input-box.error{border-color:#ef4444}.input-box.error.focused{box-shadow:0 0 0 3px rgba(239,68,68,.15)}.field-icon{color:hsla(0,0%,100%,.4);flex-shrink:0;transition:color .2s}.input-box.focused .field-icon{color:#667eea}.input-field{background:transparent;border:none;color:#fff;flex:1 1;font-size:1rem;font-weight:400;height:100%;line-height:1;outline:none;padding:0}.input-field::placeholder{color:hsla(0,0%,100%,.3)}.input-field:-webkit-autofill,.input-field:-webkit-autofill:active,.input-field:-webkit-autofill:focus,.input-field:-webkit-autofill:hover{-webkit-text-fill-color:#fff!important;background-color:hsla(0,0%,100%,0)!important;background-image:none!important;border:none!important;border-radius:0!important;box-shadow:inset 0 0 0 1000px hsla(0,0%,100%,0)!important;caret-color:#fff!important;color:#fff!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.input-field:-webkit-autofill:first-line{color:#fff!important;font-size:1rem!important;font-weight:400!important}input:-webkit-autofill{background-clip:text!important;-webkit-background-clip:text!important}input:-internal-autofill-selected{background-color:transparent!important;background-image:none!important;color:#fff!important}.password-toggle-btn{align-items:center;background:transparent;border:none;border-radius:4px;color:hsla(0,0%,100%,.4);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:.25rem;transition:all .2s}.password-toggle-btn:hover{background:hsla(0,0%,100%,.1);color:hsla(0,0%,100%,.7)}.input-error{align-items:center;color:#ef4444;display:flex;font-size:.8125rem;gap:.375rem;margin-top:.5rem}@media (max-width:768px){.input-box{height:44px}.input-field{font-size:16px}}.login-page-container{align-items:center;background:#0a0e27;background-image:radial-gradient(ellipse 80% 50% at 50% -20%,rgba(120,119,198,.3),transparent),radial-gradient(ellipse 100% 80% at 80% 90%,rgba(102,126,234,.2),transparent),radial-gradient(ellipse 100% 100% at 20% 80%,rgba(118,75,162,.15),transparent);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative;width:100%}.login-page-container:before{animation:moveGradient 15s ease-in-out infinite;background:radial-gradient(circle at 30% 50%,rgba(102,126,234,.15),transparent 50%),radial-gradient(circle at 70% 50%,rgba(118,75,162,.15),transparent 50%);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes moveGradient{0%,to{opacity:1;transform:translate(0)}50%{opacity:.8;transform:translate(50px,-50px)}}.login-content{align-items:center;display:flex;flex-direction:column;gap:2rem;max-width:420px;padding:2rem;position:relative;width:100%;z-index:10}.login-logo{animation:float 3s ease-in-out infinite;margin-bottom:1rem}.login-logo,.logo-icon{align-items:center;display:flex;justify-content:center}.logo-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 8px 32px rgba(102,126,234,.4),0 0 60px rgba(102,126,234,.3),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#fff;font-size:1.75rem;font-weight:700;height:64px;overflow:hidden;position:relative;width:64px}.logo-icon:before{animation:shimmer 3s infinite;background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}@keyframes shimmer{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.login-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;box-shadow:0 20px 60px rgba(0,0,0,.3),0 0 100px rgba(102,126,234,.1),inset 0 0 0 1px hsla(0,0%,100%,.05);overflow:hidden;padding:2.5rem 2rem;position:relative;width:100%}.login-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.card-header{margin-bottom:2rem;text-align:center}.card-title{-webkit-text-fill-color:transparent;animation:titleGlow 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#e0e0ff);-webkit-background-clip:text;background-clip:text;font-size:1.875rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}@keyframes titleGlow{0%,to{filter:drop-shadow(0 0 20px rgba(102,126,234,.3))}50%{filter:drop-shadow(0 0 30px rgba(102,126,234,.5))}}.card-subtitle{color:hsla(0,0%,100%,.7);font-size:.9375rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:.5rem}.error-banner{align-items:center;background:rgba(239,68,68,.15);border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;display:flex;font-size:.875rem;gap:.75rem;margin-bottom:.75rem;padding:.875rem 1rem}.error-banner svg{flex-shrink:0}.form-options{font-size:.875rem;justify-content:space-between;margin:.5rem 0 1.5rem}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#fff;cursor:pointer;gap:.5rem;-webkit-user-select:none;user-select:none}.checkbox-input{accent-color:#667eea;cursor:pointer;height:16px;width:16px}.forgot-link{color:#a0b4ff;font-weight:500;text-decoration:none;transition:color .2s}.forgot-link:hover{color:#c0d0ff;text-decoration:underline}.submit-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;box-shadow:0 4px 16px rgba(102,126,234,.4),0 0 40px rgba(102,126,234,.2),inset 0 0 0 1px hsla(0,0%,100%,.2);color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.75rem;height:52px;justify-content:center;overflow:hidden;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.submit-btn:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.2),transparent);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.submit-btn:hover:not(:disabled):before{left:100%}.submit-btn:hover:not(:disabled){box-shadow:0 6px 24px rgba(102,126,234,.5),0 0 60px rgba(102,126,234,.3),inset 0 0 0 1px hsla(0,0%,100%,.3);transform:translateY(-2px)}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.submit-btn .spinner{animation:spin 1s linear infinite}.login-footer{color:hsla(0,0%,100%,.5);font-size:.8125rem;text-align:center}.login-footer p{margin:0}@media (max-width:480px){.login-content{padding:1rem}.login-card{padding:2rem 1.5rem}.card-title,.logo-icon{font-size:1.5rem}.logo-icon{height:56px;width:56px}}.reminder-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10000}.appointment-reminder-card{animation:slideInRight .4s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,255,.95));border:1px solid rgba(99,102,241,.3);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.15),0 0 0 1px rgba(99,102,241,.1),0 0 20px rgba(99,102,241,.1);overflow:hidden;pointer-events:all;width:400px}.reminder-header{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:16px 18px}.reminder-header-left{align-items:center;display:flex;gap:12px}.reminder-icon{align-items:center;animation:bellRing 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}@keyframes bellRing{0%,to{transform:rotate(0deg)}10%,30%{transform:rotate(-10deg)}20%,40%{transform:rotate(10deg)}50%{transform:rotate(0deg)}}.reminder-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.25);border-radius:20px;font-size:13px;font-weight:600;gap:6px;padding:6px 12px}.reminder-badge,.reminder-close-btn{align-items:center;color:#fff;display:flex}.reminder-close-btn{background:hsla(0,0%,100%,.2);border:none;border-radius:8px;cursor:pointer;height:32px;justify-content:center;transition:all .2s ease;width:32px}.reminder-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.reminder-content{padding:20px 18px}.reminder-title{color:#1f2937;font-size:18px;font-weight:700;line-height:1.3;margin:0 0 16px}.reminder-details{display:flex;flex-direction:column;gap:10px}.reminder-detail-row{align-items:center;color:#4b5563;display:flex;font-size:14px;gap:10px}.reminder-detail-row svg{color:#6366f1;flex-shrink:0}.reminder-description{background:rgba(99,102,241,.05);border-left:3px solid #6366f1;border-radius:8px;display:flex;gap:10px;margin-top:8px;padding:12px}.reminder-description svg{color:#6366f1;flex-shrink:0;margin-top:2px}.reminder-description p{color:#4b5563;font-size:13px;line-height:1.5;margin:0}.reminder-snooze-section{background:rgba(99,102,241,.03);border-bottom:1px solid rgba(99,102,241,.1);border-top:1px solid rgba(99,102,241,.1);padding:16px 18px}.snooze-label{color:#4b5563;display:block;font-size:13px;font-weight:600;margin-bottom:12px}.snooze-slider-container{align-items:center;display:flex;gap:12px;margin-bottom:12px}.snooze-slider{-webkit-appearance:none;background:linear-gradient(90deg,#e0e7ff 0,#6366f1);border-radius:3px;flex:1 1;height:6px;outline:none}.snooze-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;box-shadow:0 2px 8px rgba(99,102,241,.4);cursor:pointer;height:20px;-webkit-transition:all .2s ease;transition:all .2s ease;width:20px}.snooze-slider::-webkit-slider-thumb:hover{box-shadow:0 4px 12px rgba(99,102,241,.6);transform:scale(1.2)}.snooze-slider::-moz-range-thumb{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:50%;box-shadow:0 2px 8px rgba(99,102,241,.4);cursor:pointer;height:20px;-moz-transition:all .2s ease;transition:all .2s ease;width:20px}.snooze-slider::-moz-range-thumb:hover{box-shadow:0 4px 12px rgba(99,102,241,.6);transform:scale(1.2)}.snooze-value-display{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:8px;color:#fff;font-size:13px;font-weight:600;min-width:60px;padding:6px 12px;text-align:center}.snooze-quick-options{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(4,1fr)}.snooze-option-btn{background:#fff;border:1px solid rgba(99,102,241,.2);border-radius:8px;color:#6366f1;cursor:pointer;font-size:12px;font-weight:600;padding:8px 12px;transition:all .2s ease}.snooze-option-btn:hover{background:rgba(99,102,241,.05);border-color:#6366f1;transform:translateY(-1px)}.snooze-option-btn.active{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:transparent;box-shadow:0 2px 8px rgba(99,102,241,.3);color:#fff}.reminder-actions{display:flex;gap:10px;padding:16px 18px}.reminder-btn{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:12px 16px;transition:all .2s ease}.reminder-btn-dismiss{background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.2);color:#6366f1}.reminder-btn-dismiss:hover{background:rgba(99,102,241,.12);transform:translateY(-1px)}.reminder-btn-snooze{background:linear-gradient(135deg,#6366f1,#8b5cf6);box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff}.reminder-btn-snooze:hover{box-shadow:0 6px 16px rgba(99,102,241,.4);transform:translateY(-2px)}.reminder-btn-snooze:disabled{cursor:not-allowed;opacity:.6;transform:none}@media (max-width:480px){.reminder-container{left:10px;right:10px;top:10px}.appointment-reminder-card{width:auto}.snooze-quick-options{grid-template-columns:repeat(2,1fr)}.reminder-actions{flex-direction:column}.reminder-btn{width:100%}}.new-entry-popup-container{pointer-events:none;position:fixed;right:20px;top:20px;z-index:10001}.new-entry-popup-card{animation:popupSlideIn .4s cubic-bezier(.34,1.56,.64,1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,hsla(0,0%,100%,.98),rgba(250,250,255,.95));border:1px solid hsla(0,0%,100%,.3);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,.12),0 0 0 1px hsla(0,0%,100%,.3),0 0 30px rgba(99,102,241,.08);overflow:hidden;pointer-events:all;position:relative;width:360px}[data-theme=dark] .new-entry-popup-card{background:linear-gradient(135deg,rgba(30,30,40,.98),rgba(25,25,35,.95));border:1px solid rgba(99,102,241,.3);box-shadow:0 20px 40px rgba(0,0,0,.3),0 0 0 1px rgba(99,102,241,.2),0 0 30px rgba(99,102,241,.1)}@keyframes popupSlideIn{0%{opacity:0;transform:translateX(100px) translateY(-10px) scale(.95)}to{opacity:1;transform:translateX(0) translateY(0) scale(1)}}.new-entry-popup-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.2);display:flex;justify-content:space-between;padding:14px 16px}.new-entry-popup-header.candidate{background:linear-gradient(135deg,#6366f1,#8b5cf6)}.new-entry-popup-header.company{background:linear-gradient(135deg,#10b981,#059669)}.new-entry-popup-header-left{align-items:center;display:flex;gap:10px}.new-entry-popup-icon{align-items:center;animation:iconPulse 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;width:36px}@keyframes iconPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.new-entry-popup-title{color:#fff;font-size:14px;font-weight:600;letter-spacing:.3px}.new-entry-popup-close-btn{align-items:center;background:hsla(0,0%,100%,.2);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .2s ease;width:30px}.new-entry-popup-close-btn:hover{background:hsla(0,0%,100%,.3);transform:scale(1.1)}.new-entry-popup-content{padding:16px}.new-entry-popup-name{color:#1f2937;color:var(--text-primary,#1f2937);font-size:18px;font-weight:600;line-height:1.3;margin-bottom:10px}[data-theme=dark] .new-entry-popup-name{color:#f3f4f6}.new-entry-popup-detail{align-items:center;color:#6b7280;color:var(--text-secondary,#6b7280);display:flex;font-size:13px;gap:8px;margin-bottom:6px}.new-entry-popup-detail svg{color:#9ca3af;color:var(--text-tertiary,#9ca3af);flex-shrink:0}[data-theme=dark] .new-entry-popup-detail{color:#9ca3af}.new-entry-popup-created-by{border-top:1px solid rgba(0,0,0,.06);color:#9ca3af;color:var(--text-tertiary,#9ca3af);font-size:12px;margin-top:10px;padding-top:10px}[data-theme=dark] .new-entry-popup-created-by{border-top-color:hsla(0,0%,100%,.1);color:#6b7280}.new-entry-popup-footer{background:rgba(0,0,0,.02);border-top:1px solid rgba(0,0,0,.05);padding:12px 16px}[data-theme=dark] .new-entry-popup-footer{background:hsla(0,0%,100%,.02);border-top-color:hsla(0,0%,100%,.05)}.new-entry-popup-view-btn{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 4px 12px rgba(99,102,241,.3);color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease;width:100%}.new-entry-popup-view-btn:hover{box-shadow:0 6px 16px rgba(99,102,241,.4);transform:translateY(-2px)}.new-entry-popup-view-btn:active{transform:translateY(0)}.new-entry-popup-progress{background:linear-gradient(90deg,#6366f1,#8b5cf6);bottom:0;height:3px;left:0;position:absolute;right:0;transform-origin:left}@media (max-width:480px){.new-entry-popup-container{left:10px;right:10px;top:10px}.new-entry-popup-card{width:100%}}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);--secondary-gradient:linear-gradient(135deg,#fa709a,#fee140);--accent-gradient:linear-gradient(135deg,#a8edea,#fed6e3);--glass-bg:hsla(0,0%,100%,.05);--glass-bg-hover:hsla(0,0%,100%,.1);--glass-bg-active:hsla(0,0%,100%,.15);--glass-border:1px solid hsla(0,0%,100%,.1);--glass-border-hover:1px solid hsla(0,0%,100%,.3);--glass-shadow:0 8px 32px 0 rgba(31,38,135,.37);--glass-shadow-hover:0 10px 40px 0 rgba(31,38,135,.45);--glass-shadow-xl:0 20px 60px 0 rgba(31,38,135,.5);--radius-sm:12px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--blur-sm:blur(8px);--blur-md:blur(16px);--blur-lg:blur(32px);--backdrop-blur:blur(20px);--transition-default:all 0.3s cubic-bezier(0.4,0,0.2,1);--transition-fast:all 0.15s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.5s cubic-bezier(0.4,0,0.2,1)}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(102,126,234,.5)}50%{box-shadow:0 0 40px rgba(102,126,234,.8)}}.glass-container{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-default)}.glass-container:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 10px 40px 0 rgba(31,38,135,.45);box-shadow:var(--glass-shadow-hover)}.glass-card{backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) var(--backdrop-blur);-webkit-backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:24px;border-radius:var(--radius-lg);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);overflow:hidden;padding:1.5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-default)}.glass-card:before{background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.3),transparent);content:"";height:1px;left:0;position:absolute;right:0;top:0}.glass-card:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);box-shadow:0 20px 60px 0 rgba(31,38,135,.5);box-shadow:var(--glass-shadow-xl)}.glass-button{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;overflow:hidden;padding:.75rem 1.5rem;position:relative;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast)}.glass-button:before{background:hsla(0,0%,100%,.2);border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s,height .6s;width:0}.glass-button:hover:before{height:300px;width:300px}.glass-button:hover{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 6px 20px rgba(102,126,234,.4);transform:translateY(-2px)}.glass-input{backdrop-filter:blur(20px);backdrop-filter:var(--backdrop-blur);-webkit-backdrop-filter:blur(20px);-webkit-backdrop-filter:var(--backdrop-blur);background:hsla(0,0%,100%,.05);background:var(--glass-bg);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);color:#fff;padding:.75rem 1rem;transition:all .15s cubic-bezier(.4,0,.2,1);transition:var(--transition-fast);width:100%}.glass-input::placeholder{color:hsla(0,0%,100%,.5)}.glass-input:focus{background:hsla(0,0%,100%,.1);background:var(--glass-bg-hover);border:1px solid hsla(0,0%,100%,.3);border:var(--glass-border-hover);box-shadow:0 0 0 3px rgba(102,126,234,.3);outline:none}.glass-modal{backdrop-filter:saturate(200%) blur(20px);backdrop-filter:saturate(200%) var(--backdrop-blur);-webkit-backdrop-filter:saturate(200%) blur(20px);-webkit-backdrop-filter:saturate(200%) var(--backdrop-blur);background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:32px;border-radius:var(--radius-xl);box-shadow:0 20px 60px rgba(31,38,135,.6);padding:2rem}.glass-sidebar{backdrop-filter:saturate(200%) blur(25px);-webkit-backdrop-filter:saturate(200%) blur(25px);background:linear-gradient(135deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.05));border-right:1px solid hsla(0,0%,100%,.1);border-right:var(--glass-border);box-shadow:4px 0 24px rgba(31,38,135,.3)}.gradient-bg{animation:gradient-animation 15s ease infinite;background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);background-size:400% 400%;height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}.floating{animation:float 6s ease-in-out infinite}.glass-glow{position:relative}.glass-glow:after{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);background:var(--primary-gradient);border-radius:inherit;bottom:-2px;content:"";filter:blur(10px);left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:opacity .3s;z-index:-1}.glass-glow:hover:after{opacity:.6}.glass-toast{animation:slideInRight .3s ease;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.1);border:var(--glass-border);border-radius:16px;border-radius:var(--radius-md);box-shadow:0 8px 32px 0 rgba(31,38,135,.37);box-shadow:var(--glass-shadow);padding:1rem 1.5rem}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){:root{--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px}.glass-card{padding:1rem}.glass-modal{padding:1.5rem}}.gpu-accelerated{transform:translateZ(0);will-change:transform}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02);border-radius:3px}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2);border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.4)}::-webkit-scrollbar-thumb:active{background:rgba(139,92,246,.5)}*{scrollbar-color:rgba(139,92,246,.2) hsla(0,0%,100%,.02);scrollbar-width:thin}.button-group{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.08);border-radius:12px;display:flex;gap:.25rem;padding:.25rem}.button-group-separated{display:flex;gap:.75rem}.button-group-pill{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;display:flex;gap:0;overflow:hidden;padding:.25rem}.button-group-pill button{border:none;border-radius:0;position:relative}.button-group-pill button:first-child{border-radius:20px 0 0 20px}.button-group-pill button:last-child{border-radius:0 20px 20px 0}.button-group-pill button:not(:last-child):after{background:hsla(0,0%,100%,.1);content:"";height:50%;position:absolute;right:0;top:25%;width:1px}.smooth-scroll{scroll-behavior:smooth}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hidden-scrollbar::-webkit-scrollbar{display:none}.thin-scrollbar::-webkit-scrollbar{height:4px;width:4px}.scrollable-content{margin-right:-.5rem;padding-right:.5rem}.overflow-indicator-bottom,.overflow-indicator-top{height:20px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.overflow-indicator-top{background:linear-gradient(180deg,hsla(0,0%,4%,.8),transparent);top:0}.overflow-indicator-bottom{background:linear-gradient(0deg,hsla(0,0%,4%,.8),transparent);bottom:0}.has-overflow-bottom .overflow-indicator-bottom,.has-overflow-top .overflow-indicator-top{opacity:1}:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:12px;--spacing-lg:16px;--spacing-xl:20px;--spacing-2xl:24px;--spacing-3xl:32px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--header-height:64px;--sidebar-width:260px;--widget-max-height:480px;--widget-min-height:380px}.button-group,.view-selector,.view-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:hsla(0,0%,100%,.04)!important;border:1px solid hsla(0,0%,100%,.06)!important;border-radius:12px!important;border-radius:var(--radius-md)!important;display:inline-flex;gap:2px!important;padding:3px!important}.toggle-btn,.view-btn{font-weight:500!important;min-width:60px;padding:8px 16px!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important}.toggle-btn:hover,.view-btn:hover{background:hsla(0,0%,100%,.08)!important;transform:translateY(-1px)}.toggle-btn.active,.view-btn.active{background:rgba(139,92,246,.25)!important;box-shadow:inset 0 0 0 1px rgba(139,92,246,.3)!important;font-weight:600!important}.calendar-sidebar,.candidates-grid,.contacts-grid,.email-list,.notifications-list,.tasks-list,.widget-list-scrollable{scroll-behavior:smooth;scrollbar-color:rgba(139,92,246,.2) hsla(0,0%,100%,.02);scrollbar-width:thin}::-webkit-scrollbar{height:6px!important;width:6px!important}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.02)!important;border-radius:3px!important}::-webkit-scrollbar-thumb{background:rgba(139,92,246,.2)!important;border-radius:3px!important;-webkit-transition:background .2s ease!important;transition:background .2s ease!important}::-webkit-scrollbar-thumb:hover{background:rgba(139,92,246,.35)!important}::-webkit-scrollbar-thumb:active{background:rgba(139,92,246,.5)!important}.kalender-widget,.kandidaten-widget,.notification-center-widget,.tasks-widget,.widget-box{height:480px!important;height:var(--widget-max-height)!important;max-height:480px!important;max-height:var(--widget-max-height)!important;min-height:380px!important;min-height:var(--widget-min-height)!important}.documents-widget{height:360px!important;max-height:360px!important;min-height:320px!important}.calendar-grid,.kandidaten-liste,.notifications-list,.tasks-list{max-height:320px!important;overflow-x:hidden!important;overflow-y:auto!important}.calendar-header,.contacts-header,.email-header,.notification-header,.widget-header{margin-bottom:0!important;padding:18px 20px!important}.notification-footer,.widget-footer{margin-top:0!important;padding:14px 18px!important}.calendar-page,.contacts-page,.dashboard-container,.email-page{padding:24px!important}.liquid-glass{backdrop-filter:blur(20px) saturate(180%)!important;-webkit-backdrop-filter:blur(20px) saturate(180%)!important;box-shadow:0 8px 32px rgba(0,0,0,.1)!important}.candidate-card,.contact-card,.email-item,.notification-item{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.candidate-card:hover,.contact-card:hover{box-shadow:0 12px 40px rgba(0,0,0,.15)!important;transform:translateY(-4px)!important}.email-item:hover,.notification-item:hover{background:hsla(0,0%,100%,.06)!important;transform:translateX(4px)!important}.calendar-sidebar,.contacts-sidebar,.email-sidebar{height:calc(100vh - 6rem)!important;overflow-y:auto!important;position:-webkit-sticky!important;position:sticky!important;top:20px!important;top:var(--spacing-xl)!important}@media (min-width:768px){.widgets-container.grid{gap:20px!important;grid-template-columns:repeat(2,minmax(400px,1fr))!important}}@media (min-width:1440px){.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))!important}.candidates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid rgba(139,92,246,.5)!important;outline-offset:2px!important}button:active{transform:scale(.98)!important}.empty-state{align-items:center;color:hsla(0,0%,100%,.4);display:flex;flex-direction:column;justify-content:center;padding:48px 24px!important;text-align:center}.empty-state svg{height:48px!important;margin-bottom:16px;opacity:.5;width:48px!important}.filter-tab,.skill-chip,.tag-item{transition:all .2s cubic-bezier(.4,0,.2,1)!important}.filter-tab:active,.tag-item:active{transform:scale(.95)!important}.has-overflow{position:relative}.has-overflow:after,.has-overflow:before{content:"";height:20px;left:0;opacity:0;pointer-events:none;position:absolute;right:0;transition:opacity .3s ease;z-index:10}.has-overflow:before{background:linear-gradient(180deg,hsla(0,0%,4%,.8),transparent);top:0}.has-overflow:after{background:linear-gradient(0deg,hsla(0,0%,4%,.8),transparent);bottom:0}.has-overflow.scrolled-bottom:after,.has-overflow.scrolled-top:before{opacity:1}body{text-rendering:optimizeLegibility}.btn,.button,.nav-item,.tab,.widget-header{user-select:none;-webkit-user-select:none}html{scroll-behavior:smooth}img{image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}:focus-visible{outline-color:rgba(139,92,246,.6)!important;outline-offset:2px!important;outline-style:solid!important;outline-width:2px!important}@media (prefers-contrast:high){.liquid-glass{border:2px solid hsla(0,0%,100%,.3)!important}.btn,button{border:1px solid!important}}:root{--sidebar-expanded-width:280px;--sidebar-collapsed-width:80px;--content-padding:24px;--transition-layout:all 0.3s cubic-bezier(0.4,0,0.2,1)}.calendar-page,.candidates-page,.contacts-page,.dashboard-container,.email-page,.pipeline-container{max-width:100%;overflow-x:hidden;padding:24px;padding:var(--content-padding);transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-layout);width:100%}.calendar-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(260px,320px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.calendar-container.with-event-panel{grid-template-columns:minmax(260px,320px) 1fr 380px!important}.sidebar-collapsed .calendar-container{grid-template-columns:minmax(280px,350px) 1fr!important}.calendar-main{min-width:0!important;overflow:hidden!important;width:100%!important}.calendar-grid{overflow-x:auto!important;overflow-y:auto!important;width:100%!important}.calendar-day{min-width:120px!important}.email-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) minmax(350px,420px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.sidebar-collapsed .email-container{grid-template-columns:minmax(260px,300px) minmax(380px,450px) 1fr!important}.email-content-container{min-width:0!important;width:100%!important}.contacts-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) 1fr!important;max-width:100%!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.contacts-container.with-detail{grid-template-columns:minmax(240px,280px) 1fr 400px!important}.sidebar-collapsed .contacts-container{grid-template-columns:minmax(260px,320px) 1fr!important}.sidebar-collapsed .contacts-container.with-detail{grid-template-columns:minmax(260px,320px) 1fr 420px!important}.contacts-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important;width:100%!important}.sidebar-collapsed .contacts-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}.widgets-container{margin:0 auto!important;max-width:100%!important;padding:0!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.widgets-container.grid{grid-gap:20px!important;display:grid!important;gap:20px!important}@media (min-width:768px){.widgets-container.grid{grid-template-columns:repeat(2,minmax(380px,1fr))!important}.sidebar-collapsed .widgets-container.grid{grid-template-columns:repeat(2,minmax(420px,1fr))!important}}@media (min-width:1600px){.sidebar-collapsed .widgets-container.grid{grid-template-columns:repeat(3,minmax(380px,1fr))!important}}.candidates-container{grid-gap:20px!important;display:grid!important;gap:20px!important;grid-template-columns:minmax(240px,280px) 1fr!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}.sidebar-collapsed .candidates-container{grid-template-columns:minmax(260px,320px) 1fr!important}.candidates-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))!important}.sidebar-collapsed .candidates-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))!important}.app-layout{transition:all .3s cubic-bezier(.4,0,.2,1);transition:var(--transition-layout)}.app-layout main{max-width:100%!important;overflow-x:hidden!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:100%!important}@media (max-width:1200px){.email-container{grid-template-columns:minmax(240px,280px) 1fr!important}.email-content-container{display:none}.calendar-container{grid-template-columns:1fr!important}.calendar-sidebar{display:none}.contacts-container{grid-template-columns:1fr!important}.contacts-sidebar{display:none}}@media (max-width:768px){.calendar-page,.candidates-page,.contacts-page,.dashboard-container,.email-page{padding:16px!important}.widgets-container.grid{grid-template-columns:1fr!important}.calendar-container,.candidates-container,.contacts-container,.email-container{gap:16px!important;grid-template-columns:1fr!important}.calendar-sidebar,.contacts-sidebar,.email-sidebar,.filters-sidebar{display:none!important}.candidates-grid,.contacts-grid{grid-template-columns:1fr!important}.calendar-grid{grid-template-columns:repeat(7,minmax(40px,1fr))!important}.calendar-day{min-height:60px!important;min-width:40px!important;padding:4px!important}.day-event{font-size:9px!important}}.calendar-container,.candidates-container,.contacts-container,.email-container,.widgets-container{transition:grid-template-columns .3s cubic-bezier(.4,0,.2,1),gap .3s cubic-bezier(.4,0,.2,1),padding .3s cubic-bezier(.4,0,.2,1)!important}.calendar-day,.candidate-card,.contact-card,.email-item,.widget-box{transition:all .3s cubic-bezier(.4,0,.2,1)!important}.app-layout>div,body{overflow-x:hidden!important}.calendar-grid,.candidates-grid,.contacts-grid,.email-list{max-width:100%!important;overflow-x:auto!important;overflow-y:auto!important}body.sidebar-collapsed{--current-sidebar-width:var(--sidebar-collapsed-width)}body:not(.sidebar-collapsed){--current-sidebar-width:var(--sidebar-expanded-width)}.dynamic-width{margin-left:var(--current-sidebar-width)!important;transition:all .3s cubic-bezier(.4,0,.2,1)!important;transition:var(--transition-layout)!important;width:calc(100% - var(--current-sidebar-width))!important}.calendar-container,.contacts-container,.email-container,.widgets-container{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:grid-template-columns}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.btn,.btn-primary,.btn-secondary,.card,.dropdown,.glass-container,.modal,.nav-item,.sidebar-animated{backface-visibility:hidden;-webkit-backface-visibility:hidden;perspective:1000px;-webkit-perspective:1000px;transform:translateZ(0);-webkit-transform:translateZ(0);will-change:transform,opacity}*{transition-timing-function:cubic-bezier(.4,0,.2,1)!important}@media (prefers-reduced-motion:no-preference){.sidebar-animated{transition:width .2s cubic-bezier(.4,0,.2,1)!important}.btn,.nav-item{transition:all .15s cubic-bezier(.4,0,.2,1)!important}.card{transition:transform .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1)!important}}.glass,.glass-container,.glass-toast{backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}.btn,.card,.glass-container{box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)!important}.card:hover,.glass-container:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)!important}[data-framer-motion]{transform:translateZ(0);will-change:transform,opacity}.input-field,.select-field,.textarea-field{transition:border-color .15s ease,box-shadow .15s ease!important;will-change:border-color,box-shadow}.btn:hover,.card:hover,.nav-item:hover{transform:translateY(-1px) translateZ(0)}.main-content,.modal-content,.sidebar-animated{-webkit-overflow-scrolling:touch;overflow-scrolling:touch}.gradient-bg{animation:gradient-shift 15s ease infinite;animation-delay:0s;animation-fill-mode:both;will-change:background-position}@keyframes gradient-shift{0%,to{background-position:0 50%}50%{background-position:100% 50%}}table{table-layout:fixed;width:100%}.virtual-scroll-container{contain:layout style paint;will-change:scroll-position}@media (max-width:768px){.glass-container{backdrop-filter:blur(8px)!important;-webkit-backdrop-filter:blur(8px)!important}.gradient-bg{animation:none!important;background:linear-gradient(135deg,#667eea,#764ba2)!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.modal-enter{opacity:0;transform:scale(.95) translateZ(0)}.modal-enter-active{transition:opacity .2s ease,transform .2s ease}.modal-enter-active,.modal-exit{opacity:1;transform:scale(1) translateZ(0)}.modal-exit-active{opacity:0;transform:scale(.95) translateZ(0);transition:opacity .15s ease,transform .15s ease}.sidebar-animated{contain:layout style paint;transform:translateX(0) translateZ(0)}.sidebar-animated.collapsed{transform:translateX(-200px) translateZ(0)}.candidate-card,.job-card{contain:layout style;will-change:transform,box-shadow}.lazy-load{contain-intrinsic-size:0 300px;content-visibility:auto}.notification-enter{opacity:0;transform:translateX(100%) translateZ(0)}.notification-enter-active{transition:transform .2s ease,opacity .2s ease}.notification-enter-active,.notification-exit{opacity:1;transform:translateX(0) translateZ(0)}.notification-exit-active{opacity:0;transform:translateX(100%) translateZ(0);transition:transform .15s ease,opacity .15s ease}.btn:active{transform:scale(.98) translateZ(0);transition:transform .05s ease}.dropdown-menu{transform-origin:top center;will-change:transform,opacity}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-container{background:hsla(0,0%,100%,.95)!important}.glass{background:hsla(0,0%,100%,.9)!important}}img{loading:lazy;decoding:async}.input-field:focus,.select-field:focus,.textarea-field:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px rgba(99,102,241,.1);outline:none;transition:all .15s ease}.page-container{contain:layout style}.content-section{contain:layout}.skeleton-loader{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,.2) 50%,hsla(0,0%,100%,.1));background-size:200% 100%;will-change:background-position}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.btn-create-appointment,.btn-primary,.empty-action-btn,.view-all-btn{align-items:center;background:#6366f1;background:var(--primary-color,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-create-appointment:hover,.btn-primary:hover,.empty-action-btn:hover,.view-all-btn:hover{box-shadow:0 4px 12px rgba(99,102,241,.3);transform:translateY(-1px)}[data-theme=light] .btn-create-appointment,[data-theme=light] .btn-primary,[data-theme=light] .empty-action-btn,[data-theme=light] .view-all-btn{background:linear-gradient(180deg,#007aff,#0066d6);color:#fff}[data-theme=light] .btn-create-appointment:hover,[data-theme=light] .btn-primary:hover,[data-theme=light] .empty-action-btn:hover,[data-theme=light] .view-all-btn:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}.btn-secondary,.btn-view-full-calendar{align-items:center;background:transparent;border:1px solid #e5e7eb;border:1px solid var(--border-color,#e5e7eb);border-radius:8px;color:#111827;color:var(--text-primary,#111827);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:10px 16px;transition:all .2s ease}.btn-secondary:hover,.btn-view-full-calendar:hover{background:#f3f4f6;background:var(--bg-hover,#f3f4f6);border-color:#6366f1;border-color:var(--primary-color,#6366f1);color:#6366f1;color:var(--primary-color,#6366f1)}[data-theme=light] .btn-secondary,[data-theme=light] .btn-view-full-calendar{background:#f5f5f7;border-color:rgba(0,0,0,.1);color:#1d1d1f}[data-theme=light] .btn-secondary:hover,[data-theme=light] .btn-view-full-calendar:hover{background:#e8e8ed;border-color:#007aff;color:#007aff}.calendar-widget-footer,.widget-footer-buttons{background:#fafafa;background:var(--footer-bg,#fafafa);border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color,#e5e7eb);display:flex;gap:12px;padding:12px 20px}.calendar-widget-footer .btn-create-appointment,.calendar-widget-footer .btn-view-full-calendar,.widget-footer-buttons .btn-primary,.widget-footer-buttons .btn-secondary{flex:1 1}[data-theme=light] .calendar-widget-footer,[data-theme=light] .widget-footer-buttons{background:#fafafa;border-color:rgba(0,0,0,.06)}.btn-icon{align-items:center;background:#6366f1;background:var(--primary-color,#6366f1);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s ease;width:32px}.btn-icon:hover{transform:scale(1.05)}[data-theme=light] .btn-icon{background:linear-gradient(180deg,#007aff,#0066d6)}[data-theme=light] .btn-icon:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.3)}.btn-full-width{width:100%}.btn-sm{font-size:13px;padding:6px 12px}.btn-lg{font-size:15px;padding:12px 20px}:root{--font-system:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue","Segoe UI","Roboto",system-ui,sans-serif;--font-mono:"SF Mono","Menlo","Monaco","Consolas","Liberation Mono",monospace;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:28px;--text-3xl:34px;--text-4xl:40px;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-3xl:24px;--radius-full:9999px;--ease-default:cubic-bezier(0.25,0.1,0.25,1);--ease-in-out:cubic-bezier(0.42,0,0.58,1);--ease-spring:cubic-bezier(0.175,0.885,0.32,1.275);--ease-bounce:cubic-bezier(0.68,-0.55,0.265,1.55);--duration-instant:100ms;--duration-fast:150ms;--duration-normal:250ms;--duration-slow:350ms;--duration-slower:500ms;--z-base:0;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-notification:1080}[data-theme=light]{--bg-elevated:#fff;--bg-hover:rgba(0,0,0,.04);--bg-active:rgba(0,0,0,.06);--accent-primary-hover:#0066d6;--accent-primary-active:#0055b3;--accent-primary-subtle:rgba(0,122,255,.12);--color-success:#34c759;--color-success-subtle:rgba(52,199,89,.12);--color-warning:#ff9500;--color-warning-subtle:rgba(255,149,0,.12);--color-error:#ff3b30;--color-error-subtle:rgba(255,59,48,.12);--color-info:#5ac8fa;--color-info-subtle:rgba(90,200,250,.12);--text-quaternary:#c7c7cc;--text-accent:var(--accent-primary);--border-primary:rgba(0,0,0,.1);--border-secondary:rgba(0,0,0,.06);--border-focus:var(--accent-primary);--border-divider:rgba(0,0,0,.08);--shadow-xs:0 1px 2px rgba(0,0,0,.04);--shadow-inset:inset 0 1px 2px rgba(0,0,0,.06);--shadow-inset-strong:inset 0 2px 4px rgba(0,0,0,.1);--shadow-glow-primary:0 0 0 4px rgba(0,122,255,.25);--shadow-glow-success:0 0 0 4px rgba(52,199,89,.25);--shadow-glow-error:0 0 0 4px rgba(255,59,48,.25);--vibrancy-light:hsla(0,0%,100%,.72);--vibrancy-medium:hsla(0,0%,100%,.85);--vibrancy-heavy:hsla(0,0%,100%,.94);--vibrancy-ultra:hsla(0,0%,100%,.98);--material-thin:hsla(0,0%,96%,.72);--material-regular:hsla(0,0%,96%,.85);--material-thick:hsla(0,0%,96%,.94);--material-chrome:linear-gradient(180deg,hsla(0,0%,100%,.95),rgba(245,245,247,.95));--backdrop-blur-light:blur(20px);--backdrop-blur-medium:blur(40px);--backdrop-blur-heavy:blur(80px);--gradient-surface:linear-gradient(180deg,#fff,#f5f5f7);--gradient-sidebar:linear-gradient(180deg,hsla(0,0%,100%,.9),rgba(245,245,247,.9));--gradient-header:linear-gradient(180deg,hsla(0,0%,100%,.85),hsla(0,0%,100%,.75));--gradient-subtle:linear-gradient(180deg,transparent,rgba(0,0,0,.02));--sidebar-bg:var(--material-regular);--sidebar-border:var(--border-secondary);--sidebar-item-hover:rgba(0,0,0,.04);--sidebar-item-active:rgba(0,122,255,.12);--sidebar-item-active-text:var(--accent-primary);--sidebar-width-collapsed:72px;--sidebar-width-expanded:260px;--header-bg:var(--material-chrome);--header-border:var(--border-secondary);--header-height:52px;--card-bg:var(--bg-secondary);--card-border:var(--border-secondary);--card-shadow:var(--shadow-sm);--card-shadow-hover:var(--shadow-md);--input-bg:var(--bg-secondary);--input-border:var(--border-primary);--input-border-hover:rgba(0,0,0,.15);--input-border-focus:var(--accent-primary);--input-placeholder:var(--text-tertiary);--input-shadow-focus:var(--shadow-glow-primary);--btn-primary-bg:var(--gradient-primary);--btn-primary-text:var(--text-inverse);--btn-primary-shadow:0 2px 8px rgba(0,122,255,.35);--btn-secondary-bg:var(--bg-tertiary);--btn-secondary-text:var(--text-primary);--btn-ghost-hover:var(--bg-hover);--table-header-bg:var(--bg-tertiary);--table-row-hover:var(--bg-hover);--table-border:var(--border-divider);--modal-bg:var(--vibrancy-heavy);--modal-shadow:var(--shadow-xl);--scrollbar-width:8px;--tag-bg:var(--bg-tertiary);--tag-text:var(--text-secondary);--badge-bg:var(--accent-primary);--badge-text:var(--text-inverse);--tooltip-bg:rgba(30,30,30,.95);--tooltip-text:var(--text-inverse);--tooltip-shadow:var(--shadow-lg);--accent-success:var(--color-success);--accent-warning:var(--color-warning);--accent-danger:var(--color-error);--glass:var(--vibrancy-light);--glass-hover:var(--vibrancy-medium);--glass-border:var(--border-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-primary);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,system-ui,sans-serif;font-family:var(--font-system);font-size:15px;font-size:var(--text-base);letter-spacing:-.022em;line-height:1.47059;text-rendering:optimizeLegibility}[data-theme=light] h1{color:var(--text-primary);font-size:34px;font-size:var(--text-3xl);font-weight:700;font-weight:var(--weight-bold);letter-spacing:-.025em;line-height:1.2}[data-theme=light] h2{font-size:28px;font-size:var(--text-2xl);letter-spacing:-.022em;line-height:1.25}[data-theme=light] h2,[data-theme=light] h3{color:var(--text-primary);font-weight:600;font-weight:var(--weight-semibold)}[data-theme=light] h3{font-size:24px;font-size:var(--text-xl);letter-spacing:-.02em;line-height:1.3}[data-theme=light] h4{font-size:17px;font-size:var(--text-md);letter-spacing:-.017em;line-height:1.35}[data-theme=light] h4,[data-theme=light] h5,[data-theme=light] h6{color:var(--text-primary);font-weight:600;font-weight:var(--weight-semibold)}[data-theme=light] h5,[data-theme=light] h6{font-size:15px;font-size:var(--text-base);letter-spacing:-.014em;line-height:1.4}[data-theme=light] p{color:var(--text-secondary);line-height:1.5}[data-theme=light] small{color:var(--text-tertiary);font-size:13px;font-size:var(--text-sm)}[data-theme=light] .sidebar,[data-theme=light] .sidebar-animated{backdrop-filter:var(--backdrop-blur-medium) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur-medium) var(--backdrop-saturate);background:var(--sidebar-bg);border-right:.5px solid var(--sidebar-border);box-shadow:none}[data-theme=light] .sidebar-animated{transition:width .25s ease;transition:width var(--duration-normal) var(--ease-default);width:var(--sidebar-width-collapsed)}[data-theme=light] .sidebar-animated:hover{box-shadow:var(--shadow-lg);width:var(--sidebar-width-expanded)}[data-theme=light] .sidebar-animated .logo{background:var(--gradient-primary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 2px 8px rgba(0,122,255,.3);height:36px;transition:transform .25s cubic-bezier(.175,.885,.32,1.275);transition:transform var(--duration-normal) var(--ease-spring);width:36px}[data-theme=light] .sidebar-animated:hover .logo{transform:scale(1.08)}[data-theme=light] .sidebar-animated .nav-item{border-radius:8px;border-radius:var(--radius-md);color:var(--text-secondary);margin:4px 8px;margin:var(--space-1) var(--space-2);min-height:36px;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--duration-fast) var(--ease-default)}[data-theme=light] .sidebar-animated .nav-item:hover{background:var(--sidebar-item-hover);color:var(--text-primary);transform:none}[data-theme=light] .sidebar-animated .nav-item.active{background:var(--sidebar-item-active);color:var(--sidebar-item-active-text)}[data-theme=light] .sidebar-animated .nav-item.active:before{background:var(--accent-primary);border-radius:9999px;border-radius:var(--radius-full);content:"";height:20px;left:-2px;position:absolute;top:50%;transform:translateY(-50%);width:3px}[data-theme=light] .sidebar-animated .nav-item-icon{color:inherit;height:32px;min-width:32px;width:32px}[data-theme=light] .sidebar-animated .nav-item-icon svg{stroke-width:1.75;height:20px;width:20px}[data-theme=light] .sidebar-animated .nav-item:hover .nav-item-icon{transform:none}[data-theme=light] .sidebar-animated .nav-item-text{color:inherit;font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium)}[data-theme=light] .sidebar-animated .active-indicator{display:none}[data-theme=light] .sidebar-animated:not(:hover) .nav-item:after{background:var(--tooltip-bg);border:none;border-radius:8px;border-radius:var(--radius-md);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text);font-size:13px;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-2) var(--space-3)}[data-theme=light] .header{backdrop-filter:var(--backdrop-blur-medium) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur-medium) var(--backdrop-saturate);background:var(--header-bg);border-bottom:.5px solid var(--header-border);box-shadow:none;height:var(--header-height)}[data-theme=light] .glass,[data-theme=light] .glass-container,[data-theme=light] .glass-depth,[data-theme=light] .liquid-glass,[data-theme=light] .modern-card,[data-theme=light] .widget-box{-webkit-backdrop-filter:none;backdrop-filter:none;background:var(--card-bg);border:.5px solid var(--card-border);border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--card-shadow);transition:all .25s ease;transition:all var(--duration-normal) var(--ease-default)}[data-theme=light] .glass-container:hover,[data-theme=light] .glass-depth:hover,[data-theme=light] .glass:hover,[data-theme=light] .liquid-glass:hover,[data-theme=light] .modern-card:hover,[data-theme=light] .widget-box:hover{border-color:var(--border-primary);box-shadow:var(--card-shadow-hover);transform:translateY(-1px)}[data-theme=light] .btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,system-ui,sans-serif;font-family:var(--font-system);font-size:13px;font-size:var(--text-sm);font-weight:500;font-weight:var(--weight-medium);gap:8px;gap:var(--space-2);justify-content:center;outline:none;padding:8px 16px;padding:var(--space-2) var(--space-4);transition:all .15s ease;transition:all var(--duration-fast) var(--ease-default)}[data-theme=light] .btn:focus-visible{box-shadow:var(--shadow-glow-primary);outline:none}[data-theme=light] .btn-primary{background:var(--btn-primary-bg);box-shadow:var(--btn-primary-shadow);color:var(--btn-primary-text)}[data-theme=light] .btn-primary:hover{background:linear-gradient(180deg,#0077ed,#005ecb);box-shadow:0 4px 12px rgba(0,122,255,.4);transform:translateY(-1px)}[data-theme=light] .btn-primary:active{background:linear-gradient(180deg,#0066d6,#0052b3);box-shadow:0 2px 6px rgba(0,122,255,.3);transform:translateY(0)}[data-theme=light] .btn-secondary{background:var(--btn-secondary-bg);border:.5px solid var(--border-primary);color:var(--btn-secondary-text)}[data-theme=light] .btn-secondary:hover{background:#dcdce0;border-color:var(--border-primary)}[data-theme=light] .btn-secondary:active{background:#d1d1d6}[data-theme=light] .btn-ghost{background:transparent;color:var(--text-secondary)}[data-theme=light] .btn-ghost:hover{background:var(--btn-ghost-hover);color:var(--text-primary)}[data-theme=light] .btn-danger{background:linear-gradient(180deg,#ff3b30,#e5352c);box-shadow:0 2px 8px rgba(255,59,48,.35);color:var(--text-inverse)}[data-theme=light] .btn-danger:hover{background:linear-gradient(180deg,#ff4f46,#e5352c);box-shadow:0 4px 12px rgba(255,59,48,.4)}[data-theme=light] .btn-success{background:linear-gradient(180deg,#34c759,#2eb350);box-shadow:0 2px 8px rgba(52,199,89,.35);color:var(--text-inverse)}[data-theme=light] .input-field,[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg);border:.5px solid var(--input-border);border-radius:8px;border-radius:var(--radius-md);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Helvetica Neue,Segoe UI,Roboto,system-ui,sans-serif;font-family:var(--font-system);font-size:13px;font-size:var(--text-sm);outline:none;padding:8px 12px;padding:var(--space-2) var(--space-3);transition:all .15s ease;transition:all var(--duration-fast) var(--ease-default)}[data-theme=light] .input-field:hover,[data-theme=light] input:hover,[data-theme=light] select:hover,[data-theme=light] textarea:hover{border-color:var(--input-border-hover)}[data-theme=light] .input-field:focus,[data-theme=light] input:focus,[data-theme=light] select:focus,[data-theme=light] textarea:focus{border-color:var(--input-border-focus);box-shadow:var(--input-shadow-focus)}[data-theme=light] input::placeholder,[data-theme=light] textarea::placeholder{color:var(--input-placeholder)}[data-theme=light] .search-input,[data-theme=light] input[type=search]{background:var(--bg-tertiary);border:none;border-radius:12px;border-radius:var(--radius-lg);padding-left:40px;padding-left:var(--space-10)}[data-theme=light] .search-input:focus,[data-theme=light] input[type=search]:focus{background:var(--bg-secondary);box-shadow:var(--shadow-md),var(--shadow-glow-primary)}[data-theme=light] table{border-collapse:separate;border-spacing:0;width:100%}[data-theme=light] table thead{background:var(--table-header-bg)}[data-theme=light] table th{color:var(--text-secondary);font-weight:600;font-weight:var(--weight-semibold);text-align:left}[data-theme=light] table td,[data-theme=light] table th{border-bottom:.5px solid var(--table-border);font-size:13px;font-size:var(--text-sm);padding:12px 16px;padding:var(--space-3) var(--space-4)}[data-theme=light] table td{color:var(--text-primary)}[data-theme=light] table tbody tr{transition:background .15s ease;transition:background var(--duration-fast) var(--ease-default)}[data-theme=light] table tbody tr:hover{background:var(--table-row-hover)}[data-theme=light] .modal-overlay{backdrop-filter:var(--backdrop-blur-light);-webkit-backdrop-filter:var(--backdrop-blur-light);background:var(--modal-overlay)}[data-theme=light] .modal{background:var(--modal-bg);border:.5px solid var(--border-secondary);border-radius:20px;border-radius:var(--radius-2xl);box-shadow:var(--modal-shadow)}[data-theme=light] .dropdown,[data-theme=light] .menu,[data-theme=light] .modal,[data-theme=light] .popover{backdrop-filter:var(--backdrop-blur-heavy) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur-heavy) var(--backdrop-saturate)}[data-theme=light] .dropdown,[data-theme=light] .menu,[data-theme=light] .popover{background:var(--vibrancy-ultra);border:.5px solid var(--border-secondary);border-radius:12px;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);padding:4px;padding:var(--space-1)}[data-theme=light] .dropdown-item,[data-theme=light] .menu-item{border-radius:6px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-size:var(--text-sm);padding:8px 12px;padding:var(--space-2) var(--space-3);transition:background .1s ease;transition:background var(--duration-instant) var(--ease-default)}[data-theme=light] .dropdown-item:hover,[data-theme=light] .menu-item:hover{background:var(--accent-primary);color:var(--text-inverse)}[data-theme=light] .badge{background:var(--badge-bg);border-radius:9999px;border-radius:var(--radius-full);box-shadow:none;color:var(--badge-text);font-weight:600;font-weight:var(--weight-semibold)}[data-theme=light] .badge,[data-theme=light] .tag{font-size:11px;font-size:var(--text-xs);padding:4px 8px;padding:var(--space-1) var(--space-2)}[data-theme=light] .tag{background:var(--tag-bg);border-radius:6px;border-radius:var(--radius-sm);color:var(--tag-text);font-weight:500;font-weight:var(--weight-medium)}[data-theme=light] ::-webkit-scrollbar{height:var(--scrollbar-width);width:var(--scrollbar-width)}[data-theme=light] ::-webkit-scrollbar-track{background:var(--scrollbar-track)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:content-box;border:2px solid transparent;border-radius:9999px;border-radius:var(--radius-full)}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover);background-clip:content-box}[data-theme=light] ::-webkit-scrollbar-thumb{-webkit-transition:background .25s ease;transition:background .25s ease;-webkit-transition:background var(--duration-normal) var(--ease-default);transition:background var(--duration-normal) var(--ease-default)}[data-theme=light] .tooltip{background:var(--tooltip-bg);border-radius:8px;border-radius:var(--radius-md);box-shadow:var(--tooltip-shadow);color:var(--tooltip-text);font-size:11px;font-size:var(--text-xs);font-weight:500;font-weight:var(--weight-medium);padding:8px 12px;padding:var(--space-2) var(--space-3)}[data-theme=light] .glass-toast,[data-theme=light] .toast{backdrop-filter:var(--backdrop-blur-heavy) var(--backdrop-saturate);-webkit-backdrop-filter:var(--backdrop-blur-heavy) var(--backdrop-saturate);background:var(--vibrancy-ultra);border:.5px solid var(--border-secondary);border-radius:16px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:var(--text-primary)}[data-theme=light] code{border-radius:6px;border-radius:var(--radius-sm);color:var(--text-primary);padding:4px 8px;padding:var(--space-1) var(--space-2)}[data-theme=light] code,[data-theme=light] pre{background:var(--bg-tertiary);font-family:SF Mono,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-family:var(--font-mono);font-size:13px;font-size:var(--text-sm)}[data-theme=light] pre{border-radius:12px;border-radius:var(--radius-lg);overflow-x:auto;padding:16px;padding:var(--space-4)}[data-theme=light] .status-online,[data-theme=light] .status-success{color:var(--color-success)}[data-theme=light] .status-inactive,[data-theme=light] .status-offline{color:var(--text-tertiary)}[data-theme=light] .status-busy,[data-theme=light] .status-error{color:var(--color-error)}[data-theme=light] .status-away,[data-theme=light] .status-warning{color:var(--color-warning)}[data-theme=light] .status-dot{border-radius:9999px;border-radius:var(--radius-full);display:inline-block;height:8px;width:8px}[data-theme=light] .status-dot.online{background:var(--color-success);box-shadow:0 0 0 2px rgba(52,199,89,.2)}[data-theme=light] .status-dot.offline{background:var(--text-tertiary)}[data-theme=light] .status-dot.busy{background:var(--color-error);box-shadow:0 0 0 2px rgba(255,59,48,.2)}@keyframes macOS-fade-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes macOS-slide-up{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes macOS-slide-down{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes macOS-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes macOS-pulse{0%,to{opacity:1}50%{opacity:.6}}[data-theme=light] .animate-fade-in{animation:macOS-fade-in .25s ease;animation:macOS-fade-in var(--duration-normal) var(--ease-default)}[data-theme=light] .animate-slide-up{animation:macOS-slide-up .25s ease;animation:macOS-slide-up var(--duration-normal) var(--ease-default)}[data-theme=light] .animate-slide-down{animation:macOS-slide-down .25s ease;animation:macOS-slide-down var(--duration-normal) var(--ease-default)}[data-theme=light] .text-white{color:var(--text-inverse)!important}[data-theme=light] .glass-container *,[data-theme=light] .modern-card *,[data-theme=light] .widget-box *{color:inherit}[data-theme=light] .card-title,[data-theme=light] .widget-title{color:var(--text-primary);font-weight:600;font-weight:var(--weight-semibold)}[data-theme=light] .card-subtitle,[data-theme=light] .widget-subtitle{color:var(--text-secondary)}[data-theme=light] ::selection{background:rgba(0,122,255,.3);color:var(--text-primary)}[data-theme=light] :focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){[data-theme=light] *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}[data-theme=light]{--bg-primary:#f5f5f7;--bg-secondary:#fff;--bg-tertiary:#e8e8ed;--accent-primary:#007aff;--accent-secondary:#5856d6;--accent-success:#34c759;--accent-warning:#ff9500;--accent-danger:#ff3b30;--text-primary:#1d1d1f;--text-secondary:#6e6e73;--text-tertiary:#aeaeb2;--text-disabled:rgba(0,0,0,.3);--text-inverse:#fff;--glass:hsla(0,0%,100%,.72);--glass-hover:hsla(0,0%,100%,.85);--glass-border:rgba(0,0,0,.1);--glass-blue:rgba(0,122,255,.08);--glass-blue-hover:rgba(0,122,255,.12);--glass-blue-border:rgba(0,122,255,.2);--shadow-sm:0 2px 8px rgba(0,0,0,.06);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--shadow-xl:0 16px 48px rgba(0,0,0,.16);--shadow-glow:0 0 0 4px rgba(0,122,255,.25);--gradient-primary:linear-gradient(180deg,#007aff,#0066d6);--gradient-secondary:linear-gradient(180deg,#5856d6,#4a48c7);--gradient-subtle:linear-gradient(180deg,#fff,#f5f5f7);--input-bg:#fff;--input-border:rgba(0,0,0,.1);--input-focus:#007aff;--input-placeholder:#aeaeb2;--card-bg:#fff;--card-border:rgba(0,0,0,.06);--card-hover:rgba(0,0,0,.04);--sidebar-bg:hsla(0,0%,100%,.85);--sidebar-border:rgba(0,0,0,.06);--sidebar-hover:rgba(0,0,0,.04);--sidebar-active:rgba(0,122,255,.12);--header-bg:hsla(0,0%,100%,.85);--header-border:rgba(0,0,0,.06);--btn-primary-bg:linear-gradient(180deg,#007aff,#0066d6);--btn-primary-hover:linear-gradient(180deg,#0077ed,#005ecb);--btn-secondary-bg:#e8e8ed;--btn-secondary-hover:#dcdce0;--btn-ghost-hover:rgba(0,0,0,.04);--badge-bg:#007aff;--badge-text:#fff;--scrollbar-track:transparent;--scrollbar-thumb:rgba(0,0,0,.2);--scrollbar-thumb-hover:rgba(0,0,0,.35);--table-header-bg:#e8e8ed;--table-row-hover:rgba(0,0,0,.04);--table-border:rgba(0,0,0,.08);--modal-overlay:rgba(0,0,0,.4);--modal-bg:hsla(0,0%,100%,.98);--modal-border:rgba(0,0,0,.1);--status-online:#34c759;--status-offline:#aeaeb2;--status-busy:#ff3b30;--status-away:#ff9500;--chart-1:#007aff;--chart-2:#34c759;--chart-3:#ff9500;--chart-4:#ff3b30;--chart-5:#5856d6;--chart-6:#af52de;--chart-7:#ff2d55;--chart-8:#5ac8fa;--backdrop-blur:blur(40px);--backdrop-saturate:saturate(180%)}[data-theme=light] .widget-box{background:var(--bg-secondary);border:.5px solid var(--border-primary);border-radius:16px;box-shadow:var(--shadow-sm)}[data-theme=light] .widget-box:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}[data-theme=light] .widget-box h3,[data-theme=light] .widget-box h4{color:var(--text-primary);font-weight:600}[data-theme=light] .widget-box p,[data-theme=light] .widget-box span{color:var(--text-secondary)}[data-theme=light] .metric-value,[data-theme=light] .stat-value{font-feature-settings:"tnum" 1;color:var(--text-primary);font-weight:700}[data-theme=light] .activity-item,[data-theme=light] .notification-item{border-radius:8px;padding:12px;transition:background .15s ease}[data-theme=light] .activity-item:hover,[data-theme=light] .notification-item:hover{background:var(--bg-hover)}[data-theme=light] .candidate-item,[data-theme=light] .contact-item,[data-theme=light] .email-item{border-radius:8px;transition:background .15s ease}[data-theme=light] .candidate-item:hover,[data-theme=light] .contact-item:hover,[data-theme=light] .email-item:hover{background:var(--bg-hover)}[data-theme=light] .pipeline-card{background:var(--bg-secondary);border-radius:12px;box-shadow:var(--shadow-sm)}[data-theme=light] .calendar-day-cell{border-radius:8px;transition:background .15s ease}[data-theme=light] .calendar-day-cell:hover{background:var(--bg-hover)}[data-theme=light] .calendar-day-cell.today{background:var(--accent-primary-subtle);color:var(--accent-primary);font-weight:600}[data-theme=light] .calendar-day-cell.selected{background:var(--accent-primary);color:var(--text-inverse)}[data-theme=light] .kanban-column{background:var(--bg-tertiary);border-radius:12px}[data-theme=light] .kanban-card{background:var(--bg-secondary);border-radius:10px;box-shadow:var(--shadow-xs)}[data-theme=light] .kanban-card:hover{box-shadow:var(--shadow-sm)}[data-theme=light] label{color:var(--text-secondary);font-size:13px;font-weight:500}[data-theme=light] select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%236e6e73' d='M6 8 2 4h8z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}[data-theme=light] input[type=checkbox],[data-theme=light] input[type=radio]{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:1.5px solid rgba(0,0,0,.2);border-radius:4px;cursor:pointer;height:16px;transition:all .15s ease;width:16px}[data-theme=light] input[type=radio]{border-radius:50%}[data-theme=light] input[type=checkbox]:checked,[data-theme=light] input[type=radio]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}[data-theme=light] input[type=checkbox]:checked:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:block;height:8px;margin-left:5px;margin-top:1px;transform:rotate(45deg) translate(-1px,-1px);width:4px}[data-theme=light] input[type=radio]:checked:after{background:#fff;border-radius:50%;content:"";display:block;height:6px;margin:3px;width:6px}[data-theme=light] .toggle-switch{background:rgba(0,0,0,.1);border-radius:12px;cursor:pointer;height:24px;position:relative;transition:background .2s ease;width:44px}[data-theme=light] .toggle-switch.active{background:var(--accent-primary)}[data-theme=light] .toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.2);content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:20px}[data-theme=light] .toggle-switch.active:after{transform:translateX(20px)}[data-theme=light] .progress-bar{background:var(--bg-tertiary);border-radius:2px;height:4px;overflow:hidden}[data-theme=light] .progress-bar-fill{background:var(--accent-primary);border-radius:2px;height:100%;transition:width .3s ease}[data-theme=light] .avatar{background:var(--bg-tertiary);border:2px solid var(--bg-secondary);border-radius:50%;box-shadow:0 2px 4px rgba(0,0,0,.1)}[data-theme=light] *{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}[data-theme=light] .dropdown,[data-theme=light] .modal,[data-theme=light] .sidebar-animated,[data-theme=light] .toast{-webkit-backface-visibility:hidden;backface-visibility:hidden;will-change:transform,opacity}[data-theme=light]{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){[data-theme=light] *{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;background:var(--bg-primary,#fff);color:#1a1a2e;color:var(--text-primary,#1a1a2e);font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{min-height:100vh;position:relative}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:hsla(0,0%,100%,.05)}::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.1);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsla(0,0%,100%,.2)}@keyframes pulse{0%{box-shadow:0 0 0 0 currentColor;opacity:1}70%{box-shadow:0 0 0 4px currentColor;opacity:.5}to{box-shadow:0 0 0 0 currentColor;opacity:0}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-fadeIn{animation:fadeIn .5s ease-out}.animate-slideIn{animation:slideIn .3s ease-out}.loading-spinner{animation:spin 1s linear infinite;border:3px solid hsla(0,0%,100%,.1);border-radius:50%;border-top-color:#6366f1;height:40px;width:40px}:focus-visible{outline:2px solid #6366f1;outline-offset:2px}button:focus-visible{outline:2px solid #6366f1;outline-offset:2px}*{transition:background-color .2s ease,border-color .2s ease}.container{margin:0 auto;max-width:1440px;padding:0 1rem;width:100%}@media (min-width:640px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}@media print{body{background:#fff;color:#000}.no-print{display:none!important}}