:root{--color-primary-navy: #1e3a8a;--color-primary-purple: #312e81;--color-primary-charcoal: #1f2937;--color-action-primary: #6366f1;--color-action-primary-hover: #5b21b6;--color-action-secondary: #8b5cf6;--color-action-secondary-hover: #7c3aed;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-priority-high: #ef4444;--color-priority-high-bg: #fef2f2;--color-priority-medium: #f59e0b;--color-priority-medium-bg: #fffbeb;--color-priority-low: #10b981;--color-priority-low-bg: #f0fdf4;--color-overdue: #ef4444;--color-overdue-bg: #fef2f2;--color-overdue-bg-alt: #fef7f7;--color-overdue-border: #fecaca;--color-blue: #3498db;--color-blue-hover: #2980b9;--color-blue-primary: #007bff;--color-text-primary: #2c3e50;--color-text-secondary: #374151;--color-text-muted: #6b7280;--color-text-light: #95a5a6;--color-text-lighter: #7f8c8d;--color-border-light: #e5e7eb;--color-border-medium: #dee2e6;--color-border-gray: #e9ecef;--color-border-lighter: #adb5bd;--color-background-light: #f9fafb;--color-background-lighter: #f8f9fa;--color-background-gray: #f3f4f6;--color-background-card: #ffffff;--font-family-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-weight-light: 300;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-md: 1.0625rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2rem;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px rgba(0, 0, 0, .25);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}*{box-sizing:border-box}::-webkit-scrollbar{width:12px;height:12px}::-webkit-scrollbar-track{background:#0000000d;border-radius:4px}::-webkit-scrollbar-thumb{background:#0000004d;border-radius:4px;border:1px solid rgba(0,0,0,.2);transition:all .2s ease}::-webkit-scrollbar-thumb:hover{background:#0006;border-color:#0000004d}::-webkit-scrollbar-thumb:active{background:#00000080}::-webkit-scrollbar-corner{background:#0000000d}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}.bg-gradient-container ::-webkit-scrollbar-track,.bg-gradient-primary ::-webkit-scrollbar-track{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bg-gradient-container ::-webkit-scrollbar-thumb,.bg-gradient-primary ::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#ffffff4d,#fff3);border:1px solid rgba(255,255,255,.1)}.bg-gradient-container ::-webkit-scrollbar-thumb:hover,.bg-gradient-primary ::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#fff6,#ffffff4d);border-color:#fff3}.bg-gradient-container ::-webkit-scrollbar-thumb:active,.bg-gradient-primary ::-webkit-scrollbar-thumb:active{background:linear-gradient(135deg,#ffffff80,#fff6)}.bg-gradient-container ::-webkit-scrollbar-corner,.bg-gradient-primary ::-webkit-scrollbar-corner{background:#ffffff1a}.bg-gradient-container *,.bg-gradient-primary *{scrollbar-color:rgba(255,255,255,.3) rgba(255,255,255,.1)}html,body{margin:0;padding:0;min-height:100%;font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:1.6;color:var(--color-text-primary);background:linear-gradient(135deg,#2c3e50,#34495e,#1a252f);background-attachment:fixed}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.font-light{font-weight:var(--font-weight-light)}.font-regular{font-weight:var(--font-weight-regular)}.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-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md);border:none;border-radius:var(--radius-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);font-family:inherit;letter-spacing:.025em;cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn:focus{outline:none;box-shadow:0 0 0 3px #6366f133}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:linear-gradient(135deg,var(--color-action-primary) 0%,var(--color-action-secondary) 100%);color:#fff;border:1px solid rgba(99,102,241,.3);box-shadow:0 4px 14px #6366f14d}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,var(--color-action-primary-hover) 0%,var(--color-action-secondary-hover) 100%);border-color:#6366f180;transform:translateY(-2px);box-shadow:0 8px 25px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-background-card);color:var(--color-text-secondary);border:2px solid var(--color-border-light)}.btn-secondary:hover:not(:disabled){background:var(--color-background-light);border-color:var(--color-action-primary);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--color-action-primary);border:2px solid var(--color-action-primary)}.btn-outline:hover:not(:disabled){background:var(--color-action-primary);color:#fff;transform:translateY(-1px)}.btn-glass{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-glass:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40;transform:translateY(-1px);box-shadow:0 4px 20px #00000026}.btn-shimmer{position:relative;overflow:hidden}.btn-shimmer:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease}.btn-shimmer:hover:before{left:100%}.btn-sm{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-lg) var(--spacing-2xl);font-size:var(--font-size-lg)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);letter-spacing:.025em}.form-control{width:100%;padding:var(--spacing-md);border:2px solid rgba(255,255,255,.2);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:inherit;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all var(--transition-base)}.form-control:focus{outline:none;border-color:var(--color-action-primary);background:#fffffff2;box-shadow:0 0 0 3px #6366f11a;transform:translateY(-1px)}.form-control:hover{border-color:#fff6}.card{background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);box-shadow:0 2px 8px #0000001a;border:1px solid rgba(255,255,255,.2);overflow:hidden;transition:all var(--transition-base)}.card-hover:hover{transform:translateY(-4px);box-shadow:var(--shadow-2xl)}.card-body{padding:var(--spacing-2xl)}.card-header{font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-xl)}.page-header{background:#ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);box-shadow:var(--shadow-sm)}.page-title{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0;letter-spacing:-.025em}.grid{display:grid;gap:var(--spacing-xl)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.m-0{margin:0}.m-1{margin:var(--spacing-xs)}.m-2{margin:var(--spacing-sm)}.m-3{margin:var(--spacing-md)}.m-4{margin:var(--spacing-lg)}.m-5{margin:var(--spacing-xl)}.m-6{margin:var(--spacing-2xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.p-6{padding:var(--spacing-2xl)}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.status-success{color:var(--color-success)}.status-warning{color:var(--color-warning)}.status-error{color:var(--color-error)}.status-info{color:var(--color-info)}.bg-gradient-primary{background:linear-gradient(135deg,#2c3e50,#34495e,#1a252f);background-attachment:fixed}.bg-gradient-container{min-height:100vh;background:linear-gradient(135deg,#2c3e50,#34495e,#1a252f);font-family:var(--font-family-primary)}@media (max-width: 768px){.container{padding:0 var(--spacing-md)}.grid-cols-auto{grid-template-columns:1fr}.btn{width:100%}.card-body{padding:var(--spacing-xl)}}