.oh-fullscreen-overlay{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:9999;animation:overlayFadeIn .15s ease-out forwards}.oh-fullscreen-overlay--solid{background-color:var(--bg-white, #ffffff)}.oh-fullscreen-overlay--transparent{background-color:#ffffffe6;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.oh-fullscreen-overlay__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4, 1rem);animation:contentFadeIn .2s ease-out .1s forwards;opacity:0}.oh-fullscreen-overlay__spinner{border-radius:50%;border-style:solid;border-color:#023e8a33;border-top-color:var(--brand-medium-blue, #023e8a);animation:spinnerRotate .8s linear infinite}.oh-fullscreen-overlay__spinner--small{width:24px;height:24px;border-width:2px}.oh-fullscreen-overlay__spinner--medium{width:36px;height:36px;border-width:3px}.oh-fullscreen-overlay__spinner--large{width:48px;height:48px;border-width:4px}@keyframes spinnerRotate{to{transform:rotate(360deg)}}.oh-fullscreen-overlay__message{margin:0;font-size:var(--font-size-lg, 1.125rem);font-weight:var(--font-weight-medium, 500);color:var(--text-secondary, #5a6977);text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes contentFadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.oh-fullscreen-overlay,.oh-fullscreen-overlay__content{animation:none;opacity:1}.oh-fullscreen-overlay__spinner{animation:none}}@media(prefers-contrast:high){.oh-fullscreen-overlay--solid,.oh-fullscreen-overlay--transparent{background-color:#fff}.oh-fullscreen-overlay__message{color:#000}}.toast-container{position:fixed;z-index:10100;display:flex;flex-direction:column;gap:var(--space-2);max-width:400px;pointer-events:none}.toast-container--top-right{top:var(--space-4);right:var(--space-4)}.toast-container--top-left{top:var(--space-4);left:var(--space-4)}.toast-container--top-center{top:var(--space-4);left:50%;transform:translate(-50%)}.toast-container--bottom-right{bottom:var(--space-4);right:var(--space-4)}.toast-container--bottom-left{bottom:var(--space-4);left:var(--space-4)}.toast-container--bottom-center{bottom:var(--space-4);left:50%;transform:translate(-50%)}.toast-container .toast{opacity:1!important;visibility:visible!important;padding:var(--space-5) var(--space-5);border-radius:var(--border-radius-lg);background-color:var(--bg-white);box-shadow:var(--shadow-hover);display:flex!important;align-items:flex-start;position:relative;overflow:hidden;pointer-events:auto}.toast-container--top-right .toast,.toast-container--bottom-right .toast{animation:toastSlideFromRight var(--transition-normal) var(--ease-out) forwards}.toast-container--top-right .toast.toast-exiting,.toast-container--bottom-right .toast.toast-exiting{animation:toastSlideToRight var(--transition-normal) var(--ease-in) forwards}.toast-container--top-left .toast,.toast-container--bottom-left .toast{animation:toastSlideFromLeft var(--transition-normal) var(--ease-out) forwards}.toast-container--top-left .toast.toast-exiting,.toast-container--bottom-left .toast.toast-exiting{animation:toastSlideToLeft var(--transition-normal) var(--ease-in) forwards}.toast-container--top-center .toast{animation:toastSlideFromTop var(--transition-normal) var(--ease-out) forwards}.toast-container--top-center .toast.toast-exiting{animation:toastSlideToTop var(--transition-normal) var(--ease-in) forwards}.toast-container--bottom-center .toast{animation:toastSlideFromBottom var(--transition-normal) var(--ease-out) forwards}.toast-container--bottom-center .toast.toast-exiting{animation:toastSlideToBottom var(--transition-normal) var(--ease-in) forwards}@keyframes toastSlideFromRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideToRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}@keyframes toastSlideFromLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes toastSlideToLeft{0%{transform:translate(0);opacity:1}to{transform:translate(-100%);opacity:0}}@keyframes toastSlideFromTop{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideToTop{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes toastSlideFromBottom{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastSlideToBottom{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}.toast-icon{margin-right:var(--space-3);flex-shrink:0;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-bold);font-size:var(--font-size-sm)}.toast-content{flex:1}.toast-title{font-weight:var(--font-weight-semibold);margin-bottom:var(--space-1);font-size:var(--font-size-base);color:var(--text-dark)}.toast-message{font-size:var(--font-size-sm);color:var(--text-secondary);line-height:1.4}.toast-close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:var(--space-1);font-size:var(--font-size-base);margin-left:var(--space-2);flex-shrink:0;transition:color var(--transition-fast) ease}.toast-close:hover{color:var(--text-dark)}.toast-progress{position:absolute;bottom:0;left:0;height:3px;animation:toastProgress linear forwards}@keyframes toastProgress{0%{width:100%}to{width:0%}}.toast-success{border-left:5px solid var(--color-success)}.toast-success .toast-icon{background-color:var(--color-success-light);color:var(--color-success)}.toast-success .toast-title{color:var(--color-success-dark)}.toast-success .toast-progress{background-color:var(--color-success)}.toast-error{border-left:5px solid var(--color-danger)}.toast-error .toast-icon{background-color:var(--color-danger-light);color:var(--color-danger)}.toast-error .toast-title{color:var(--color-danger-dark)}.toast-error .toast-progress{background-color:var(--color-danger)}.toast-warning{border-left:5px solid var(--color-warning)}.toast-warning .toast-icon{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.toast-warning .toast-title{color:var(--color-warning-dark)}.toast-warning .toast-progress{background-color:var(--color-warning)}.toast-info{border-left:5px solid var(--brand-medium-blue)}.toast-info .toast-icon{background-color:var(--brand-light-cyan);color:var(--brand-medium-blue)}.toast-info .toast-title{color:var(--brand-midnight-blue)}.toast-info .toast-progress{background-color:var(--brand-medium-blue)}.dark-mode .toast{background-color:var(--bg-dark-card);box-shadow:var(--shadow-lg)}.dark-mode .toast-title{color:var(--text-light)}.dark-mode .toast-message,.dark-mode .toast-close{color:var(--text-light-muted)}.dark-mode .toast-close:hover{color:var(--text-light)}@media(max-width:768px){.toast-container,.toast-container--top-right,.toast-container--top-left,.toast-container--top-center,.toast-container--bottom-right,.toast-container--bottom-left,.toast-container--bottom-center{top:var(--space-2);bottom:auto;right:var(--space-2);left:var(--space-2);transform:none;max-width:none}.toast-container .toast{width:100%}.toast-container .toast{animation:toastSlideFromTop var(--transition-normal) var(--ease-out) forwards}.toast-container .toast.toast-exiting{animation:toastSlideToTop var(--transition-normal) var(--ease-in) forwards}}.impersonation-border{position:fixed;z-index:99999;background:#dc2626;pointer-events:none}.impersonation-border-top{top:0;left:0;right:0;height:3px}.impersonation-border-bottom{bottom:0;left:0;right:0;height:3px}.impersonation-border-left{top:0;bottom:0;left:0;width:3px}.impersonation-border-right{top:0;bottom:0;right:0;width:3px}.impersonation-banner{position:fixed;top:3px;left:3px;right:3px;z-index:99998;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;padding:8px 16px;font-size:13px;box-shadow:0 2px 8px #dc26264d}.impersonation-banner-content{display:flex;align-items:center;justify-content:space-between;gap:16px;max-width:1400px;margin:0 auto}.impersonation-indicator{display:flex;align-items:center;gap:8px;flex-shrink:0}.impersonation-icon{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.impersonation-label{font-size:11px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.impersonation-details{display:flex;align-items:center;gap:16px;flex:1;min-width:0}.impersonation-user{display:flex;align-items:center;gap:8px;min-width:0}.impersonation-user-name{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impersonation-user-email{font-size:12px;opacity:.9;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.impersonation-meta{display:flex;align-items:center;gap:8px;font-size:12px;opacity:.85;flex-shrink:0}.impersonation-separator{opacity:.5}.impersonation-admin{white-space:nowrap}.impersonation-duration{font-family:SF Mono,Monaco,Inconsolata,Roboto Mono,monospace;font-size:11px;background:#ffffff26;padding:2px 6px;border-radius:3px}.impersonation-end-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:4px;color:#fff;font-size:12px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .15s ease;flex-shrink:0}.impersonation-end-btn:hover{background:#ffffff40;border-color:#fff6}.impersonation-end-btn:active{background:#ffffff4d}@media(max-width:768px){.impersonation-banner{padding:6px 12px}.impersonation-banner-content{gap:12px}.impersonation-label,.impersonation-meta,.impersonation-user-email,.impersonation-end-btn span{display:none}}@media(max-width:480px){.impersonation-user-name{max-width:120px}}:root{--brand-midnight-blue: #03045e;--brand-medium-blue: #023e8a;--brand-honolulu-blue: #0077b6;--brand-blue-green: #0096c7;--brand-pacific-cyan: #00b4d8;--brand-vivid-sky-blue: #48cae4;--brand-non-photo-blue-light: #90e0ef;--brand-non-photo-blue: #ade8f4;--brand-light-cyan: #caf0f8;--brand-alice-blue: #ebf4fa;--brand-alice-blue-2: #e3f2fc;--brand-columbia-blue: #d7edfc;--brand-columbia-blue-2: #cce8fc;--brand-uranian-blue: #c2e4ff;--brand-uranian-blue-2: #b8e0ff;--brand-uranian-blue-3: #abdbff;--brand-oxford-blue: #001233;--brand-delft-blue: #33415c;--brand-paynes-gray: #5c677d;--brand-slate-gray: #7d8597;--brand-cool-gray: #979dac;--brand-mindaro: #d9ed92;--brand-light-green: #b5e48c;--brand-light-green-2: #99d98c;--brand-emerald: #76c893;--brand-keppel: #52b69a;--brand-verdigris: #34a0a4;--brand-bondi-blue: #168aad;--brand-cerulean: #1a759f;--brand-yale-blue: #1e6091;--brand-indigo-dye: #184e77;--color-success: #198754;--color-success-light: #d1e7dd;--color-success-border: #badbcc;--color-info: #0dcaf0;--color-info-light: #cff4fc;--color-info-border: #b6effb;--color-warning: #ffc107;--color-warning-light: #fff3cd;--color-warning-border: #ffecb5;--color-danger: #dc3545;--color-danger-light: #f8d7da;--color-danger-border: #f5c2c7;--text-dark: #212529;--text-muted: #6c757d;--text-light: #f8f9fa;--text-light-muted: #adb5bd;--color-success-dark: #0f5132;--color-warning-dark: #997404;--color-danger-dark: #842029;--bg-light: #f8f9fa;--bg-white: #ffffff;--bg-dark: #212529;--bg-dark-card: #2c3038;--border-light: #dee2e6;--border-medium: #ced4da;--border-dark: #adb5bd;--focus-ring: var(--brand-medium-blue);--hover-overlay: rgba(0, 0, 0, .05);--active-overlay: rgba(0, 0, 0, .1);--disabled-bg: #e9ecef;--disabled-text: #6c757d;--color-hover-state: var(--neutral-200);--color-active-state: var(--neutral-300);--neutral-50: #f9fafb;--neutral-100: #f3f4f6;--neutral-200: #e5e7eb;--neutral-300: #d1d5db;--neutral-400: #9ca3af;--neutral-500: #6b7280;--neutral-600: #4b5563;--neutral-700: #374151;--neutral-800: #1f2937;--neutral-900: #111827;--gradient-primary: linear-gradient(135deg, var(--brand-medium-blue), var(--brand-honolulu-blue));--gradient-secondary: linear-gradient(135deg, var(--brand-pacific-cyan), var(--brand-vivid-sky-blue));--gradient-success: linear-gradient(135deg, var(--brand-keppel), var(--brand-light-green));--gradient-info: linear-gradient(135deg, var(--brand-pacific-cyan), var(--brand-vivid-sky-blue));--gradient-warning: linear-gradient(135deg, #ffb700, var(--color-warning));--gradient-danger: linear-gradient(135deg, #e62c45, var(--color-danger));--gradient-light: linear-gradient(135deg, #ffffff, var(--neutral-100));--gradient-dark: linear-gradient(135deg, var(--neutral-800), var(--neutral-900));--gradient-blue: linear-gradient(135deg, var(--brand-medium-blue), var(--brand-yale-blue));--gradient-teal: linear-gradient(135deg, var(--brand-verdigris), var(--brand-keppel));--chart-blue: #4e79a7;--chart-orange: #f28e2c;--chart-red: #e15759;--chart-teal: #76b7b2;--chart-green: #59a14f;--chart-yellow: #edc949;--chart-purple: #af7aa1;--chart-pink: #ff9da7;--chart-brown: #9c755f;--chart-gray: #bab0ab;--color-metric-positive: #22c55e;--color-metric-negative: #ef4444;--color-metric-neutral: #6b7280;--color-metric-warning: #f59e0b;--color-metric-info: #3b82f6;--status-active: #0ea5e9;--status-completed: #10b981;--status-pending: #f59e0b;--status-inactive: #9ca3af;--status-draft: #6b7280;--status-archived: #4b5563;--status-scheduled: #8b5cf6;--status-overdue: #ef4444;--warning-100: #fef3c7;--warning-800: #92400e;--danger-100: #fee2e2;--danger-800: #991b1b;--bg-secondary: #f8f9fa;--bg-tertiary: #e9ecef;--text-primary: #212529;--text-secondary: #6c757d;--border-color: #dee2e6;--border-color-light: #e9ecef;--color-primary: var(--brand-medium-blue);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--border-radius: .375rem;--border-radius-sm: .25rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--transition-fast: .15s;--transition-normal: .3s;--transition-slow: .5s;--ease-out: cubic-bezier(.25, .46, .45, .94);--ease-in: cubic-bezier(.55, .055, .675, .19);--ease-in-out: cubic-bezier(.645, .045, .355, 1);--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--brand-light-blue: var(--brand-light-cyan);--primary-color: var(--brand-medium-blue);--primary-light: var(--brand-alice-blue);--success-color: var(--color-success);--success-light: var(--color-success-light);--success-dark: var(--color-success-dark);--warning-color: var(--color-warning);--warning-light: var(--color-warning-light);--warning-dark: var(--color-warning-dark);--danger-color: var(--color-danger);--danger-light: var(--color-danger-light);--danger-dark: var(--color-danger-dark);--info-color: var(--color-info);--info-light: var(--color-info-light);--muted-color: var(--text-muted);--muted-light: var(--neutral-100);--muted-dark: var(--neutral-600);--card-background: var(--bg-white);--hover-background: var(--neutral-50);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--shadow-lg: 0 10px 25px rgba(0, 0, 0, .15)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:fadeIn .3s ease-in-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-up{animation:fadeInUp .4s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fade-in-down{animation:fadeInDown .4s ease-out}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.fade-in-left{animation:fadeInLeft .4s ease-out}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.fade-in-right{animation:fadeInRight .4s ease-out}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.scale-in{animation:scaleIn .3s ease-out}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.pulse{animation:pulse 1.5s infinite}@keyframes subtlePulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.subtle-pulse{animation:subtlePulse 2s infinite}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.rotate{animation:rotate 1.5s linear infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.shimmer{background:linear-gradient(90deg,#ffffff1a,#fff3,#ffffff1a);background-size:200% 100%;animation:shimmer 1.5s infinite}.stagger-fade-in>*{--stagger-base: .1s;--stagger-increment: .1s;opacity:0;animation:fadeIn .5s ease-out forwards;animation-delay:calc(var(--stagger-base) + var(--stagger-index, 0) * var(--stagger-increment))}.stagger-scale-in>*{--stagger-base: .05s;--stagger-increment: .05s;opacity:0;animation:scaleIn .3s ease-out forwards;animation-delay:calc(var(--stagger-base) + var(--stagger-index, 0) * var(--stagger-increment))}.stagger-fade-in-right>*{--stagger-base: .1s;--stagger-increment: .05s;opacity:0;animation:fadeInRight .5s var(--ease-out) forwards;animation-delay:calc(var(--stagger-base) + var(--stagger-index, 0) * var(--stagger-increment))}@keyframes buttonClick{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}.button-click{animation:buttonClick .3s ease-out}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.hover-lift{transition:transform .2s ease-out,box-shadow .2s ease-out}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 10px 20px #0000001a}.hover-glow{transition:box-shadow .3s ease-out}.hover-glow:hover{box-shadow:0 0 15px #023e8a4d}.oh-card-header-enhanced{position:relative;padding:var(--space-2) var(--space-3) var(--space-2);display:flex;justify-content:space-between;align-items:center}.oh-card-header-enhanced:after{content:"";position:absolute;bottom:0;left:var(--space-3);right:var(--space-3);height:1px;background:linear-gradient(to right,transparent,var(--border-light) 15%,var(--border-light) 85%,transparent)}.oh-card-title-enhanced{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-dark);letter-spacing:var(--letter-spacing-tight);display:flex;align-items:center;gap:var(--space-1);position:relative}.oh-card-title-icon-enhanced{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:4px;background-color:var(--brand-light-cyan);color:var(--brand-medium-blue);transition:all var(--transition-normal) var(--ease-out)}.oh-card:hover .oh-card-title-icon-enhanced{transform:scale(1.05);background-color:var(--brand-non-photo-blue)}.oh-card-body-enhanced{padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;flex:1}.oh-card-section{margin-bottom:var(--space-4);position:relative}.oh-card-section:last-child{margin-bottom:0}.oh-card-section-title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-muted);margin-bottom:var(--space-2);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.oh-card-footer{padding:var(--space-2) var(--space-4) var(--space-3);display:flex;justify-content:flex-end;gap:var(--space-2);position:relative}.oh-card-footer:before{content:"";position:absolute;top:0;left:var(--space-3);right:var(--space-3);height:1px;background:linear-gradient(to right,transparent,var(--border-light) 15%,var(--border-light) 85%,transparent)}.oh-card-pattern-dots{position:relative;overflow:hidden}.oh-card-pattern-dots:before{content:"";position:absolute;top:0;right:0;width:150px;height:150px;background-image:radial-gradient(var(--border-light) 1px,transparent 1px);background-size:12px 12px;opacity:.3;z-index:0;border-radius:0 10px 0 100%;pointer-events:none}.oh-card-pattern-lines{position:relative;overflow:hidden}.oh-card-pattern-lines:before{content:"";position:absolute;top:0;right:0;width:120px;height:120px;background-image:linear-gradient(135deg,var(--border-light) 25%,transparent 25%,transparent 50%,var(--border-light) 50%,var(--border-light) 75%,transparent 75%,transparent);background-size:20px 20px;opacity:.1;z-index:0;border-radius:0 10px 0 100%;pointer-events:none}.oh-card-hover-lift{transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out);position:relative}.oh-card-hover-lift:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);opacity:0;transition:opacity var(--transition-normal) var(--ease-out);z-index:1;border-top-left-radius:9px;border-top-right-radius:9px}.oh-card-hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00000014,0 2px 8px #0000000a}.oh-card-hover-lift:hover:after{opacity:1}.oh-card-hover-glow{transition:box-shadow var(--transition-normal) var(--ease-out)}.oh-card-hover-glow:hover{box-shadow:0 0 15px #023e8a26}.oh-card-list-stagger>*{--stagger-base: .1s;--stagger-increment: .05s;opacity:0;animation:fadeInRight .5s var(--ease-out, ease-out) forwards;animation-delay:calc(var(--stagger-base) + var(--stagger-index, 0) * var(--stagger-increment))}.oh-progress-container{width:100%;height:8px;background-color:var(--neutral-100);border-radius:4px;overflow:hidden;margin:var(--space-2) 0;position:relative}.oh-progress-bar{height:100%;border-radius:4px;transition:width .6s var(--ease-out);position:relative;overflow:hidden}.oh-progress-bar:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#ffffff26,#fff0);animation:progressShimmer 2s infinite}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.oh-progress-primary .oh-progress-bar{background:var(--gradient-primary)}.oh-progress-success .oh-progress-bar{background:var(--color-success)}.oh-progress-warning .oh-progress-bar{background:var(--color-warning)}.oh-progress-danger .oh-progress-bar{background:var(--color-danger)}.oh-progress-info .oh-progress-bar{background:var(--brand-medium-blue)}.oh-progress-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-1);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--text-muted)}.oh-progress-value{font-weight:var(--font-weight-semibold);color:var(--text-dark)}.oh-circular-progress{position:relative;width:60px;height:60px}.oh-circular-progress svg{width:100%;height:100%;transform:rotate(-90deg)}.oh-circular-progress-bg{fill:none;stroke:var(--neutral-100);stroke-width:3}.oh-circular-progress-fill{fill:none;stroke-width:3;stroke-linecap:round;transition:stroke-dashoffset .6s var(--ease-out)}.oh-circular-progress-primary .oh-circular-progress-fill{stroke:var(--brand-medium-blue)}.oh-circular-progress-success .oh-circular-progress-fill{stroke:var(--color-success)}.oh-circular-progress-warning .oh-circular-progress-fill{stroke:var(--color-warning)}.oh-circular-progress-danger .oh-circular-progress-fill{stroke:var(--color-danger)}.oh-circular-progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--text-dark)}.oh-sparkline{height:24px;width:100%;position:relative}.oh-sparkline-svg{width:100%;height:100%;overflow:visible}.oh-sparkline-line{fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:all .3s var(--ease-out)}.oh-sparkline-area{fill-opacity:.2;transition:all .3s var(--ease-out)}.oh-sparkline-dot{fill:var(--bg-white);stroke-width:1.5;transition:all .3s var(--ease-out)}.oh-sparkline-primary .oh-sparkline-line,.oh-sparkline-primary .oh-sparkline-dot{stroke:var(--brand-medium-blue)}.oh-sparkline-primary .oh-sparkline-area{fill:var(--brand-medium-blue)}.oh-sparkline-success .oh-sparkline-line,.oh-sparkline-success .oh-sparkline-dot{stroke:var(--color-success)}.oh-sparkline-success .oh-sparkline-area{fill:var(--color-success)}.oh-sparkline-warning .oh-sparkline-line,.oh-sparkline-warning .oh-sparkline-dot{stroke:var(--color-warning)}.oh-sparkline-warning .oh-sparkline-area{fill:var(--color-warning)}.oh-sparkline-danger .oh-sparkline-line,.oh-sparkline-danger .oh-sparkline-dot{stroke:var(--color-danger)}.oh-sparkline-danger .oh-sparkline-area{fill:var(--color-danger)}.oh-status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);border-radius:12px;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:1;white-space:nowrap;transition:all .2s var(--ease-out)}.oh-status-badge-icon{margin-right:var(--space-1);font-size:.85em}.oh-status-badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.oh-status-badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.oh-status-badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.oh-status-badge-info{background-color:var(--brand-light-cyan);color:var(--brand-medium-blue)}.oh-status-badge-neutral{background-color:var(--neutral-100);color:var(--neutral-700)}.oh-status-badge-pulse{animation:statusPulse 2s infinite}@keyframes statusPulse{0%{box-shadow:0 0 rgba(var(--status-color-rgb),.4)}70%{box-shadow:0 0 0 6px rgba(var(--status-color-rgb),0)}to{box-shadow:0 0 rgba(var(--status-color-rgb),0)}}.oh-status-badge-success.oh-status-badge-pulse{--status-color-rgb: 34, 197, 94}.oh-status-badge-warning.oh-status-badge-pulse{--status-color-rgb: 245, 158, 11}.oh-status-badge-danger.oh-status-badge-pulse{--status-color-rgb: 239, 68, 68}.oh-status-badge-info.oh-status-badge-pulse{--status-color-rgb: 2, 62, 138}.oh-data-tooltip{position:relative;display:inline-block}.oh-data-tooltip-content{position:absolute;z-index:100;background-color:var(--bg-white);color:var(--text-dark);padding:var(--space-2) var(--space-3);border-radius:6px;box-shadow:0 4px 12px #0000001a;font-size:var(--font-size-xs);font-weight:var(--font-weight-normal);white-space:nowrap;opacity:0;visibility:hidden;transition:all .2s var(--ease-out);max-width:250px;width:max-content;pointer-events:none}.oh-data-tooltip-content.oh-data-tooltip-multiline{white-space:normal;line-height:1.4}.oh-data-tooltip-top .oh-data-tooltip-content{bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);margin-bottom:var(--space-1)}.oh-data-tooltip-bottom .oh-data-tooltip-content{top:100%;left:50%;transform:translate(-50%) translateY(8px);margin-top:var(--space-1)}.oh-data-tooltip-left .oh-data-tooltip-content{right:100%;top:50%;transform:translateY(-50%) translate(-8px);margin-right:var(--space-1)}.oh-data-tooltip-right .oh-data-tooltip-content{left:100%;top:50%;transform:translateY(-50%) translate(8px);margin-left:var(--space-1)}.oh-data-tooltip:hover .oh-data-tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(0)}.oh-data-tooltip-left:hover .oh-data-tooltip-content,.oh-data-tooltip-right:hover .oh-data-tooltip-content{transform:translateY(-50%) translate(0)}.oh-data-tooltip-top:hover .oh-data-tooltip-content,.oh-data-tooltip-bottom:hover .oh-data-tooltip-content{transform:translate(-50%) translateY(0)}.oh-data-tooltip-content:after{content:"";position:absolute;width:0;height:0;border-style:solid}.oh-data-tooltip-top .oh-data-tooltip-content:after{top:100%;left:50%;transform:translate(-50%);border-width:6px 6px 0 6px;border-color:var(--bg-white) transparent transparent transparent}.oh-data-tooltip-bottom .oh-data-tooltip-content:after{bottom:100%;left:50%;transform:translate(-50%);border-width:0 6px 6px 6px;border-color:transparent transparent var(--bg-white) transparent}.oh-data-tooltip-left .oh-data-tooltip-content:after{top:50%;left:100%;transform:translateY(-50%);border-width:6px 0 6px 6px;border-color:transparent transparent transparent var(--bg-white)}.oh-data-tooltip-right .oh-data-tooltip-content:after{top:50%;right:100%;transform:translateY(-50%);border-width:6px 6px 6px 0;border-color:transparent var(--bg-white) transparent transparent}:focus{outline:2px solid var(--focus-ring);outline-offset:2px}:focus:not(:focus-visible){outline:none}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px;box-shadow:0 0 0 4px #023e8a1a}.keyboard-focus-indicator{position:relative}.keyboard-focus-indicator:focus-visible:after{content:"";position:absolute;inset:-4px;border-radius:4px;box-shadow:0 0 0 2px var(--focus-ring);animation:focusPulse 1.5s infinite;pointer-events:none}@keyframes focusPulse{0%{box-shadow:0 0 0 2px #023e8a99}50%{box-shadow:0 0 0 2px #023e8a4d}to{box-shadow:0 0 0 2px #023e8a99}}.skip-link{position:absolute;top:-40px;left:0;background:var(--brand-medium-blue);color:#fff;padding:8px;z-index:100;transition:top .2s}.skip-link:focus{top:0}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media(forced-colors:active){.high-contrast-border{border:1px solid CanvasText}.high-contrast-text{color:CanvasText}.high-contrast-bg{background-color:Canvas}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.animate-on-motion{transition:none!important;animation:none!important}}.readable-text{line-height:1.5;letter-spacing:.01em;word-spacing:.05em}.readable-text p{margin-bottom:1em}.readable-text h1,.readable-text h2,.readable-text h3,.readable-text h4,.readable-text h5,.readable-text h6{margin-top:1.5em;margin-bottom:.5em}.contrast-text-dark{color:var(--text-dark)}.contrast-text-light{color:var(--text-light)}.contrast-bg-dark{background-color:var(--bg-dark)}.contrast-bg-light{background-color:var(--bg-light)}.focus-within-container:focus-within{outline:2px solid var(--focus-ring);outline-offset:2px}.accessible-label{display:block;margin-bottom:.5rem;font-weight:var(--font-weight-medium);color:var(--text-dark)}.accessible-input{width:100%;padding:.5rem;border:1px solid var(--border-light);border-radius:4px;transition:border-color .2s,box-shadow .2s}.accessible-input:focus{border-color:var(--brand-medium-blue);box-shadow:0 0 0 3px #023e8a1a}.accessible-input.error{border-color:var(--color-danger)}.accessible-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.accessible-error-message{color:var(--color-danger);font-size:var(--font-size-sm);margin-top:.25rem}.accessible-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:none;border-radius:4px;background-color:var(--brand-medium-blue);color:#fff;font-weight:var(--font-weight-medium);cursor:pointer;transition:background-color .2s,transform .2s}.accessible-button:hover{background-color:var(--brand-honolulu-blue)}.accessible-button:focus{outline:2px solid var(--focus-ring);outline-offset:2px}.accessible-button:active{transform:translateY(1px)}.accessible-button[disabled]{opacity:.6;cursor:not-allowed}.accessible-icon{display:inline-flex;align-items:center}.accessible-icon-label{margin-left:.5rem}@media(max-width:768px){:root{--space-1: .2rem;--space-2: .4rem;--space-3: .6rem;--space-4: .8rem;--space-5: 1rem;--space-6: 1.2rem;--space-8: 1.6rem}body{font-size:15px}.dashboard-container{padding:var(--space-2);grid-gap:var(--space-2)}.oh-card-header-enhanced{padding:var(--space-2) var(--space-3) var(--space-1)}.oh-card-body-enhanced{padding:var(--space-2) var(--space-3)}}@media(max-width:768px){.touch-target{min-height:44px;min-width:44px}.touch-button{padding:.7rem 1rem}.touch-spacing>*+*{margin-top:.8rem}.touch-input{height:44px;font-size:16px}.touch-checkbox,.touch-radio{width:24px;height:24px}}.mobile-nav{position:fixed;bottom:0;left:0;right:0;background-color:var(--bg-white);display:none;z-index:100;box-shadow:0 -2px 10px #0000001a}@media(max-width:768px){.mobile-nav{display:flex}.mobile-nav-items{display:flex;width:100%;justify-content:space-around}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;padding:.5rem 0;color:var(--text-muted);text-decoration:none;font-size:var(--font-size-xs);transition:color .2s}.mobile-nav-item.active{color:var(--brand-medium-blue)}.mobile-nav-icon{font-size:1.25rem;margin-bottom:.25rem}.mobile-nav-label{font-size:.7rem;font-weight:var(--font-weight-medium)}.has-mobile-nav{padding-bottom:60px}}.mobile-drawer{position:fixed;top:0;bottom:0;width:85%;max-width:300px;background-color:var(--bg-white);z-index:1000;transform:translate(-100%);transition:transform .3s var(--ease-out);box-shadow:0 0 15px #0000001a;overflow-y:auto}.mobile-drawer.right{right:0;left:auto;transform:translate(100%)}.mobile-drawer.open{transform:translate(0)}.mobile-drawer-overlay{position:fixed;inset:0;background-color:#00000080;z-index:999;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.mobile-drawer-overlay.open{opacity:1;visibility:visible}.mobile-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:1rem;border-bottom:1px solid var(--border-light)}.mobile-drawer-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-md)}.mobile-drawer-close{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-muted)}.mobile-drawer-content{padding:1rem}@media(max-width:768px){.mobile-card{margin-bottom:var(--space-3);border-radius:8px}.mobile-card-compact .oh-card-header-enhanced,.mobile-card-compact .oh-card-body-enhanced{padding:var(--space-2)}.mobile-card-title{font-size:var(--font-size-base)}.mobile-card-actions{flex-direction:column;gap:var(--space-2)}.mobile-card-actions>*{width:100%}}.swipe-container{overflow:hidden;position:relative;touch-action:pan-y}.swipe-item{transition:transform .3s var(--ease-out)}.swipe-actions{position:absolute;top:0;bottom:0;display:flex;align-items:center}.swipe-actions.left{right:100%}.swipe-actions.right{left:100%}.swipe-action{height:100%;display:flex;align-items:center;justify-content:center;padding:0 1rem;color:#fff;font-weight:var(--font-weight-medium)}.swipe-action-delete{background-color:var(--color-danger)}.swipe-action-archive{background-color:var(--color-warning)}.swipe-action-complete{background-color:var(--color-success)}@media(max-width:768px){.mobile-text-xs{font-size:var(--font-size-xs)}.mobile-text-sm{font-size:var(--font-size-sm)}.mobile-text-base{font-size:var(--font-size-base)}.mobile-text-md{font-size:var(--font-size-md)}.mobile-text-lg{font-size:var(--font-size-lg)}.mobile-line-clamp-1{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.mobile-line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}}.skeleton{background-color:var(--neutral-100);border-radius:4px;position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#fff0,#fff9,#fff0);animation:shimmer 1.5s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-text{height:1em;margin-bottom:.5rem}.skeleton-text.short{width:40%}.skeleton-text.medium{width:60%}.skeleton-text.long{width:80%}.skeleton-circle{width:40px;height:40px;border-radius:50%}.skeleton-rectangle{width:100%;height:120px;border-radius:4px}.skeleton-card{border-radius:8px;padding:1rem;background-color:var(--bg-white);box-shadow:0 2px 4px #0000000d}.skeleton-card-header{display:flex;align-items:center;margin-bottom:1rem}.skeleton-card-avatar{width:40px;height:40px;border-radius:50%;margin-right:1rem}.skeleton-card-title{height:1.2em;width:60%;border-radius:4px}.skeleton-card-content{display:flex;flex-direction:column;gap:.5rem}.spinner{display:inline-block;width:24px;height:24px;border:2px solid rgba(2,62,138,.2);border-radius:50%;border-top-color:var(--brand-medium-blue);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner.spinner-sm{width:16px;height:16px;border-width:1.5px}.spinner.spinner-lg{width:32px;height:32px;border-width:3px}.spinner-container{display:flex;align-items:center;justify-content:center;padding:1rem}.spinner-overlay{position:absolute;inset:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:10}.spinner-button{position:relative}.spinner-button .spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.spinner-button.loading .button-content{opacity:0}.progress-bar-container{width:100%;height:4px;background-color:var(--neutral-100);overflow:hidden;border-radius:2px}.progress-bar{height:100%;background-color:var(--brand-medium-blue);transition:width .3s ease-out}.progress-indeterminate .progress-bar{width:30%;animation:indeterminateProgress 1.5s infinite ease-in-out}@keyframes indeterminateProgress{0%{transform:translate(-100%)}to{transform:translate(400%)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.empty-state-icon{font-size:3rem;color:var(--neutral-300);margin-bottom:1rem}.empty-state-title{font-weight:var(--font-weight-semibold);margin-bottom:.5rem;color:var(--text-dark)}.empty-state-message{color:var(--text-muted);margin-bottom:1.5rem;max-width:300px}.empty-state-action{margin-top:1rem}.loading-overlay{position:fixed;inset:0;background-color:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:50px;height:50px;border:4px solid rgba(2,62,138,.1);border-radius:50%;border-top-color:var(--brand-medium-blue);animation:spin 1s linear infinite}.loading-text{margin-top:1rem;font-weight:var(--font-weight-medium);color:var(--text-dark)}.form-feedback{padding:.75rem;border-radius:4px;margin-bottom:1rem;font-size:var(--font-size-sm)}.form-feedback-success{background-color:var(--color-success-light);color:var(--color-success-dark);border-left:3px solid var(--color-success)}.form-feedback-error{background-color:var(--color-danger-light);color:var(--color-danger-dark);border-left:3px solid var(--color-danger)}.form-feedback-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark);border-left:3px solid var(--color-warning)}.form-feedback-info{background-color:var(--brand-light-cyan);color:var(--brand-medium-blue);border-left:3px solid var(--brand-medium-blue)}:root{--font-size-xs: .75rem;--font-size-sm: .85rem;--font-size-base: .95rem;--font-size-md: 1.1rem;--font-size-lg: 1.25rem;--font-size-xl: 1.5rem;--font-size-2xl: 1.75rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .01em;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--transition-fast: .15s;--transition-normal: .25s;--transition-slow: .35s;--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1)}body{font-family:Nunito Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-light);color:var(--text-dark);margin:0;padding:0;font-size:var(--font-size-base);line-height:var(--line-height-normal)}body.drawer-open,body.oh-modal-open{overflow:hidden;padding-right:var(--scrollbar-width, 0)}:root{--scrollbar-width: 0px}.main-container{display:flex;min-height:100vh}.content-area{flex:1;padding:20px}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:var(--bg-light)}.auth-card{width:100%;max-width:400px;padding:30px;border-radius:10px;box-shadow:0 4px 6px #0000001a;background-color:var(--bg-white)}h1,h2,h3,h4,h5,h6{margin-top:0;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-dark)}h1{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-4)}h2{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);margin-bottom:var(--space-3)}h3{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}h4{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}h5{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}p{margin-top:0;margin-bottom:var(--space-3);line-height:var(--line-height-normal)}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-md{font-size:var(--font-size-md)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-dark{color:var(--text-dark)}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-brand{color:var(--brand-medium-blue)}.letter-spacing-tight{letter-spacing:var(--letter-spacing-tight)}.letter-spacing-normal{letter-spacing:var(--letter-spacing-normal)}.letter-spacing-wide{letter-spacing:var(--letter-spacing-wide)}.badge{display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:9999px;letter-spacing:var(--letter-spacing-wide)}.badge-primary{background-color:var(--brand-light-cyan);color:var(--brand-medium-blue)}.badge-success{background-color:var(--color-success-light);color:var(--color-success-dark)}.badge-warning{background-color:var(--color-warning-light);color:var(--color-warning-dark)}.badge-danger{background-color:var(--color-danger-light);color:var(--color-danger-dark)}.transition-fast{transition-duration:var(--transition-fast);transition-timing-function:var(--ease-in-out)}.transition-normal{transition-duration:var(--transition-normal);transition-timing-function:var(--ease-in-out)}.transition-slow{transition-duration:var(--transition-slow);transition-timing-function:var(--ease-in-out)}.page-heading{margin-bottom:var(--space-6);margin-top:var(--space-2);font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);color:var(--text-dark);letter-spacing:var(--letter-spacing-tight)}.dashboard-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.stat-card{background-color:var(--bg-white);border-radius:10px;padding:var(--space-4);box-shadow:0 2px 8px #0000000a;transition:transform var(--transition-normal) var(--ease-out),box-shadow var(--transition-normal) var(--ease-out)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 6px 12px #00000014}.color-palette-container{padding:20px;max-width:1200px;margin:0 auto}.color-palette-container h2{margin-bottom:1.5rem;color:var(--brand-medium-blue);text-align:center;font-size:2rem;padding-bottom:.5rem;border-bottom:2px solid var(--brand-medium-blue)}.color-section{margin-bottom:3rem;background-color:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.section-title{margin-bottom:1.5rem;font-size:1.75rem;color:var(--brand-medium-blue);border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.color-palette-container h4{margin:1.5rem 0 1rem;font-size:1.25rem;color:var(--text-dark)}.usage-guide{margin-bottom:3rem;background-color:var(--bg-white);border-radius:8px;padding:1.5rem;box-shadow:0 2px 8px #0000000d}.usage-examples{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:1rem}.usage-example{background-color:var(--neutral-800);border-radius:6px;padding:1rem}.usage-example h4{color:var(--text-light);margin-top:0;margin-bottom:.75rem;font-size:1.1rem}.usage-example pre{margin:0;padding:1rem;background-color:var(--neutral-900);border-radius:4px;overflow-x:auto}.usage-example code{color:var(--text-light);font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.9rem;line-height:1.5;white-space:pre}.color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;margin-bottom:40px}.color-card{border-radius:8px;overflow:hidden;box-shadow:0 2px 4px #0000001a;background-color:#fff}.color-swatch{height:120px;width:100%}.color-info{padding:15px}.color-info h4{margin-top:0;margin-bottom:10px;font-size:1.1rem}.color-info p{margin:5px 0;font-size:.9rem}.color-info code{background-color:#f8f9fa;padding:2px 5px;border-radius:3px;font-family:monospace}.gradient-swatch{position:relative;overflow:hidden;border:1px solid rgba(0,0,0,.05)}.gradient-swatch:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#ffffff1a,#0000);pointer-events:none}@media(max-width:768px){.color-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.usage-examples{grid-template-columns:1fr}.color-palette-container h2{font-size:1.75rem}.section-title{font-size:1.5rem}}@media(max-width:576px){.color-grid{grid-template-columns:1fr}.color-palette-container{padding:15px}.usage-guide,.color-section{padding:1rem}.usage-example pre{padding:.75rem;font-size:.85rem}.usage-example code{font-size:.8rem}}.main-container{display:flex;min-height:100vh;background-color:var(--brand-alice-blue-2)}.main-content{flex:1;display:flex;flex-direction:column;min-width:0}.content-area{flex:1;padding:1.5rem;overflow-x:auto;max-width:1600px;margin:0 auto;width:100%}@media(min-width:1800px){.content-area{width:90%}}@media(min-width:2200px){.content-area{width:80%}}@media(max-width:768px){.content-area{padding:1rem;width:100%}}@media(max-width:576px){.content-area{padding:.75rem;width:100%}}.sidebar{width:250px;background-color:var(--bg-white);border-right:1px solid var(--border-light);height:100vh;position:sticky;top:0;overflow-y:auto;box-shadow:0 0 10px #0000000d;display:flex;flex-direction:column}.sidebar-header{padding:.75rem 1.5rem;border-bottom:1px solid var(--border-light);height:64px;display:flex;align-items:center;box-sizing:border-box}.sidebar-logo-link{text-decoration:none}.sidebar-header h3{margin:0;color:var(--brand-medium-blue);font-size:1.5rem;font-weight:600}.sidebar-content{flex:1;overflow-y:auto}.sidebar-footer{border-top:1px solid var(--border-light);padding:.75rem 1.5rem;margin-top:auto}.version-info{font-size:.75rem;color:var(--text-muted);text-align:center}.user-role{margin-bottom:.5rem;font-weight:500}.version-update,.version-number,.sidebar-section{margin-bottom:.25rem}.sidebar-section-header{display:flex;align-items:center;padding:.75rem 1.5rem;cursor:pointer;transition:all .2s ease;color:var(--text-dark);font-weight:600;font-size:.8rem;text-transform:uppercase;letter-spacing:1px;background-color:var(--neutral-100);border-bottom:1px solid var(--border-light)}.sidebar-section-header:hover{background-color:var(--brand-alice-blue);color:var(--brand-medium-blue)}.sidebar-section-header.has-active-child{color:var(--brand-medium-blue)}.sidebar-section-title{flex:1}.sidebar-arrow{margin-left:.5rem;font-size:.8rem;display:flex;align-items:center;transition:transform var(--transition-fast) var(--ease-in-out)}.sidebar-arrow.rotated{transform:rotate(90deg)}.sidebar-section-header:not(.has-active-child):hover .sidebar-arrow:not(.rotated){transform:translate(2px)}.sidebar-section-content{padding:0;max-height:0;overflow:hidden;opacity:0;transition:max-height var(--transition-fast) var(--ease-out),opacity var(--transition-fast) var(--ease-out),padding var(--transition-fast) var(--ease-out)}.sidebar-section-content.open{max-height:500px;opacity:1;padding:.25rem 0}.sidebar-item{position:relative}.sidebar-item.active{background-color:var(--brand-alice-blue-2)}.sidebar-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background-color:var(--brand-medium-blue)}.sidebar-link{display:flex;align-items:center;padding:.75rem 1.5rem .75rem 2.5rem;color:var(--text-dark);text-decoration:none;transition:all .2s ease;font-size:.95rem}.sidebar-link:hover{background-color:var(--brand-alice-blue);color:var(--brand-medium-blue)}.sidebar-item.active .sidebar-link{color:var(--brand-medium-blue);font-weight:500}.sidebar-icon{margin-right:.75rem;font-size:1rem;color:var(--text-muted)}.sidebar-item.active .sidebar-icon{color:var(--brand-medium-blue)}.sidebar-item-title{flex:1}@media(max-width:768px){.sidebar{width:200px}.sidebar-header{padding:.5rem 1rem;height:56px}.sidebar-section-header{padding:.75rem 1rem}.sidebar-link{padding:.75rem 1rem .75rem 2rem}}.topbar{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.5rem;background-color:var(--bg-white);border-bottom:1px solid var(--border-light);box-shadow:0 2px 4px #00000008;height:64px;box-sizing:border-box}.topbar-content{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:1600px;margin:0 auto}@media(min-width:1800px){.topbar-content{width:90%}}@media(min-width:2200px){.topbar-content{width:80%}}.topbar-left{display:flex;align-items:center;gap:1rem}.topbar-right{display:flex;align-items:center}.topbar-item{margin-left:1.5rem;position:relative}.topbar-item button,.topbar-item a{background:none;border:none;cursor:pointer;padding:.5rem;color:var(--text-dark);position:relative;display:flex;align-items:center;justify-content:center;border-radius:50%;width:36px;height:36px;transition:all var(--transition-normal) var(--ease-out)}.notification-btn{padding-top:.6rem}.notification-btn,.calendar-btn,.chat-btn{position:relative;overflow:visible}.notification-btn:hover,.calendar-btn:hover,.chat-btn:hover{background-color:var(--hover-overlay);transform:scale(1.05);color:var(--brand-medium-blue)}.notification-btn:active,.calendar-btn:active,.chat-btn:active{background-color:var(--active-overlay);transform:scale(.95)}.notification-btn i,.calendar-btn i,.chat-btn i{font-size:1.2rem}.notification-btn:after,.calendar-btn:after,.chat-btn:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(2,62,138,.2) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity .5s;border-radius:50%}.notification-btn:active:after,.calendar-btn:active:after,.chat-btn:active:after{transform:scale(0);opacity:.3;transition:0s}.badge{position:absolute;top:-8px;right:-8px;background-color:var(--color-danger);color:#fff;border-radius:50%;width:20px;height:20px;font-size:.85rem;display:flex;align-items:center;justify-content:center;z-index:10;pointer-events:none;box-shadow:0 2px 4px #0003}.topbar-tooltip{width:auto}.topbar-tooltip p{margin:0 0 6px;font-size:.9rem}.topbar-tooltip p:first-child{color:var(--brand-medium-blue);font-size:1rem}.topbar-tooltip p:last-child{margin-bottom:0;font-size:.85rem;color:var(--text-muted)}.user-profile{display:flex;align-items:center;position:relative}.user-profile-toggle{display:flex;align-items:center;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .2s ease}.user-profile-toggle:hover{background-color:var(--brand-alice-blue)}.user-profile-toggle:hover .user-name,.user-profile-toggle:hover .dropdown-icon{color:var(--brand-medium-blue)}.avatar{width:32px;height:32px;border-radius:50%;margin-right:.5rem;object-fit:cover}.user-name{font-size:.9rem;font-weight:500;color:var(--text-dark)}.dropdown-icon{margin-left:.5rem;font-size:.8rem;color:var(--text-muted);transition:transform .2s ease}.user-dropdown{position:absolute;top:calc(100% + .5rem);right:0;width:240px;background-color:var(--bg-white);border:1px solid var(--border-light);border-radius:8px;box-shadow:0 4px 12px #0000001a;z-index:1000;overflow:hidden;animation:fadeInDown .2s ease-out}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{padding:1rem;background-color:var(--neutral-50);border-bottom:1px solid var(--border-light)}.user-dropdown-name{font-weight:500;font-size:.95rem;color:var(--text-dark);margin-bottom:.25rem}.user-dropdown-email{font-size:.85rem;color:var(--text-muted);word-break:break-all}.user-dropdown-divider{height:1px;background-color:var(--border-light);margin:.5rem 0}.user-dropdown-item{display:flex;align-items:center;padding:.75rem 1rem;color:var(--text-dark);text-decoration:none;transition:background-color .2s ease;cursor:pointer}.user-dropdown-item:hover{background-color:var(--brand-alice-blue)}.user-dropdown-item i{margin-right:.75rem;font-size:1rem;color:var(--text-muted);width:20px;text-align:center}.user-dropdown-item:hover i{color:var(--brand-medium-blue)}.user-dropdown-item:hover span{color:var(--brand-medium-blue);font-weight:var(--font-weight-medium)}.company-selector-placeholder{min-width:200px;height:40px;display:flex;align-items:center;justify-content:center}.company-selector{margin-right:1rem}@media(max-width:768px){.topbar{padding:.5rem 1rem;height:56px}.topbar-item{margin-left:1rem}.user-name{display:none}.dropdown-icon{margin-left:0}.company-selector-placeholder{min-width:150px}.user-dropdown{width:220px;right:-10px}}