:root{--primary: #ffa000;--secondary: #f54533;--tertiary: #211F54;--primary-light: #ffb333;--primary-dark: #cc8000;--secondary-light: #f7665a;--secondary-dark: #c43729;--tertiary-light: #5c6bc0;--tertiary-dark: #303f9f;--background: #ffffff;--surface: #f8f8f8;--error: #b00020;--success: #4caf50;--warning: #ff9800;--info: #2196f3;--text-primary: #212121;--text-secondary: #757575;--text-disabled: #9e9e9e;--text-on-primary: #ffffff;--text-on-secondary: #ffffff;--text-on-tertiary: #ffffff;--primary-blue: var(--tertiary);--secondary-blue: var(--tertiary-dark);--accent-yellow: var(--primary);--dark-gray: var(--text-primary);--white: #ffffff;--gray-50: #f9fafb;--gray-100: #f3f4f6;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-600: #4b5563;--gray-700: #374151;--gray-800: #1f2937;--gray-900: #111827;--bg-primary: var(--background);--bg-secondary: var(--surface);--bg-tertiary: var(--gray-100);--bg-dark: var(--text-primary);--bg-overlay: rgba(61, 80, 182, .1);--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-dark: var(--gray-400);--border-accent: var(--tertiary)}:root{--font-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-secondary: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", "Monaco", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--font-thin: 100;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--font-black: 900}:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.25rem;--space-10: 2.5rem;--space-11: 2.75rem;--space-12: 3rem;--space-14: 3.5rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-28: 7rem;--space-32: 8rem}:root{--radius-none: 0;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px}:root{--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px 0 rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: 0 0 #0000;--shadow-primary: 0 4px 14px 0 rgba(25, 62, 134, .15);--shadow-accent: 0 4px 14px 0 rgba(240, 223, 81, .25);--shadow-success: 0 4px 14px 0 rgba(16, 185, 129, .15);--shadow-error: 0 4px 14px 0 rgba(239, 68, 68, .15)}:root{--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-auto: auto;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}:root{--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: all .15s cubic-bezier(.4, 0, .2, 1);--transition-colors: color .15s cubic-bezier(.4, 0, .2, 1), background-color .15s cubic-bezier(.4, 0, .2, 1), border-color .15s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .15s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .15s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .15s cubic-bezier(.4, 0, .2, 1);--ease-linear: linear;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1)}:root{--gradient-primary: linear-gradient(135deg, var(--primary-blue) 0%, var(--secondary-blue) 100%);--gradient-accent: linear-gradient(135deg, var(--accent-yellow) 0%, var(--accent-yellow-dark) 100%);--gradient-dark: linear-gradient(135deg, var(--dark-gray) 0%, var(--dark-gray-dark) 100%);--gradient-overlay: linear-gradient(135deg, rgba(25, 62, 134, .9) 0%, rgba(22, 56, 116, .9) 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%;font-family:var(--font-primary);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-secondary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin-bottom:var(--space-4);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-4xl);font-weight:var(--font-bold)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base);font-weight:var(--font-medium)}p{margin-bottom:var(--space-4);color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:var(--font-medium);font-size:var(--text-sm);text-align:center;cursor:pointer;transition:var(--transition-all);border:1px solid transparent;outline:none;text-decoration:none}.btn:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}.btn:focus{outline:2px solid var(--primary-blue);outline-offset:2px}.btn-primary{background:var(--gradient-primary);color:var(--white);box-shadow:var(--shadow-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:var(--white);border-color:var(--border-medium);color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--bg-tertiary);border-color:var(--border-dark)}.btn-accent{background:var(--gradient-accent);color:var(--dark-gray);font-weight:var(--font-semibold)}.btn-accent:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-accent)}.btn-outline{background-color:transparent;border-color:var(--primary-blue);color:var(--primary-blue)}.btn-outline:hover:not(:disabled){background-color:var(--primary-blue);color:var(--white)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base)}.form-group{margin-bottom:var(--space-6)}label{display:block;margin-bottom:var(--space-2);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-primary)}input,select,textarea{width:100%;padding:var(--space-3);border:1px solid var(--border-light);border-radius:var(--radius-lg);font-size:var(--text-base);font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);transition:var(--transition-colors)}input::placeholder,select::placeholder,textarea::placeholder{color:var(--text-tertiary)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 3px #193e861a}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:var(--border-medium)}input.invalid,input:invalid,select.invalid,select:invalid,textarea.invalid,textarea:invalid{border-color:var(--error);box-shadow:0 0 0 3px #ef44441a}input:disabled,select:disabled,textarea:disabled{background-color:var(--bg-tertiary);color:var(--text-tertiary);cursor:not-allowed}.card{background-color:var(--bg-primary);border-radius:var(--radius-xl);border:1px solid var(--border-light);box-shadow:var(--shadow-base);overflow:hidden;transition:var(--transition-shadow)}.card:hover,.card.card-elevated{box-shadow:var(--shadow-lg)}.card.card-elevated:hover{box-shadow:var(--shadow-xl)}.card.card-primary{position:relative}.card.card-primary:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient-primary)}.card.card-accent{border-color:var(--accent-yellow);box-shadow:var(--shadow-accent)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-light)}.card-header h1,.card-header h2,.card-header h3,.card-header h4,.card-header h5,.card-header h6{margin-bottom:0}.card-body{padding:var(--space-6)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}.badge.badge-primary{background-color:#193e861a;color:var(--primary-blue)}.badge.badge-accent{background-color:#f0df5133;color:var(--dark-gray)}.badge.badge-success{background-color:#10b9811a;color:var(--success)}.badge.badge-warning{background-color:#f59e0b1a;color:var(--warning)}.badge.badge-error{background-color:#ef44441a;color:var(--error)}.badge.badge-info{background-color:#193e861a;color:var(--info)}.badge.badge-lg{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-justify{text-align:justify}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-accent{color:var(--text-accent)}.text-blue{color:var(--primary-blue)}.text-yellow{color:var(--accent-yellow)}.text-gray{color:var(--dark-gray)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-gradient{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-gradient-accent{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.font-thin{font-weight:var(--font-thin)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.m-0{margin:0}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-5{margin:var(--space-5)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-5{margin-top:var(--space-5)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-5{margin-bottom:var(--space-5)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.p-0{padding:0}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-tertiary{background-color:var(--bg-tertiary)}.bg-dark{background-color:var(--bg-dark)}.bg-blue{background-color:var(--primary-blue)}.bg-yellow{background-color:var(--accent-yellow)}.shadow-none{box-shadow:var(--shadow-none)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-full{border-radius:var(--radius-full)}.cdk-drag-preview{box-sizing:border-box;background:#fff!important;border:1px solid #4ECDC4!important;box-shadow:0 5px 15px #0003!important;border-radius:4px!important;opacity:1!important;padding:10px!important}.cdk-drag-preview .task-card{background:#fff!important;opacity:1!important;border:none!important;box-shadow:none!important;margin:0!important;padding:0!important}.cdk-drag-preview .task-header{margin-bottom:6px!important}.cdk-drag-preview .task-name{font-size:13px!important;font-weight:600!important;color:#111827!important;line-height:1.4!important}.cdk-drag-preview .task-desc{font-size:12px!important;color:#6b7280!important;margin-bottom:8px!important}.cdk-drag-preview .badge-priority,.cdk-drag-preview .badge-category{font-size:10px!important;font-weight:600!important;padding:3px 8px!important;border-radius:3px!important}.cdk-drag-preview .task-date{font-size:11px!important;color:#6b7280!important}.cdk-drag-preview .avatar-sm{width:22px!important;height:22px!important;background:linear-gradient(135deg,#4ecdc4,#44a08d)!important;border:2px solid #fff!important}.cdk-drag-preview .task-actions{display:none!important}