:root{--color-bg-primary:#1e1e1e;--color-bg-secondary:#2a2a2a;--color-bg-tertiary:#374151;--color-opposite-primary:#fff;--color-overlay-bg:rgba(255,255,255,.4);--color-skeleton-from:#2a2a2a;--color-skeleton-to:#404040;--color-text-primary:#f0f0f0;--color-text-secondary:#9ca3af;--color-text-muted:#6b7280;--color-border:#374151;--color-border-light:#4b5563;--color-input-bg:#374151;--color-input-border:#4b5563;--color-card-bg:#2a2a2a;--color-hover-bg:rgba(59,130,246,.1)}[data-theme=light]{--color-bg-primary:#fff;--color-bg-secondary:#f9fafb;--color-bg-tertiary:#f3f4f6;--color-opposite-primary:#1e1e1e;--color-overlay-bg:rgba(30,30,30,.4);--color-skeleton-from:#f3f4f6;--color-skeleton-to:#e5e7eb;--color-text-primary:#111827;--color-text-secondary:#6b7280;--color-text-muted:#9ca3af;--color-border:#e5e7eb;--color-border-light:#d1d5db;--color-input-bg:#fff;--color-input-border:#d1d5db;--color-card-bg:#fff;--color-hover-bg:rgba(59,130,246,.1)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes scaleOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%{opacity:.7;transform:scaleY(.8)}to{opacity:1;transform:scaleY(1)}}@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translate(0,0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-6px)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translateY(-3px)}90%{transform:translateY(-1px)}}@keyframes skeleton-loading{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes wiggle{0%,7%{transform:rotate(0)}15%{transform:rotate(-15deg)}20%{transform:rotate(10deg)}25%{transform:rotate(-10deg)}30%{transform:rotate(6deg)}35%{transform:rotate(-4deg)}40%,to{transform:rotate(0)}}.animate-fade-in{animation:.3s ease-out fadeIn}.animate-fade-out{animation:.3s ease-out fadeOut}.animate-slide-in-up{animation:.4s ease-out slideInUp}.animate-slide-in-down{animation:.4s ease-out slideInDown}.animate-slide-in-left{animation:.4s ease-out slideInLeft}.animate-slide-in-right{animation:.4s ease-out slideInRight}.animate-scale-in{animation:.3s ease-out scaleIn}.animate-scale-out{animation:.3s ease-out scaleOut}.animate-spin{animation:1s linear infinite spin}.animate-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-bounce{animation:1s infinite bounce}.animate-wiggle{animation:1s ease-in-out wiggle}.loading-spinner{justify-content:center;align-items:center;display:flex}.loading-spinner:after{content:"";border:2px solid var(--color-border);border-top:2px solid #3b82f6;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.loading-skeleton{background:linear-gradient(90deg,var(--color-skeleton-from)25%,var(--color-skeleton-to)50%,var(--color-skeleton-from)75%);background-size:200% 100%;border-radius:.375rem;min-height:20px;animation:1.5s infinite skeleton-loading}.hover-lift{transition:transform .15s ease-in-out}.hover-lift:hover{transform:translateY(-2px)}.hover-glow{transition:box-shadow .15s ease-in-out}.hover-glow:hover{box-shadow:0 0 20px rgba(59,130,246,.3)}.hover-scale{transition:transform .15s ease-in-out}.hover-scale:hover{transform:scale(1.05)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(0)}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;transform:translateY(-20px)}.modal-overlay.entering,.modal-overlay.entered{animation:.2s ease-out fadeIn}.modal-overlay.exiting,.modal-overlay.exited{animation:.2s ease-out fadeOut}.modal-content.entering,.modal-content.entered{animation:.3s ease-out scaleIn}.modal-content.exiting,.modal-content.exited{animation:.3s ease-out scaleOut}*,:before,:after{box-sizing:border-box}html{transition:background-color .15s ease-in-out,color .15s ease-in-out}body,.dashboard-header,.task-board,.sidebar,.modal,.card,.client-dashboard .client-projects .project-card,.stat-card,.home-features .feature-card,.form-input,.form-textarea,.btn,.dashboard-actions .action-btn,.dashboard-header .header-content .header-right .logout-btn,.home-container .home-actions .home-btn{transition:background-color .15s ease-in-out,color .15s ease-in-out,border-color .15s ease-in-out}html,body{min-height:100vh;margin:0;padding:0}body{color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.5}h1,h2,h3,h4,h5,h6{margin:0 0 1rem;font-weight:600;line-height:1.25}h1{font-size:2.25rem}h2{font-size:1.875rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin:0 0 1rem}a{color:#3b82f6;text-decoration:none;transition:color .15s ease-in-out}a:hover{color:#2563eb}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}@media (min-width:768px){.container{padding:0 1.5rem}}@media (min-width:1024px){.container{padding:0 2rem}}.full-height{min-height:100vh}.screen-height{height:100vh}.flex{display:flex}.flex-column{flex-direction:column;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-start{justify-content:flex-start;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-column-center{flex-direction:column;justify-content:center;align-items:center;display:flex}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}@media (min-width:768px){.md\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.lg\:grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.space-y-1>*+*{margin-top:.25rem}.space-y-2>*+*{margin-top:.5rem}.space-y-3>*+*{margin-top:.75rem}.space-y-4>*+*{margin-top:1rem}.space-y-5>*+*{margin-top:1.25rem}.space-y-6>*+*{margin-top:1.5rem}.space-y-8>*+*{margin-top:2rem}.space-x-1>*+*{margin-left:.25rem}.space-x-2>*+*{margin-left:.5rem}.space-x-3>*+*{margin-left:.75rem}.space-x-4>*+*{margin-left:1rem}.space-x-5>*+*{margin-left:1.25rem}.space-x-6>*+*{margin-left:1.5rem}.space-x-8>*+*{margin-left:2rem}.m-0{margin:0}.m-1{margin:.25rem}.m-2{margin:.5rem}.m-3{margin:.75rem}.m-4{margin:1rem}.m-5{margin:1.25rem}.m-6{margin:1.5rem}.m-8{margin:2rem}.mt-0{margin-top:0}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.mb-0{margin-bottom:0}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.ml-0{margin-left:0}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.ml-4{margin-left:1rem}.mr-0{margin-right:0}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.mr-4{margin-right:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-1{padding:.25rem}.p-2{padding:.5rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-5{padding:1.25rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.px-1{padding-left:.25rem;padding-right:.25rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-8{padding-left:2rem;padding-right:2rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-5{padding-top:1.25rem;padding-bottom:1.25rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-12{padding-top:3rem;padding-bottom:3rem}.w-full{width:100%}.w-auto{width:auto}.w-fit{width:-moz-fit-content;width:fit-content}.h-full{height:100%}.h-auto{height:auto}.h-fit{height:-moz-fit-content;height:fit-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-info{color:#8b5cf6}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.block{display:block}.inline{display:inline}.inline-block{display:inline-block}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:-webkit-sticky;position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.rounded-sm{border-radius:.25rem}.rounded,.rounded-md{border-radius:.375rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-full{border-radius:9999px}.shadow-sm{box-shadow:0 1px 2px rgba(0,0,0,.3)}.shadow,.shadow-md{box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.shadow-lg{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.shadow-xl{box-shadow:0 20px 25px -5px rgba(0,0,0,.3),0 10px 10px -5px rgba(0,0,0,.2)}.form{width:100%}.form .form-row{flex-direction:column;gap:1rem;margin-bottom:1.5rem;display:flex}@media (min-width:768px){.form .form-row{flex-direction:row;align-items:flex-start}}.form .form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form .form-group.form-group--inline{flex-direction:row;align-items:center;gap:.75rem}.form .form-group.form-group--inline .form-label{flex-shrink:0;margin-bottom:0}.form-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.form-label.form-label--required:after{content:" *";color:#ef4444}.form-label.form-label--optional:after{content:" (optional)";color:var(--color-text-muted);font-weight:400}.form-input,.form-textarea{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);border-radius:.375rem;padding:.75rem;font-size:1rem;transition:border-color .15s ease-in-out;display:block}.form-input::placeholder,.form-textarea::placeholder{color:var(--color-text-muted)}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-input:disabled,.form-textarea:disabled{opacity:.5;cursor:not-allowed}.form-input.form-input--sm,.form-input--sm.form-textarea{padding:.5rem .75rem;font-size:.875rem}.form-input.form-input--lg,.form-input--lg.form-textarea{padding:1rem;font-size:1.125rem}.form-input.form-input--error,.form-input--error.form-textarea{border-color:#ef4444}.form-input.form-input--error:focus,.form-input--error.form-textarea:focus{border-color:#ef4444;box-shadow:0 0 0 3px rgba(239,68,68,.1)}.form-input.form-input--success,.form-input--success.form-textarea{border-color:#10b981}.form-input.form-input--success:focus,.form-input--success.form-textarea:focus{border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.1)}.form-textarea{resize:vertical;min-height:100px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.form-select,.client-dashboard .client-projects .projects-header .projects-filter{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;border-radius:.375rem;padding:.75rem 2.5rem .75rem .75rem;font-size:1rem;transition:border-color .15s ease-in-out;display:block}.form-select:focus,.client-dashboard .client-projects .projects-header .projects-filter:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.form-select[multiple],.client-dashboard .client-projects .projects-header [multiple].projects-filter{background-image:none;height:auto;min-height:120px;padding-right:.75rem}.form-checkbox,.form-check .form-check-input,.form-radio,.form-check.form-check--radio .form-check-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid var(--color-border);background-color:var(--color-bg-secondary);cursor:pointer;flex-shrink:0;width:18px;height:18px;position:relative}.form-checkbox:checked,.form-check .form-check-input:checked,.form-radio:checked{background-color:#3b82f6;border-color:#3b82f6}.form-checkbox:focus,.form-check .form-check-input:focus,.form-radio:focus{outline-offset:2px;outline:2px solid #3b82f6}.form-checkbox:disabled,.form-check .form-check-input:disabled,.form-radio:disabled{opacity:.5;cursor:not-allowed}.form-checkbox,.form-check .form-check-input{border-radius:.25rem}.form-checkbox:checked:after,.form-check .form-check-input:checked:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:6px;height:10px;position:absolute;top:1px;left:4px;transform:rotate(45deg)}.form-radio,.form-check.form-check--radio .form-check-input{border-radius:50%}.form-radio:checked:after,.form-check.form-check--radio .form-check-input:checked:after{content:"";background-color:#fff;border-radius:50%;width:8px;height:8px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.form-check{cursor:pointer;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.form-check .form-check-label{color:var(--color-text-primary);cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:.875rem}.form-switch{width:48px;height:24px;display:inline-block;position:relative}.form-switch .form-switch-input{opacity:0;width:0;height:0}.form-switch .form-switch-input:checked+.form-switch-slider{background-color:#3b82f6}.form-switch .form-switch-input:checked+.form-switch-slider:before{transform:translate(24px)}.form-switch .form-switch-input:focus+.form-switch-slider{outline-offset:2px;outline:2px solid #3b82f6}.form-switch .form-switch-input:disabled+.form-switch-slider{opacity:.5;cursor:not-allowed}.form-switch .form-switch-slider{cursor:pointer;background-color:var(--color-border);border-radius:24px;transition:all .15s ease-in-out;position:absolute;top:0;bottom:0;left:0;right:0}.form-switch .form-switch-slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .15s ease-in-out;position:absolute;bottom:2px;left:2px}.form-file{cursor:pointer;display:inline-block;position:relative;overflow:hidden}.form-file .form-file-input{opacity:0;position:absolute;left:-9999px}.form-file .form-file-label{cursor:pointer;color:var(--color-text-primary);border:none;border:1px solid var(--color-border);cursor:pointer;background-color:transparent;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.form-file .form-file-label:disabled{opacity:.5;cursor:not-allowed}.form-file .form-file-label:focus{outline-offset:2px;outline:2px solid #3b82f6}.form-file .form-file-label:hover:not(:disabled){background-color:var(--color-border);color:#fff}.form-file .form-file-label:before{content:"Choose file"}.form-file .form-file-label:hover{background-color:var(--color-bg-secondary)}.form-file.form-file--drag-over .form-file-label{background-color:rgba(59,130,246,.1);border-color:#3b82f6}.form-input-group{width:100%;display:flex}.form-input-group .form-input,.form-input-group .form-textarea{border-radius:0}.form-input-group .form-input:first-child,.form-input-group .form-textarea:first-child{border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.form-input-group .form-input:last-child,.form-input-group .form-textarea:last-child{border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.form-input-group .form-input:not(:last-child),.form-input-group .form-textarea:not(:last-child){border-right:none}.form-input-group .form-input:focus,.form-input-group .form-textarea:focus{z-index:1;position:relative}.form-input-group .form-input-addon{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);color:var(--color-text-secondary);white-space:nowrap;justify-content:center;align-items:center;padding:.75rem;font-size:.875rem;display:flex}.form-input-group .form-input-addon:first-child{border-right:none;border-top-left-radius:.375rem;border-bottom-left-radius:.375rem}.form-input-group .form-input-addon:last-child{border-left:none;border-top-right-radius:.375rem;border-bottom-right-radius:.375rem}.form-error{color:#ef4444;margin-top:.25rem;font-size:.75rem}.form-error:before{content:"⚠ "}.form-success{color:#10b981;margin-top:.25rem;font-size:.75rem}.form-success:before{content:"✓ "}.form-help{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem}.form-actions{border-top:1px solid var(--color-border);justify-content:space-between;align-items:center;gap:.75rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.form-actions .form-actions-left,.form-actions .form-actions-right{justify-content:flex-start;align-items:center;gap:.75rem;display:flex}@media (max-width:639px){.form-actions{flex-direction:column;align-items:stretch;display:flex}.form-actions .form-actions-left,.form-actions .form-actions-right{justify-content:center}}.form-loading{pointer-events:none;position:relative}.form-loading:after{content:"";background-color:rgba(var(--color-bg-primary),.8);justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.form-loading .form-input,.form-loading .form-select,.form-loading .client-dashboard .client-projects .projects-header .projects-filter,.client-dashboard .client-projects .projects-header .form-loading .projects-filter,.form-loading .form-textarea{opacity:.6}.form-section{border-top:1px solid rgba(107,114,128,.2);margin-top:2rem;padding-top:1.5rem}.form-section:first-child{border-top:none;margin-top:0;padding-top:0}.form-section-title{color:#3b82f6;margin-top:0;margin-bottom:1rem;font-size:1.1rem;font-weight:600}.form-select,.client-dashboard .client-projects .projects-header .projects-filter{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);width:100%;color:var(--color-text-primary);cursor:pointer;border-radius:.375rem;padding:.75rem;font-size:1rem;transition:border-color .15s ease-in-out;display:block}.form-select::placeholder,.client-dashboard .client-projects .projects-header .projects-filter::placeholder{color:var(--color-text-muted)}.form-select:focus,.client-dashboard .client-projects .projects-header .projects-filter:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.form-select:disabled,.client-dashboard .client-projects .projects-header .projects-filter:disabled{opacity:.5;cursor:not-allowed}.form-select option,.client-dashboard .client-projects .projects-header .projects-filter option{background-color:var(--color-bg-secondary);color:var(--color-text-primary);padding:.5rem}.form-select.form-select--sm,.client-dashboard .client-projects .projects-header .form-select--sm.projects-filter{padding:.5rem .75rem;font-size:.875rem}.form-select.form-select--lg,.client-dashboard .client-projects .projects-header .form-select--lg.projects-filter{padding:1rem;font-size:1.125rem}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:.5rem;justify-content:center;align-items:center;width:48px;height:28px;padding:0;transition:all .15s ease-in-out;display:flex}.theme-toggle:hover{background:var(--color-hover-bg)}.theme-toggle:focus{outline-offset:2px;outline:2px solid #3b82f6}.theme-toggle-track{background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:11px;width:42px;height:22px;transition:all .15s ease-in-out;position:relative}[data-theme=light] .theme-toggle-track{background:#e5e7eb;border-color:#d1d5db}.theme-toggle-thumb{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;transition:all .15s ease-in-out;display:flex;position:absolute;top:1px;left:1px;transform:translate(0)}[data-theme=light] .theme-toggle-thumb{background:#fff;border-color:#d1d5db;transform:translate(20px)}.theme-toggle-icon{font-size:10px;line-height:1;transition:all .15s ease-in-out}.btn,.dashboard-actions .action-btn,.dashboard-header .header-content .header-right .logout-btn,.home-container .home-actions .home-btn{cursor:pointer;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn:disabled,.dashboard-actions .action-btn:disabled,.dashboard-header .header-content .header-right .logout-btn:disabled,.home-container .home-actions .home-btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus,.dashboard-actions .action-btn:focus,.dashboard-header .header-content .header-right .logout-btn:focus,.home-container .home-actions .home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--sm,.dashboard-actions .btn--sm.action-btn,.dashboard-header .header-content .header-right .btn--sm.logout-btn,.home-container .home-actions .btn--sm.home-btn{padding:.25rem .75rem;font-size:.75rem}.btn.btn--lg,.dashboard-actions .action-btn,.dashboard-header .header-content .header-right .btn--lg.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn,.home-container .home-actions .home-btn{padding:.75rem 1.5rem;font-size:1.125rem}.btn.btn--xl,.dashboard-actions .btn--xl.action-btn,.dashboard-header .header-content .header-right .btn--xl.logout-btn,.home-container .home-actions .btn--xl.home-btn{padding:1rem 2rem;font-size:1.25rem}.btn.btn--primary,.dashboard-actions .btn--primary.action-btn,.dashboard-actions .action-btn.action-btn--primary,.dashboard-header .header-content .header-right .btn--primary.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--primary,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--primary,.home-container .home-actions .btn--primary.home-btn,.home-container .home-actions .home-btn.home-btn--primary{cursor:pointer;color:#fff;background-color:#3b82f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--primary:disabled,.dashboard-actions .btn--primary.action-btn:disabled,.dashboard-actions .action-btn.action-btn--primary:disabled,.dashboard-header .header-content .header-right .btn--primary.logout-btn:disabled,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--primary:disabled,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--primary:disabled,.home-container .home-actions .btn--primary.home-btn:disabled,.home-container .home-actions .home-btn.home-btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn.btn--primary:focus,.dashboard-actions .btn--primary.action-btn:focus,.dashboard-actions .action-btn.action-btn--primary:focus,.dashboard-header .header-content .header-right .btn--primary.logout-btn:focus,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--primary:focus,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--primary:focus,.home-container .home-actions .btn--primary.home-btn:focus,.home-container .home-actions .home-btn.home-btn--primary:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--primary:hover:not(:disabled),.dashboard-actions .btn--primary.action-btn:hover:not(:disabled),.dashboard-actions .action-btn.action-btn--primary:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--primary.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--primary.home-btn:hover:not(:disabled),.home-container .home-actions .home-btn.home-btn--primary:hover:not(:disabled){background-color:#2563eb}.btn.btn--secondary,.dashboard-actions .btn--secondary.action-btn,.dashboard-header .header-content .header-right .btn--secondary.logout-btn,.home-container .home-actions .btn--secondary.home-btn,.home-container .home-actions .home-btn.home-btn--secondary{cursor:pointer;color:#fff;background-color:#6b7280;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--secondary:disabled,.dashboard-actions .btn--secondary.action-btn:disabled,.dashboard-header .header-content .header-right .btn--secondary.logout-btn:disabled,.home-container .home-actions .btn--secondary.home-btn:disabled,.home-container .home-actions .home-btn.home-btn--secondary:disabled{opacity:.5;cursor:not-allowed}.btn.btn--secondary:focus,.dashboard-actions .btn--secondary.action-btn:focus,.dashboard-header .header-content .header-right .btn--secondary.logout-btn:focus,.home-container .home-actions .btn--secondary.home-btn:focus,.home-container .home-actions .home-btn.home-btn--secondary:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--secondary:hover:not(:disabled),.dashboard-actions .btn--secondary.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--secondary.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--secondary.home-btn:hover:not(:disabled),.home-container .home-actions .home-btn.home-btn--secondary:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.btn--success,.dashboard-actions .btn--success.action-btn,.dashboard-actions .action-btn.action-btn--success,.dashboard-header .header-content .header-right .btn--success.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--success,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--success,.home-container .home-actions .btn--success.home-btn{cursor:pointer;color:#fff;background-color:#10b981;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--success:disabled,.dashboard-actions .btn--success.action-btn:disabled,.dashboard-actions .action-btn.action-btn--success:disabled,.dashboard-header .header-content .header-right .btn--success.logout-btn:disabled,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--success:disabled,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--success:disabled,.home-container .home-actions .btn--success.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--success:focus,.dashboard-actions .btn--success.action-btn:focus,.dashboard-actions .action-btn.action-btn--success:focus,.dashboard-header .header-content .header-right .btn--success.logout-btn:focus,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--success:focus,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--success:focus,.home-container .home-actions .btn--success.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--success:hover:not(:disabled),.dashboard-actions .btn--success.action-btn:hover:not(:disabled),.dashboard-actions .action-btn.action-btn--success:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--success.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--success.home-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.btn--warning,.dashboard-actions .btn--warning.action-btn,.dashboard-header .header-content .header-right .btn--warning.logout-btn,.home-container .home-actions .btn--warning.home-btn{cursor:pointer;color:#fff;background-color:#f59e0b;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--warning:disabled,.dashboard-actions .btn--warning.action-btn:disabled,.dashboard-header .header-content .header-right .btn--warning.logout-btn:disabled,.home-container .home-actions .btn--warning.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--warning:focus,.dashboard-actions .btn--warning.action-btn:focus,.dashboard-header .header-content .header-right .btn--warning.logout-btn:focus,.home-container .home-actions .btn--warning.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--warning:hover:not(:disabled),.dashboard-actions .btn--warning.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--warning.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--warning.home-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.btn--danger,.dashboard-actions .btn--danger.action-btn,.dashboard-header .header-content .header-right .btn--danger.logout-btn,.home-container .home-actions .btn--danger.home-btn{cursor:pointer;color:#fff;background-color:#ef4444;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--danger:disabled,.dashboard-actions .btn--danger.action-btn:disabled,.dashboard-header .header-content .header-right .btn--danger.logout-btn:disabled,.home-container .home-actions .btn--danger.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--danger:focus,.dashboard-actions .btn--danger.action-btn:focus,.dashboard-header .header-content .header-right .btn--danger.logout-btn:focus,.home-container .home-actions .btn--danger.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--danger:hover:not(:disabled),.dashboard-actions .btn--danger.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--danger.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--danger.home-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.btn--info,.dashboard-actions .btn--info.action-btn,.dashboard-actions .action-btn.action-btn--info,.dashboard-header .header-content .header-right .btn--info.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--info,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--info,.home-container .home-actions .btn--info.home-btn{cursor:pointer;color:#fff;background-color:#8b5cf6;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--info:disabled,.dashboard-actions .btn--info.action-btn:disabled,.dashboard-actions .action-btn.action-btn--info:disabled,.dashboard-header .header-content .header-right .btn--info.logout-btn:disabled,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--info:disabled,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--info:disabled,.home-container .home-actions .btn--info.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--info:focus,.dashboard-actions .btn--info.action-btn:focus,.dashboard-actions .action-btn.action-btn--info:focus,.dashboard-header .header-content .header-right .btn--info.logout-btn:focus,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn.action-btn--info:focus,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn.action-btn--info:focus,.home-container .home-actions .btn--info.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--info:hover:not(:disabled),.dashboard-actions .btn--info.action-btn:hover:not(:disabled),.dashboard-actions .action-btn.action-btn--info:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--info.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--info.home-btn:hover:not(:disabled){opacity:.9;transform:translateY(-1px)}.btn.btn--outline,.dashboard-actions .btn--outline.action-btn,.dashboard-header .header-content .header-right .btn--outline.logout-btn,.home-container .home-actions .btn--outline.home-btn{cursor:pointer;color:var(--color-text-primary);border:none;border:1px solid var(--color-border);background-color:transparent;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--outline:disabled,.dashboard-actions .btn--outline.action-btn:disabled,.dashboard-header .header-content .header-right .btn--outline.logout-btn:disabled,.home-container .home-actions .btn--outline.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--outline:focus,.dashboard-actions .btn--outline.action-btn:focus,.dashboard-header .header-content .header-right .btn--outline.logout-btn:focus,.home-container .home-actions .btn--outline.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--outline:hover:not(:disabled),.dashboard-actions .btn--outline.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--outline.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--outline.home-btn:hover:not(:disabled){background-color:var(--color-bg-secondary);color:#fff}.btn.btn--outline-primary,.dashboard-actions .btn--outline-primary.action-btn,.dashboard-header .header-content .header-right .btn--outline-primary.logout-btn,.home-container .home-actions .btn--outline-primary.home-btn{cursor:pointer;color:#3b82f6;background-color:transparent;border:1px solid #3b82f6;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--outline-primary:disabled,.dashboard-actions .btn--outline-primary.action-btn:disabled,.dashboard-header .header-content .header-right .btn--outline-primary.logout-btn:disabled,.home-container .home-actions .btn--outline-primary.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--outline-primary:focus,.dashboard-actions .btn--outline-primary.action-btn:focus,.dashboard-header .header-content .header-right .btn--outline-primary.logout-btn:focus,.home-container .home-actions .btn--outline-primary.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--outline-primary:hover:not(:disabled),.dashboard-actions .btn--outline-primary.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--outline-primary.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--outline-primary.home-btn:hover:not(:disabled){color:#fff;background-color:#3b82f6}.btn.btn--outline-success,.dashboard-actions .btn--outline-success.action-btn,.dashboard-header .header-content .header-right .btn--outline-success.logout-btn,.home-container .home-actions .btn--outline-success.home-btn{cursor:pointer;color:#10b981;background-color:transparent;border:1px solid #10b981;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--outline-success:disabled,.dashboard-actions .btn--outline-success.action-btn:disabled,.dashboard-header .header-content .header-right .btn--outline-success.logout-btn:disabled,.home-container .home-actions .btn--outline-success.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--outline-success:focus,.dashboard-actions .btn--outline-success.action-btn:focus,.dashboard-header .header-content .header-right .btn--outline-success.logout-btn:focus,.home-container .home-actions .btn--outline-success.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--outline-success:hover:not(:disabled),.dashboard-actions .btn--outline-success.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--outline-success.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--outline-success.home-btn:hover:not(:disabled){color:#fff;background-color:#10b981}.btn.btn--outline-danger,.dashboard-actions .btn--outline-danger.action-btn,.dashboard-header .header-content .header-right .btn--outline-danger.logout-btn,.home-container .home-actions .btn--outline-danger.home-btn{cursor:pointer;color:#ef4444;background-color:transparent;border:1px solid #ef4444;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.btn.btn--outline-danger:disabled,.dashboard-actions .btn--outline-danger.action-btn:disabled,.dashboard-header .header-content .header-right .btn--outline-danger.logout-btn:disabled,.home-container .home-actions .btn--outline-danger.home-btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn--outline-danger:focus,.dashboard-actions .btn--outline-danger.action-btn:focus,.dashboard-header .header-content .header-right .btn--outline-danger.logout-btn:focus,.home-container .home-actions .btn--outline-danger.home-btn:focus{outline-offset:2px;outline:2px solid #3b82f6}.btn.btn--outline-danger:hover:not(:disabled),.dashboard-actions .btn--outline-danger.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .btn--outline-danger.logout-btn:hover:not(:disabled),.home-container .home-actions .btn--outline-danger.home-btn:hover:not(:disabled){color:#fff;background-color:#ef4444}.btn.btn--link,.dashboard-actions .btn--link.action-btn,.dashboard-header .header-content .header-right .btn--link.logout-btn,.home-container .home-actions .btn--link.home-btn{color:#3b82f6;transition:all .3s ease-in-out ease;background:0 0;border:none;padding:.25rem .5rem;text-decoration:none}.btn.btn--link:hover,.dashboard-actions .btn--link.action-btn:hover,.dashboard-header .header-content .header-right .btn--link.logout-btn:hover,.home-container .home-actions .btn--link.home-btn:hover{color:#2563eb;background:0 0;text-decoration:underline}.btn.btn--link.btn--danger,.dashboard-actions .btn--link.btn--danger.action-btn,.dashboard-header .header-content .header-right .btn--link.btn--danger.logout-btn,.home-container .home-actions .btn--link.btn--danger.home-btn{color:#ef4444}.btn.btn--link.btn--danger:hover,.dashboard-actions .btn--link.btn--danger.action-btn:hover,.dashboard-header .header-content .header-right .btn--link.btn--danger.logout-btn:hover,.home-container .home-actions .btn--link.btn--danger.home-btn:hover{color:#eb1515}.btn.btn--ghost,.dashboard-actions .btn--ghost.action-btn,.dashboard-header .header-content .header-right .btn.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .logout-btn.action-btn,.dashboard-actions .dashboard-header .header-content .header-right .logout-btn.action-btn,.dashboard-header .header-content .header-right .btn--ghost.logout-btn,.dashboard-header .header-content .header-right .logout-btn,.home-container .home-actions .btn--ghost.home-btn,.home-container .home-actions .dashboard-header .header-content .header-right .home-btn.logout-btn,.dashboard-header .header-content .header-right .home-container .home-actions .home-btn.logout-btn{color:var(--color-text-secondary);background-color:transparent;border:none}.btn.btn--ghost:hover:not(:disabled),.dashboard-actions .btn--ghost.action-btn:hover:not(:disabled),.dashboard-header .header-content .header-right .logout-btn:hover:not(:disabled),.home-container .home-actions .btn--ghost.home-btn:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn.btn--full,.dashboard-actions .btn--full.action-btn,.dashboard-header .header-content .header-right .btn--full.logout-btn,.home-container .home-actions .home-btn{width:100%}.btn.btn--loading,.dashboard-actions .btn--loading.action-btn,.dashboard-header .header-content .header-right .btn--loading.logout-btn,.home-container .home-actions .btn--loading.home-btn{color:transparent;position:relative}.btn.btn--loading:after,.dashboard-actions .btn--loading.action-btn:after,.dashboard-header .header-content .header-right .btn--loading.logout-btn:after,.home-container .home-actions .btn--loading.home-btn:after{content:"";border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.btn.btn--icon,.dashboard-actions .btn--icon.action-btn,.dashboard-header .header-content .header-right .btn--icon.logout-btn,.home-container .home-actions .btn--icon.home-btn{aspect-ratio:1;width:auto;padding:.5rem}.btn.btn--icon.btn--sm,.dashboard-actions .btn--icon.btn--sm.action-btn,.dashboard-header .header-content .header-right .btn--icon.btn--sm.logout-btn,.home-container .home-actions .btn--icon.btn--sm.home-btn{padding:.25rem}.btn.btn--icon.btn--lg,.dashboard-actions .btn--icon.action-btn,.dashboard-header .header-content .header-right .btn--icon.btn--lg.logout-btn,.dashboard-header .header-content .header-right .dashboard-actions .btn--icon.logout-btn.action-btn,.dashboard-actions .dashboard-header .header-content .header-right .btn--icon.logout-btn.action-btn,.home-container .home-actions .btn--icon.home-btn{padding:.75rem}.btn-group{display:inline-flex}.btn-group .btn,.btn-group .dashboard-actions .action-btn,.dashboard-actions .btn-group .action-btn,.btn-group .dashboard-header .header-content .header-right .logout-btn,.dashboard-header .header-content .header-right .btn-group .logout-btn,.btn-group .home-container .home-actions .home-btn,.home-container .home-actions .btn-group .home-btn{border-right:none;border-radius:0}.btn-group .btn:first-child,.btn-group .dashboard-actions .action-btn:first-child,.dashboard-actions .btn-group .action-btn:first-child,.btn-group .dashboard-header .header-content .header-right .logout-btn:first-child,.dashboard-header .header-content .header-right .btn-group .logout-btn:first-child,.btn-group .home-container .home-actions .home-btn:first-child,.home-container .home-actions .btn-group .home-btn:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.btn-group .btn:last-child,.btn-group .dashboard-actions .action-btn:last-child,.dashboard-actions .btn-group .action-btn:last-child,.btn-group .dashboard-header .header-content .header-right .logout-btn:last-child,.dashboard-header .header-content .header-right .btn-group .logout-btn:last-child,.btn-group .home-container .home-actions .home-btn:last-child,.home-container .home-actions .btn-group .home-btn:last-child{border-right:1px solid;border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.btn-group .btn:focus,.btn-group .dashboard-actions .action-btn:focus,.dashboard-actions .btn-group .action-btn:focus,.btn-group .dashboard-header .header-content .header-right .logout-btn:focus,.dashboard-header .header-content .header-right .btn-group .logout-btn:focus,.btn-group .home-container .home-actions .home-btn:focus,.home-container .home-actions .btn-group .home-btn:focus{z-index:1;position:relative}.card,.client-dashboard .client-projects .project-card,.stat-card,.home-features .feature-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;transition:box-shadow .15s ease-in-out,transform .15s ease-in-out;overflow:hidden}.card.card--hover,.client-dashboard .client-projects .card.project-card,.client-dashboard .client-projects .card--hover.project-card,.client-dashboard .client-projects .project-card,.card--hover.stat-card,.client-dashboard .client-projects .stat-card.project-card,.home-features .card--hover.feature-card,.home-features .client-dashboard .client-projects .feature-card.project-card,.client-dashboard .client-projects .home-features .feature-card.project-card{transition:transform .15s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.card.card--hover:hover,.client-dashboard .client-projects .project-card:hover,.card--hover.stat-card:hover,.home-features .card--hover.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.card.card--clickable,.client-dashboard .client-projects .card--clickable.project-card,.card--clickable.stat-card,.home-features .card--clickable.feature-card{cursor:pointer}.card.card--clickable:hover,.client-dashboard .client-projects .card--clickable.project-card:hover,.card--clickable.stat-card:hover,.home-features .card--clickable.feature-card:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.card .card-header,.client-dashboard .client-projects .project-card .card-header,.client-dashboard .client-projects .project-card .project-header,.stat-card .card-header,.home-features .feature-card .card-header{border-bottom:1px solid var(--color-border);background-color:rgba(var(--color-bg-primary),.5);padding:1rem 1.5rem}.card .card-header .card-title,.client-dashboard .client-projects .project-card .card-header .card-title,.client-dashboard .client-projects .project-card .project-header .card-title,.client-dashboard .client-projects .project-card .project-header .project-name,.stat-card .card-header .card-title,.home-features .feature-card .card-header .card-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.card .card-header .card-subtitle,.client-dashboard .client-projects .project-card .card-header .card-subtitle,.client-dashboard .client-projects .project-card .project-header .card-subtitle,.client-dashboard .client-projects .project-card .project-header .project-client,.stat-card .card-header .card-subtitle,.home-features .feature-card .card-header .card-subtitle{color:var(--color-text-secondary);margin:.25rem 0 0;font-size:.875rem}.card .card-body,.client-dashboard .client-projects .project-card .card-body,.client-dashboard .client-projects .project-card .project-stats,.stat-card .card-body,.stat-card .stat-value,.stat-card .stat-header,.home-features .feature-card .card-body{padding:1.5rem}.card .card-footer,.client-dashboard .client-projects .project-card .card-footer,.stat-card .card-footer,.home-features .feature-card .card-footer{border-top:1px solid var(--color-border);background-color:rgba(var(--color-bg-primary),.5);padding:1rem 1.5rem}.card.card--primary,.client-dashboard .client-projects .card--primary.project-card,.card--primary.stat-card,.home-features .card--primary.feature-card{border-color:#3b82f6}.card.card--primary .card-header,.card.card--primary .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card.card--primary .project-header,.client-dashboard .client-projects .card--primary.project-card .card-header,.client-dashboard .client-projects .card--primary.project-card .project-header,.card--primary.stat-card .card-header,.card--primary.stat-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card--primary.stat-card .project-header,.home-features .card--primary.feature-card .card-header,.home-features .card--primary.feature-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .home-features .card--primary.feature-card .project-header{background-color:rgba(59,130,246,.1);border-bottom-color:#3b82f6}.card.card--success,.client-dashboard .client-projects .card--success.project-card,.card--success.stat-card,.home-features .card--success.feature-card{border-color:#10b981}.card.card--success .card-header,.card.card--success .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card.card--success .project-header,.client-dashboard .client-projects .card--success.project-card .card-header,.client-dashboard .client-projects .card--success.project-card .project-header,.card--success.stat-card .card-header,.card--success.stat-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card--success.stat-card .project-header,.home-features .card--success.feature-card .card-header,.home-features .card--success.feature-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .home-features .card--success.feature-card .project-header{background-color:rgba(16,185,129,.1);border-bottom-color:#10b981}.card.card--warning,.client-dashboard .client-projects .card--warning.project-card,.card--warning.stat-card,.home-features .card--warning.feature-card{border-color:#f59e0b}.card.card--warning .card-header,.card.card--warning .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card.card--warning .project-header,.client-dashboard .client-projects .card--warning.project-card .card-header,.client-dashboard .client-projects .card--warning.project-card .project-header,.card--warning.stat-card .card-header,.card--warning.stat-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card--warning.stat-card .project-header,.home-features .card--warning.feature-card .card-header,.home-features .card--warning.feature-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .home-features .card--warning.feature-card .project-header{background-color:rgba(245,158,11,.1);border-bottom-color:#f59e0b}.card.card--danger,.client-dashboard .client-projects .card--danger.project-card,.card--danger.stat-card,.home-features .card--danger.feature-card{border-color:#ef4444}.card.card--danger .card-header,.card.card--danger .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card.card--danger .project-header,.client-dashboard .client-projects .card--danger.project-card .card-header,.client-dashboard .client-projects .card--danger.project-card .project-header,.card--danger.stat-card .card-header,.card--danger.stat-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .card--danger.stat-card .project-header,.home-features .card--danger.feature-card .card-header,.home-features .card--danger.feature-card .client-dashboard .client-projects .project-card .project-header,.client-dashboard .client-projects .project-card .home-features .card--danger.feature-card .project-header{background-color:rgba(239,68,68,.1);border-bottom-color:#ef4444}.badge,.dashboard-header .header-content .header-right .user-info .user-role{text-transform:uppercase;letter-spacing:.025em;border-radius:.375rem;align-items:center;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.badge.badge--sm,.dashboard-header .header-content .header-right .user-info .badge--sm.user-role{padding:2px .25rem;font-size:10px}.badge.badge--lg,.dashboard-header .header-content .header-right .user-info .badge--lg.user-role{padding:.5rem .75rem;font-size:.875rem}.badge.badge--primary,.dashboard-header .header-content .header-right .user-info .badge--primary.user-role{color:#3b82f6;background-color:rgba(59,130,246,.1);border:1px solid rgba(59,130,246,.2)}.badge.badge--success,.dashboard-header .header-content .header-right .user-info .badge--success.user-role{color:#10b981;background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.badge.badge--warning,.dashboard-header .header-content .header-right .user-info .badge--warning.user-role{color:#f59e0b;background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.badge.badge--danger,.dashboard-header .header-content .header-right .user-info .badge--danger.user-role{color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.badge.badge--info,.dashboard-header .header-content .header-right .user-info .badge--info.user-role{color:#8b5cf6;background-color:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.badge.badge--secondary,.dashboard-header .header-content .header-right .user-info .badge--secondary.user-role{color:#6b7280;background-color:rgba(107,114,128,.1);border:1px solid rgba(107,114,128,.2)}.badge.badge--priority-low,.dashboard-header .header-content .header-right .user-info .badge--priority-low.user-role{color:#10b981;background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.badge.badge--priority-medium,.dashboard-header .header-content .header-right .user-info .badge--priority-medium.user-role{color:#f59e0b;background-color:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.badge.badge--priority-high,.dashboard-header .header-content .header-right .user-info .badge--priority-high.user-role{color:#f97316;background-color:rgba(249,115,22,.1);border:1px solid rgba(249,115,22,.2)}.badge.badge--priority-urgent,.dashboard-header .header-content .header-right .user-info .badge--priority-urgent.user-role,.badge.badge--role-admin,.dashboard-header .header-content .header-right .user-info .badge--role-admin.user-role,.dashboard-header .header-content .header-right .user-info .user-role.role-admin{color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2)}.badge.badge--role-client,.dashboard-header .header-content .header-right .user-info .badge--role-client.user-role,.dashboard-header .header-content .header-right .user-info .user-role.role-client{color:#10b981;background-color:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2)}.alert{border:1px solid;border-radius:.5rem;margin-bottom:1rem;padding:1rem}.alert .alert-title{margin-bottom:.5rem;font-weight:600}.alert .alert-description{opacity:.9;margin:0}.alert.alert--primary{color:#3b82f6;background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.alert.alert--success{color:#10b981;background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.alert.alert--warning{color:#f59e0b;background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.alert.alert--danger{color:#ef4444;background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.alert.alert--info{color:#8b5cf6;background-color:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.progress,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress{background-color:var(--color-bg-secondary);border-radius:.375rem;width:100%;height:8px;overflow:hidden}.progress .progress-bar,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress .progress-bar{background-color:#3b82f6;border-radius:.375rem;height:100%;transition:width .3s}.progress .progress-bar.progress-bar--success,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress .progress-bar.progress-bar--success{background-color:#10b981}.progress .progress-bar.progress-bar--warning,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress .progress-bar.progress-bar--warning{background-color:#f59e0b}.progress .progress-bar.progress-bar--danger,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress .progress-bar.progress-bar--danger{background-color:#ef4444}.progress.progress--sm,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress--sm.progress{height:4px}.progress.progress--lg,.client-dashboard .client-projects .project-card .project-stats .project-progress .progress--lg.progress{height:12px}.avatar{background-color:var(--color-bg-secondary);width:40px;height:40px;color:var(--color-text-primary);border-radius:50%;justify-content:center;align-items:center;font-weight:500;display:inline-flex;position:relative;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar.avatar--sm{width:32px;height:32px;font-size:.875rem}.avatar.avatar--lg{width:56px;height:56px;font-size:1.125rem}.avatar.avatar--xl{width:80px;height:80px;font-size:1.5rem}.avatar.avatar--status:after{content:"";border:2px solid var(--color-bg-primary);background-color:#10b981;border-radius:50%;width:12px;height:12px;position:absolute;bottom:0;right:0}.avatar.avatar--status-offline:after{background-color:#6b7280}.avatar.avatar--status-busy:after{background-color:#ef4444}.avatar.avatar--status-away:after{background-color:#f59e0b}.tooltip{display:inline-block;position:relative}.tooltip .tooltip-content{visibility:hidden;opacity:0;background-color:var(--color-bg-primary);color:var(--color-text-primary);white-space:nowrap;z-index:1100;border:1px solid var(--color-border);border-radius:.375rem;padding:.5rem .75rem;font-size:.75rem;transition:opacity .15s ease-in-out,visibility .15s ease-in-out;position:absolute;bottom:125%;left:50%;transform:translate(-50%);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.tooltip .tooltip-content:after{content:"";border-style:solid;border-width:5px;border-color:var(--color-border)transparent transparent transparent;margin-left:-5px;position:absolute;top:100%;left:50%}.tooltip:hover .tooltip-content{visibility:visible;opacity:1}.divider{background-color:var(--color-border);border:none;height:1px;margin:1.5rem 0}.divider.divider--vertical{width:1px;height:auto;min-height:20px;margin:0 1rem}.divider.divider--text{text-align:center;margin:2rem 0;position:relative}.divider.divider--text:before{content:"";background-color:var(--color-border);height:1px;position:absolute;top:50%;left:0;right:0}.divider.divider--text span{background-color:var(--color-bg-primary);color:var(--color-text-secondary);z-index:1;padding:0 1rem;font-size:.875rem;position:relative}.home-page{background-color:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.home-container{text-align:center;width:100%;max-width:28rem}.home-container .home-header{margin-bottom:2rem}.home-container .home-header .home-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:2.25rem;font-weight:700}@media (max-width:639px){.home-container .home-header .home-title{font-size:1.875rem}}.home-container .home-header .home-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem;line-height:1.75}.home-container .home-actions{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.home-container .home-actions .home-btn{padding:.75rem 1.5rem;font-weight:500;transition:all .15s ease-in-out}.home-container .home-actions .home-btn.home-btn--primary:hover{transition:transform .15s ease-in-out}.home-container .home-actions .home-btn.home-btn--primary:hover:hover{transform:translateY(-2px)}.home-container .home-actions .home-btn.home-btn--secondary:hover{transition:transform .15s ease-in-out}.home-container .home-actions .home-btn.home-btn--secondary:hover:hover{transform:translateY(-2px)}.home-container .home-demo{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:.5rem;padding:1rem}.home-container .home-demo .demo-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.home-container .home-demo .demo-accounts{color:var(--color-text-secondary);font-size:.75rem;line-height:1.75}.home-container .home-demo .demo-accounts p{margin:.25rem 0}.home-container .home-demo .demo-accounts p strong{color:var(--color-text-primary);font-weight:600}.home-loading{background-color:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;display:flex}.home-loading .loading-content{text-align:center}.home-loading .loading-content .loading-spinner{margin-bottom:1rem}.home-loading .loading-content .loading-spinner:after{border-width:3px;width:24px;height:24px}.home-loading .loading-content .loading-text{color:var(--color-text-primary);font-size:1.125rem}.home-features{margin-top:3rem}.home-features .features-title{color:var(--color-text-primary);text-align:center;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600}.home-features .features-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.home-features .features-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.home-features .features-grid{grid-template-columns:repeat(3,1fr)}}.home-features .feature-card{text-align:center;padding:1.5rem}.home-features .feature-card .feature-icon{color:#3b82f6;background-color:rgba(59,130,246,.1);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;margin:0 auto 1rem;font-size:1.25rem;display:flex}.home-features .feature-card .feature-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.home-features .feature-card .feature-description{color:var(--color-text-secondary);font-size:.875rem;line-height:1.75}@media (max-width:639px){.home-container{max-width:100%;padding:0 .5rem}.home-container .home-actions .home-btn{padding:.75rem 1rem;font-size:1rem}}.auth-page{background-color:var(--color-bg-primary);justify-content:center;align-items:center;min-height:100vh;padding:3rem 1rem;display:flex}@media (min-width:640px){.auth-page{padding:3rem 1.5rem}}@media (min-width:1024px){.auth-page{padding:3rem 2rem}}.auth-container{text-align:center;width:100%;max-width:28rem}.auth-container .auth-header{margin-bottom:2rem}.auth-container .auth-header .auth-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.auth-container .auth-header .auth-subtitle{color:var(--color-text-secondary);font-size:.875rem}.auth-form{text-align:left;margin-bottom:2rem}.auth-form .form-group{margin-bottom:1rem}.auth-form .form-group .form-label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:block}.auth-form .form-group .form-input,.auth-form .form-group .form-textarea,.auth-form .form-group .form-select,.auth-form .form-group .client-dashboard .client-projects .projects-header .projects-filter,.client-dashboard .client-projects .projects-header .auth-form .form-group .projects-filter{border:1px solid var(--color-border);background-color:var(--color-bg-secondary);width:100%;color:var(--color-text-primary);border-radius:.375rem;padding:.75rem;font-size:1rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.auth-form .form-group .form-input::placeholder,.auth-form .form-group .form-textarea::placeholder,.auth-form .form-group .form-select::placeholder,.auth-form .form-group .client-dashboard .client-projects .projects-header .projects-filter::placeholder,.client-dashboard .client-projects .projects-header .auth-form .form-group .projects-filter::placeholder{color:var(--color-text-muted)}.auth-form .form-group .form-input:focus,.auth-form .form-group .form-textarea:focus,.auth-form .form-group .form-select:focus,.auth-form .form-group .client-dashboard .client-projects .projects-header .projects-filter:focus,.client-dashboard .client-projects .projects-header .auth-form .form-group .projects-filter:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.auth-form .form-group .form-select,.auth-form .form-group .client-dashboard .client-projects .projects-header .projects-filter,.client-dashboard .client-projects .projects-header .auth-form .form-group .projects-filter{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:16px 12px;padding-right:2.5rem}.auth-form .form-group .form-select:focus,.auth-form .form-group .client-dashboard .client-projects .projects-header .projects-filter:focus,.client-dashboard .client-projects .projects-header .auth-form .form-group .projects-filter:focus{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%233b82f6' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e")}.auth-form .auth-error{color:#ef4444;background-color:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.375rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.875rem}.auth-form .auth-submit{cursor:pointer;color:#fff;background-color:#3b82f6;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s ease-in-out;display:inline-flex}.auth-form .auth-submit:focus{outline-offset:2px;outline:2px solid #3b82f6}.auth-form .auth-submit:hover:not(:disabled){background-color:#2563eb}.auth-form .auth-submit:disabled{opacity:.5;cursor:not-allowed}.auth-links{text-align:center;margin-bottom:2rem}.auth-links p{color:var(--color-text-secondary);margin:0;font-size:.875rem}.auth-links p a{color:#3b82f6;text-decoration:none}.auth-links p a:hover{color:#2563eb;text-decoration:underline}.auth-demo{background-color:var(--color-bg-secondary);border-radius:.5rem;padding:1rem}.auth-demo .demo-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:500}.auth-demo .demo-accounts{color:var(--color-text-secondary);font-size:.75rem}.auth-demo .demo-accounts p{margin:.25rem 0}.auth-demo .demo-accounts p strong{color:var(--color-text-primary)}.auth-form--loading{pointer-events:none;opacity:.6}.auth-form--loading .auth-submit{color:transparent;position:relative}.auth-form--loading .auth-submit:after{content:"";border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (max-width:639px){.auth-container{padding:0 .5rem}.auth-container .auth-title{font-size:1.5rem}}.dashboard-page{background-color:var(--color-bg-primary);flex-direction:column;min-height:100vh;display:flex}.header-subtitle{margin-top:.5rem}.header-subtitle p{color:var(--color-text-secondary);margin:0}.breadcrumb{align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.breadcrumb .breadcrumb-item{color:var(--color-text-secondary);font-size:.875rem;text-decoration:none}.breadcrumb .breadcrumb-item:hover{color:#3b82f6}.breadcrumb .breadcrumb-item--current{color:var(--color-text-primary);font-weight:500}.breadcrumb .breadcrumb-separator{color:var(--color-text-secondary)}.dashboard-header{background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);padding:0 4%}.dashboard-header .header-container{margin:0 auto;padding:0}.dashboard-header .header-content{justify-content:space-between;align-items:center;height:4rem;display:flex}.dashboard-header .header-content .header-left{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.dashboard-header .header-content .header-left .header-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.dashboard-header .header-content .header-right{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.dashboard-header .header-content .header-right .user-info{justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.dashboard-header .header-content .header-right .user-info .user-name{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.dashboard-header .header-content .header-right .logout-btn{padding:.5rem .75rem;font-size:.875rem}.user-menu{display:inline-block;position:relative}.user-menu .user-menu-trigger{border:1px solid var(--color-border);cursor:pointer;background:0 0;border-radius:.375rem;align-items:center;gap:.75rem;padding:.5rem .75rem;transition:all .3s ease-in-out;display:flex}.user-menu .user-menu-trigger:hover{background-color:var(--color-bg-primary);border-color:#3b82f6}.user-menu .user-menu-trigger .user-avatar{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.user-menu .user-menu-trigger .user-info-compact{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.user-menu .user-menu-trigger .user-info-compact .user-name-compact{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:.875rem;font-weight:500;overflow:hidden}.user-menu .user-menu-trigger .user-info-compact .user-role-compact{border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:500}.user-menu .user-menu-trigger .user-info-compact .user-role-compact.role-admin{color:#ef4444;background-color:rgba(239,68,68,.1)}.user-menu .user-menu-trigger .user-info-compact .user-role-compact.role-client{color:#3b82f6;background-color:rgba(59,130,246,.1)}.user-menu .user-menu-trigger .chevron{color:var(--color-text-secondary);transition:transform .3s ease-in-out}.user-menu .user-menu-trigger .chevron--up{transform:rotate(180deg)}.user-menu .user-menu-dropdown{background:var(--color-bg-secondary);border:1px solid var(--color-border);z-index:1000;border-radius:.375rem;min-width:250px;margin-top:.5rem;position:absolute;top:100%;right:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.user-menu .user-menu-dropdown .user-menu-header{align-items:center;gap:.75rem;padding:1rem;display:flex}.user-menu .user-menu-dropdown .user-menu-header .user-avatar-large{color:#fff;background:#3b82f6;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.125rem;font-weight:600;display:flex}.user-menu .user-menu-dropdown .user-menu-header .user-details{flex:1;min-width:0}.user-menu .user-menu-dropdown .user-menu-header .user-details .user-name-full{color:var(--color-text-primary);margin-bottom:.25rem;font-weight:600}.user-menu .user-menu-dropdown .user-menu-header .user-details .user-email{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.875rem}.user-menu .user-menu-dropdown .user-menu-header .user-details .user-role-badge{border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500;display:inline-block}.user-menu .user-menu-dropdown .user-menu-header .user-details .user-role-badge.role-admin{color:#ef4444;background-color:rgba(239,68,68,.1)}.user-menu .user-menu-dropdown .user-menu-header .user-details .user-role-badge.role-client{color:#3b82f6;background-color:rgba(59,130,246,.1)}.user-menu .user-menu-dropdown .user-menu-divider{background:var(--color-border);height:1px;margin:0 1rem}.user-menu .user-menu-dropdown .user-menu-actions{padding:.5rem}.user-menu .user-menu-dropdown .user-menu-actions .user-menu-action{cursor:pointer;width:100%;color:var(--color-text-primary);background:0 0;border:none;border-radius:.25rem;align-items:center;gap:.75rem;padding:.75rem;font-size:.875rem;transition:background-color .3s ease-in-out;display:flex}.user-menu .user-menu-dropdown .user-menu-actions .user-menu-action:hover{background-color:var(--color-bg-primary)}.user-menu .user-menu-dropdown .user-menu-actions .user-menu-action svg{width:16px;height:16px;color:var(--color-text-secondary)}.drag-preview{pointer-events:none;z-index:1000;max-width:300px}.drag-preview .drag-preview-content{color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:rgba(0,0,0,.9);border:1px solid rgba(255,255,255,.1);border-radius:.5rem;flex-direction:row;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex;box-shadow:0 8px 24px rgba(0,0,0,.3)}.drag-preview .drag-preview-content .drag-preview-icon{color:rgba(255,255,255,.6);font-size:14px;font-weight:700}.drag-preview .drag-preview-content .drag-preview-title{white-space:nowrap;text-overflow:ellipsis;max-width:250px;font-weight:500;overflow:hidden}.insertion-indicator{height:4px!important}.insertion-indicator .insertion-indicator-cell{border:none!important;padding:0!important}.insertion-indicator .insertion-indicator-cell .insertion-indicator-line{background:#3b82f6;border-radius:2px;height:3px;margin:0 1rem;animation:.6s ease-in-out infinite alternate pulse;box-shadow:0 1px 3px rgba(59,130,246,.4)}.task-table-row--ghost{opacity:.4;background:rgba(59,130,246,.1);border:2px dashed #3b82f6;border-radius:.25rem;animation:1s ease-in-out infinite alternate ghost-pulse}.task-table-row--ghost .task-row-handle--ghost,.task-table-row--ghost .task-checkbox--ghost,.task-table-row--ghost .task-title--ghost,.task-table-row--ghost .priority-badge--ghost,.task-table-row--ghost .task-stats--ghost,.task-table-row--ghost .task-actions--ghost,.task-table-row--ghost .btn-icon--ghost{opacity:.6;pointer-events:none}.task-table-row--ghost .task-title--ghost{color:#3b82f6;font-style:italic}.task-table-row--ghost .priority-badge--ghost{color:#3b82f6;background:rgba(59,130,246,.2);border:1px dashed #3b82f6}@keyframes ghost-pulse{0%{opacity:.3}to{opacity:.5}}.task-controls{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 4%;display:flex}.task-controls .task-controls-left,.task-controls .task-controls-right{flex:1}.task-controls .task-controls-center{flex:none}.task-controls .task-controls-right{justify-content:flex-end;gap:.25rem;display:flex}.task-controls .connection-status .status-indicator{border-radius:.25rem;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.task-controls .connection-status .status-indicator.connected{color:#10b981;background-color:rgba(16,185,129,.1)}.task-controls .connection-status .status-indicator.disconnected{color:#ef4444;background-color:rgba(239,68,68,.1)}.task-controls .view-toggle{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:.375rem;display:flex;overflow:hidden}.task-controls .view-toggle .view-toggle-btn{cursor:pointer;color:var(--color-text-secondary);background:0 0;border:none;padding:.5rem 1rem;font-weight:500;transition:all .3s ease-in-out}.task-controls .view-toggle .view-toggle-btn:hover{color:var(--color-text-primary);background-color:rgba(59,130,246,.05)}.task-controls .view-toggle .view-toggle-btn--active,.task-controls .view-toggle .view-toggle-btn--active:hover{color:#fff;background:#3b82f6}.dashboard-main{flex:1;width:100%;max-width:1280px;margin:0 auto;padding:1.5rem 1rem}@media (min-width:768px){.dashboard-main{padding:1.5rem}}@media (min-width:1024px){.dashboard-main{padding:2rem}}.dashboard-content .content-header{text-align:center;margin-bottom:2rem}.dashboard-content .content-header .content-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.875rem;font-weight:700}.dashboard-content .content-header .content-subtitle{color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.stats-grid{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem;display:grid}@media (min-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.stats-grid{grid-template-columns:repeat(3,1fr)}.stats-grid.stats-grid--four-cols{grid-template-columns:repeat(4,1fr)}}.stat-card{text-align:left}.stat-card .stat-header{padding-bottom:0}.stat-card .stat-header .stat-title{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:500}.stat-card .stat-header .stat-description{color:var(--color-text-secondary);margin:0;font-size:.875rem}.stat-card .stat-value{padding-top:1rem}.stat-card .stat-value .stat-number{margin:0;font-size:1.5rem;font-weight:700}.stat-card .stat-value .stat-number.stat-number--primary{color:#3b82f6}.stat-card .stat-value .stat-number.stat-number--success{color:#10b981}.stat-card .stat-value .stat-number.stat-number--warning{color:#f59e0b}.stat-card .stat-value .stat-number.stat-number--danger{color:#ef4444}.stat-card .stat-value .stat-number.stat-number--info{color:#8b5cf6}.projects-section{margin-top:2rem}.dashboard-actions{text-align:center;margin-top:3rem}.dashboard-actions .actions-title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.25rem;font-weight:500}.dashboard-actions .actions-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.dashboard-actions .actions-grid{grid-template-columns:repeat(3,1fr)}}.dashboard-actions .action-btn{padding:.75rem 1.5rem;font-weight:500}.dashboard-welcome{text-align:center;padding:4rem 1rem}.dashboard-welcome .welcome-icon{background-color:var(--color-bg-secondary);width:80px;height:80px;color:var(--color-text-secondary);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.5rem;font-size:1.875rem;display:flex}.dashboard-welcome .welcome-title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.5rem;font-weight:700}.dashboard-welcome .welcome-description{color:var(--color-text-secondary);max-width:500px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1rem}.dashboard-welcome .welcome-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.admin-dashboard .header-title:before{content:"⚡ ";margin-right:.5rem}.admin-dashboard .admin-stats .stat-card:hover{transition:box-shadow .15s ease-in-out;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.admin-dashboard .admin-stats .stat-card:hover:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.client-dashboard .header-title:before{content:"👤 ";margin-right:.5rem}.client-dashboard .client-projects{margin-top:2rem}.client-dashboard .client-projects .projects-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.client-dashboard .client-projects .projects-header .projects-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.client-dashboard .client-projects .projects-header .projects-filter{width:auto;min-width:150px}.client-dashboard .client-projects .projects-grid{grid-template-columns:1fr;gap:1rem;display:grid}@media (min-width:768px){.client-dashboard .client-projects .projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.client-dashboard .client-projects .projects-grid{grid-template-columns:repeat(3,1fr)}}.client-dashboard .client-projects .project-card{cursor:pointer}.client-dashboard .client-projects .project-card .project-header .project-name{font-size:1rem}.client-dashboard .client-projects .project-card .project-stats{padding:1rem}.client-dashboard .client-projects .project-card .project-stats .project-progress{margin-bottom:.75rem}.client-dashboard .client-projects .project-card .project-stats .project-progress .progress-label{color:var(--color-text-secondary);justify-content:space-between;align-items:center;margin-bottom:.25rem;font-size:.75rem;display:flex}.client-dashboard .client-projects .project-card .project-stats .project-meta{color:var(--color-text-secondary);justify-content:space-between;align-items:center;font-size:.75rem;display:flex}.client-dashboard .client-projects .project-card .project-stats .project-meta .project-tasks{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.client-dashboard .client-projects .project-card .project-stats .project-meta .project-due{font-weight:500}.client-dashboard .client-projects .project-card .project-stats .project-meta .project-due.due-soon{color:#f59e0b}.client-dashboard .client-projects .project-card .project-stats .project-meta .project-due.overdue{color:#ef4444}@media (max-width:639px){.dashboard-header .header-content{flex-direction:column;align-items:stretch;gap:.75rem;height:auto;padding:1rem 0}.dashboard-header .header-content .header-left,.dashboard-header .header-content .header-right{justify-content:center}.dashboard-actions .actions-grid{gap:.75rem}.dashboard-actions .actions-grid .action-btn{padding:.75rem 1rem;font-size:1rem}}.header-nav{justify-content:flex-start;align-items:center;gap:0;margin-top:.5rem;display:flex}.nav-link{color:var(--color-text-secondary);transition:all .3s ease-in-out ease;border:1px solid transparent;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none}.nav-link:hover{color:#3b82f6;background-color:rgba(59,130,246,.1);text-decoration:none}.nav-link--active{color:#3b82f6;background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.clients-list{flex-direction:column;gap:1rem;display:flex}.client-list-item{background:var(--color-bg-secondary);transition:all .3s ease-in-out ease;border:1px solid rgba(107,114,128,.2);border-radius:.375rem;overflow:hidden}.client-list-item:hover{border-color:rgba(59,130,246,.3);box-shadow:0 4px 12px rgba(59,130,246,.1)}.client-list-main{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.client-list-info{flex:1}.client-list-name{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1.125rem;font-weight:600}.client-list-email{color:var(--color-text-secondary);margin:0;font-size:.875rem}.client-list-actions{align-items:center;gap:.75rem;display:flex}.client-list-details{background:rgba(var(--color-bg-primary),.5);border-top:1px solid rgba(107,114,128,.2);padding:1.5rem}.client-details-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;display:grid}.client-detail-section h4.client-detail-title{color:#3b82f6;border-bottom:1px solid rgba(59,130,246,.2);margin:0 0 1rem;padding-bottom:.5rem;font-size:1rem;font-weight:600}.client-detail-item{flex-direction:column;gap:.25rem;margin-bottom:1rem;display:flex}.client-detail-item label{color:var(--color-text-secondary);font-size:.875rem;font-weight:500}.client-detail-item span{color:var(--color-text-primary)}.assigned-users-list{flex-direction:column;gap:.75rem;display:flex}.assigned-user-item{background:rgba(107,114,128,.1);border-radius:.25rem;flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.assigned-user-item .user-name{color:var(--color-text-primary);font-weight:500}.assigned-user-item .user-email{color:var(--color-text-secondary);font-size:.875rem}.assigned-user-item .user-role{border-radius:.25rem;width:-moz-fit-content;width:fit-content;padding:.125rem .375rem;font-size:.75rem;font-weight:700}.assigned-user-item .user-role.role-client{color:#8b5cf6;background:rgba(139,92,246,.2)}.modal-overlay{background:rgba(var(--color-bg-primary),.9);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal-container{background:var(--color-bg-secondary);border:1px solid rgba(107,114,128,.2);border-radius:.5rem;flex-direction:column;width:100%;max-width:800px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 20px 40px rgba(107,114,128,.3)}.modal-container .modal-actions{margin-top:1rem}.modal-header{border-bottom:1px solid rgba(107,114,128,.2);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-title{color:var(--color-text-primary);margin:0;font-size:1.25rem;font-weight:600}.modal-close{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;padding:.5rem;font-size:1.5rem}.modal-close:hover{color:var(--color-text-primary);background:rgba(107,114,128,.1)}.modal-body{flex:1;padding:1.5rem;overflow-y:auto}.user-search-section{border-bottom:1px solid rgba(107,114,128,.2);margin-bottom:2rem;padding-bottom:1rem}.user-section{margin-bottom:2rem}.user-section:last-child{margin-bottom:0}.user-section-title{color:#3b82f6;margin:0 0 1rem;font-size:1.125rem;font-weight:600}.user-list{flex-direction:column;gap:.75rem;display:flex}.user-list--scrollable{max-height:300px;padding-right:.5rem;overflow-y:auto}.user-list--scrollable::-webkit-scrollbar{width:6px}.user-list--scrollable::-webkit-scrollbar-track{background:rgba(107,114,128,.1);border-radius:3px}.user-list--scrollable::-webkit-scrollbar-thumb{background:rgba(59,130,246,.3);border-radius:3px}.user-list--scrollable::-webkit-scrollbar-thumb:hover{background:rgba(59,130,246,.5)}.user-list-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.05);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;justify-content:space-between;align-items:center;padding:1rem;display:flex}.user-list-item:hover{background:rgba(59,130,246,.05);border-color:rgba(59,130,246,.2)}.user-list-item--assigned{background:rgba(16,185,129,.05);border-color:rgba(16,185,129,.2)}.user-info{flex-direction:column;flex:1;gap:.25rem;display:flex}.user-info .user-name{color:var(--color-text-primary);font-weight:500}.user-info .user-email{color:var(--color-text-secondary);font-size:.875rem}.user-info .user-role{border-radius:.25rem;width:-moz-fit-content;width:fit-content;padding:.125rem .375rem;font-size:.75rem;font-weight:700}.user-info .user-role.role-client{color:#8b5cf6;background:rgba(139,92,246,.2)}.user-info .user-role.role-admin{color:#f59e0b;background:rgba(245,158,11,.2)}.loading-spinner--sm{width:1rem;height:1rem;margin:.5rem 0}.projects-grouped-list{flex-direction:column;gap:2rem;display:flex}.client-projects-group{background:var(--color-bg-secondary);border:1px solid rgba(107,114,128,.2);border-radius:.5rem;overflow:hidden}.client-group-header{background:rgba(59,130,246,.05);border-bottom:1px solid rgba(107,114,128,.2);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.client-group-title{color:#3b82f6;margin:0;font-size:1.25rem;font-weight:600}.client-group-count{color:var(--color-text-secondary);background:rgba(107,114,128,.1);border-radius:.25rem;padding:.25rem .75rem;font-size:.875rem;font-weight:500}.projects-list{flex-direction:column;display:flex}.project-list-item{transition:all .3s ease-in-out ease;border-bottom:1px solid rgba(107,114,128,.1)}.project-list-item:last-child{border-bottom:none}.project-list-item:hover{background:rgba(59,130,246,.02)}.project-list-main{justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.project-list-info{flex-direction:column;flex:1;gap:.5rem;display:flex}.project-list-name{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.project-list-description{color:var(--color-text-secondary);margin:0;font-size:.875rem;line-height:1.4}.project-list-meta{flex-wrap:wrap;gap:1rem;display:flex}.project-meta-item{color:var(--color-text-secondary);font-size:.75rem;font-weight:500}.project-list-actions{flex-shrink:0;align-items:center;gap:.75rem;display:flex}@media (max-width:639px){.client-group-header{flex-direction:column;align-items:flex-start;gap:.75rem}.project-list-main{flex-direction:column;align-items:stretch;gap:1rem}.project-list-actions{flex-wrap:wrap;justify-content:flex-end}.project-list-meta{flex-direction:column;gap:.25rem}}.task-board{background:var(--color-bg-primary);min-height:100vh}.task-board-loading{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;display:flex}.task-board-loading .loading-spinner{width:2rem;height:2rem}.task-board-header{background:var(--color-bg-secondary);border-bottom:1px solid rgba(107,114,128,.2);padding:1.5rem 0}.breadcrumb{justify-content:flex-start;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.875rem;display:flex}.breadcrumb-item{color:var(--color-text-secondary);transition:color .3s ease-in-out ease;text-decoration:none}.breadcrumb-item:hover{color:#3b82f6;text-decoration:none}.breadcrumb-item--current{color:var(--color-text-primary);font-weight:500}.breadcrumb-separator{color:var(--color-text-secondary)}.header-title-section{justify-content:flex-start;align-items:center;gap:1rem;display:flex}.task-type-indicator{display:flex}.task-type-badge{border-radius:.25rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.task-type-badge.task-type--dev{color:#8b5cf6;background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2)}.task-type-badge.task-type--feedback{color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}.view-toggle{background:rgba(107,114,128,.1);border-radius:.375rem;justify-content:flex-start;align-items:center;gap:0;padding:.25rem;display:flex}.view-toggle-btn{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500}.view-toggle-btn:hover{color:var(--color-text-primary);background:rgba(59,130,246,.1)}.view-toggle-btn--active,.view-toggle-btn--active:hover{color:#fff;background:#3b82f6}.task-board-content{min-height:calc(100vh - 200px);padding:2rem 4%}.checklist-view,.kanban-view{width:100%}.checklist-placeholder,.kanban-placeholder{min-height:400px;color:var(--color-text-secondary);border:2px dashed rgba(107,114,128,.3);border-radius:.5rem;flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.status--todo{color:var(--color-text-secondary);background:rgba(107,114,128,.1);border-color:rgba(107,114,128,.2)}.status--in-progress{color:#8b5cf6;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.status--blocked{color:#ef4444;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.status--waiting-client{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.status--in-testing{color:#8b5cf6;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2)}.status--complete,.priority--low{color:#10b981;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.priority--medium{color:#f59e0b;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.priority--high{color:#ff8c00;background:rgba(255,140,0,.1);border-color:rgba(255,140,0,.2)}.priority--urgent{color:#ef4444;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.task-sidebar{background:var(--color-bg-secondary);width:400px;max-width:100vw;height:100vh;overflow-y:auto;box-shadow:-4px 0 24px rgba(0,0,0,.1)}.task-sidebar-header{border-bottom:1px solid rgba(107,114,128,.2);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.task-sidebar-header h3{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.sidebar-close{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.5rem}.sidebar-close:hover{color:var(--color-text-primary)}.task-sidebar-content{padding:1.5rem}@media (max-width:639px){.task-board-header{padding:1rem 0}.header-content{flex-direction:column;align-items:stretch;gap:1rem}.header-title-section{flex-direction:column;align-items:flex-start;gap:.5rem}.task-board-content{padding:1rem}.task-sidebar{width:100vw}.view-toggle{flex:1}.view-toggle-btn{text-align:center;flex:1}}.kanban-view{width:100%}.checklist-table-view{width:100%;overflow-x:auto}.task-table-container{background:var(--color-bg-primary);border:1px solid rgba(107,114,128,.1);border-radius:.5rem;min-width:100%;overflow:hidden}.task-table{border-collapse:collapse;table-layout:fixed;width:100%}.task-table-head{background:rgba(107,114,128,.05);border-bottom:1px solid rgba(107,114,128,.1)}.task-table-header-row{border:none}.task-table-header{text-align:left;color:var(--color-text-secondary);border:none;padding:.75rem 1rem;font-size:.875rem;font-weight:600}.task-table-header--handle,.task-table-header--checkbox{text-align:center;width:40px}.task-table-header--status{width:120px}.task-table-header--title{width:auto;min-width:200px}.task-table-header--priority{width:100px}.task-table-header--stats{width:150px}.task-table-header--actions{text-align:center;width:100px}.task-table-section{border-bottom:2px solid rgba(107,114,128,.1)}.task-table-section:last-child{border-bottom:none}.task-table-section-header{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03)}.task-table-section-header .task-table-cell{border-bottom:1px solid rgba(107,114,128,.1);padding:.75rem 1rem}.task-table-section{transition:all .3s ease-in-out ease;position:relative}.task-table-section--drop-over .task-table-section-header{background:rgba(59,130,246,.08)}.status-section-header{flex-direction:row;align-items:center;gap:.5rem;display:flex}.status-section-header .status-badge{font-size:.875rem;font-weight:600}.status-section-header .task-count{color:var(--color-text-secondary);font-size:.875rem;font-weight:400}.task-table-row{transition:all .3s ease-in-out ease;border:none}.task-table-row:hover{background:rgba(59,130,246,.03)}.task-table-row--dragging{background:rgba(59,130,246,.1);transform:rotate(2deg);box-shadow:0 4px 12px rgba(59,130,246,.2)}.checklist-table-view .task-table-row--dragging{transform:rotate(0)}.task-table-row--completed{opacity:.6}.task-table-row--completed .task-title{color:var(--color-text-secondary);text-decoration:line-through}.task-table-row--quick-add{background:rgba(107,114,128,.02)}.task-table-row--quick-add.task-table-row--active{background:rgba(59,130,246,.05)}.task-table-row--quick-add:hover{background:rgba(107,114,128,.05)}.task-table-row--quick-add:hover.task-table-row--active{background:rgba(59,130,246,.08)}.task-table-cell{vertical-align:middle;border-bottom:1px solid rgba(107,114,128,.05);padding:.75rem 1rem}.task-table-cell--handle,.task-table-cell--checkbox{text-align:center;padding:.5rem}.task-table-cell--status,.task-table-cell--title,.task-table-cell--priority,.task-table-cell--stats{padding:.5rem 1rem}.task-table-cell--actions{text-align:center;padding:.5rem}.task-checkbox{background:var(--color-bg-primary);cursor:pointer;width:20px;height:20px;transition:all .3s ease-in-out ease;color:var(--color-bg-primary);border:2px solid rgba(107,114,128,.3);border-radius:.25rem;justify-content:center;align-items:center;display:flex}.task-checkbox:hover{background:rgba(59,130,246,.1);border-color:#3b82f6}.task-checkbox--checked{color:#fff;background:#10b981;border-color:#10b981}.task-checkbox--disabled{cursor:not-allowed;opacity:.5}.task-title-container{flex-direction:row;align-items:center;gap:.5rem;display:flex}.task-title-btn{cursor:pointer;text-align:left;background:0 0;border:none;flex-direction:row;align-items:center;gap:.5rem;width:100%;padding:0;display:flex}.task-title-btn:hover .task-title{color:#3b82f6}.task-title{color:var(--color-text-primary);transition:color .3s ease-in-out ease;font-weight:500}.task-title--completed{color:var(--color-text-secondary);text-decoration:line-through}.task-stats{flex-flow:wrap;gap:.75rem;display:flex}.task-stat{color:var(--color-text-secondary);white-space:nowrap;flex-direction:row;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.task-actions{flex-direction:row;justify-content:center;gap:.25rem;display:flex}.task-action-btn{cursor:pointer;width:32px;height:32px;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:flex}.task-action-btn:hover{transform:scale(1.1)}.task-action-btn--primary{color:#3b82f6}.task-action-btn--danger{color:#ef4444}.task-action-btn--success{color:#10b981}.task-action-btn--success:hover{background:rgba(16,185,129,.1)}.task-action-btn--secondary{color:var(--color-text-secondary)}.task-action-btn--secondary:hover{background:rgba(107,114,128,.1)}.quick-add-trigger{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;text-align:center;background:0 0;border:1px solid rgba(107,114,128,.3);border-radius:.375rem;width:100%;padding:.75rem 1rem;font-size:.875rem}.quick-add-trigger:hover{color:#3b82f6;background:rgba(59,130,246,.05)}.quick-add-form{width:100%}.quick-add-input{background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);border:1px solid #3b82f6;border-radius:.375rem;padding:.5rem .75rem;font-size:.875rem}.quick-add-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 2px rgba(59,130,246,.2)}.task-row-handle{color:rgba(107,114,128,.4);cursor:grab;width:24px;height:24px;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.task-row-handle--disabled{cursor:not-allowed;opacity:.3}.task-row-handle--disabled:hover{color:rgba(107,114,128,.4);background:0 0}@media (max-width:639px){.task-table-header,.task-table-cell{padding:.5rem .75rem}.task-table-header--handle,.task-table-header--checkbox,.task-table-header--actions,.task-table-cell--handle,.task-table-cell--checkbox,.task-table-cell--actions{padding:.25rem .5rem}.task-table-header{font-size:.75rem}.task-table-header--stats,.task-table-header--priority,.task-table-cell--stats,.task-table-cell--priority{display:none}.task-actions{gap:.25rem}.task-action-btn{width:28px;height:28px}}.status-groups{gap:1.5rem;min-height:600px;padding:20px;display:flex;overflow-x:auto}.status-groups::-webkit-scrollbar{height:8px}.status-groups::-webkit-scrollbar-track{background:rgba(107,114,128,.1);border-radius:.375rem}.status-groups::-webkit-scrollbar-thumb{background:rgba(107,114,128,.3);border-radius:.375rem}.status-groups::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.5)}.status-group-container{transition:all .3s ease-in-out ease;flex:0 0 320px}.status-group-container.drag-over{background:rgba(59,130,246,.1);border-radius:.5rem;box-shadow:0 0 0 2px #3b82f6}.status-group{background:var(--color-bg-secondary);border:1px solid rgba(107,114,128,.2);border-radius:.5rem;overflow:hidden}.status-group-header{background:rgba(107,114,128,.05);border-bottom:1px solid rgba(107,114,128,.2);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.status-badge{border:1px solid;border-radius:.25rem;padding:.375rem .75rem;font-size:.875rem;font-weight:600}.task-count{color:var(--color-text-secondary);background:rgba(107,114,128,.2);border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem;font-weight:500}.status-group-content{padding:1rem}.task-list{min-height:200px;transition:all .3s ease-in-out ease;border-radius:.375rem;flex-direction:column;gap:.5rem;margin-bottom:1rem;padding:.5rem;display:flex}.task-list--drop-over{background:rgba(59,130,246,.1);border:2px dashed #3b82f6;transform:scale(1.02)}.task-row{background:var(--color-bg-primary);transition:all .3s ease-in-out ease;cursor:pointer;border:1px solid rgba(107,114,128,.2);border-radius:.375rem;justify-content:flex-start;align-items:center;gap:.75rem;padding:.75rem;display:flex}.task-row:hover{border-color:rgba(59,130,246,.3);box-shadow:0 2px 8px rgba(0,0,0,.1)}.task-row--dragging{opacity:.8;transform:rotate(2deg);box-shadow:0 4px 16px rgba(0,0,0,.2)}.task-row-handle{color:var(--color-text-secondary);cursor:grab;transition:all .3s ease-in-out ease;border-radius:.25rem;padding:.25rem}.task-row-handle:hover{color:#3b82f6;background:rgba(59,130,246,.1)}.task-row-handle:active{cursor:grabbing}.task-row-content{flex:1;min-width:0}.task-row-main{flex-direction:column;gap:.5rem;display:flex}.task-row-title{color:var(--color-text-primary);font-weight:500;line-height:1.4;position:relative}.task-row-title .task-overdue-indicator{color:#ef4444;background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.2);border-radius:.25rem;margin-left:.5rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600;display:inline-block}.task-row-stats{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:.75rem;display:flex}.task-stat{color:var(--color-text-secondary);justify-content:flex-start;align-items:center;gap:.25rem;font-size:.75rem;font-weight:500;display:flex}.task-stat svg{opacity:.7}.task-stat--comments{color:#8b5cf6}.task-stat--attachments{color:#f59e0b}.task-stat--subtasks{color:var(--color-text-secondary)}.task-stat--assignees{color:#3b82f6}.task-priority-badge{border:1px solid;border-radius:.25rem;padding:.125rem .375rem;font-size:.75rem;font-weight:600}.task-row-actions{justify-content:flex-start;align-items:center;gap:.5rem;display:flex}.task-action-btn{cursor:pointer;width:2rem;height:2rem;transition:all .3s ease-in-out ease;border:none;border-radius:.25rem;justify-content:center;align-items:center;display:flex}.task-action-btn--primary{color:#3b82f6;background:rgba(59,130,246,.1)}.task-action-btn--primary:hover{background:rgba(59,130,246,.2)}.task-action-btn--danger{color:#ef4444;background:rgba(239,68,68,.1)}.task-action-btn--danger:hover{background:rgba(239,68,68,.2)}.quick-add-form{justify-content:flex-start;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.quick-add-input{color:var(--color-text-primary);transition:all .3s ease-in-out ease;background:rgba(107,114,128,.05);border:1px dashed rgba(107,114,128,.4);border-radius:.375rem;flex:1;padding:.5rem .75rem;font-size:.875rem}.quick-add-input::placeholder{color:var(--color-text-secondary)}.quick-add-input:focus{background:var(--color-bg-primary);border-style:solid;border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.quick-add-input:disabled{opacity:.6;cursor:not-allowed}.quick-add-btn{color:#fff;cursor:pointer;width:2.5rem;height:2.5rem;transition:all .3s ease-in-out ease;background:#3b82f6;border:none;border-radius:.375rem;justify-content:center;align-items:center;display:flex}.quick-add-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.quick-add-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.loading-spinner--xs{border-width:2px;width:.875rem;height:.875rem}.task-list:empty:after{content:"Drop tasks here or add one below";text-align:center;min-height:150px;color:var(--color-text-secondary);background:rgba(107,114,128,.02);border:2px dashed rgba(107,114,128,.3);border-radius:.375rem;justify-content:center;align-items:center;margin:.5rem 0;font-style:italic;display:flex}@media (max-width:639px){.task-row{flex-direction:column;align-items:stretch;gap:.5rem}.task-row-handle{align-self:flex-start}.task-row-stats{flex-wrap:wrap;gap:.5rem}.task-row-actions{align-self:flex-end}.status-groups{gap:1rem}.status-group-container{flex:0 0 280px}}.task-sidebar-overlay{background:var(--color-overlay-bg);z-index:1000;justify-content:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.task-sidebar{background:var(--color-bg-primary);width:480px;max-width:90vw;box-shadow:-4px 0 20px rgba(var(--color-bg-primary),.3);border-left:1px solid rgba(107,114,128,.1);flex-direction:column;display:flex}.task-sidebar-header{background:var(--color-bg-primary);z-index:10;border-bottom:1px solid rgba(107,114,128,.1);justify-content:space-between;align-items:center;padding:1rem;display:flex;position:-webkit-sticky;position:sticky;top:0}.task-sidebar-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.task-sidebar-close{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:24px;line-height:1}.task-sidebar-close:hover{color:var(--color-text-primary);background:rgba(107,114,128,.1)}.task-sidebar-content{flex:1;padding:1rem;overflow-y:auto}.task-sidebar-loading{color:var(--color-text-secondary);flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex}.task-sidebar-loading .loading-spinner{margin-bottom:.75rem}.task-sidebar-error{text-align:center;color:#ef4444;padding:1rem}.task-sidebar-error .btn,.task-sidebar-error .home-container .home-actions .home-btn,.home-container .home-actions .task-sidebar-error .home-btn,.task-sidebar-error .dashboard-header .header-content .header-right .logout-btn,.dashboard-header .header-content .header-right .task-sidebar-error .logout-btn,.task-sidebar-error .dashboard-actions .action-btn,.dashboard-actions .task-sidebar-error .action-btn{margin-top:.75rem}.task-sidebar-section{margin-bottom:1.5rem}.task-sidebar-section:last-child{margin-bottom:0}.task-sidebar-section--meta{border-top:1px solid rgba(107,114,128,.1);margin-top:1.5rem;padding-top:1rem}.task-field{margin-bottom:1rem}.task-field-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.task-field-value{color:var(--color-text-primary);font-size:1rem;line-height:1.5}.task-field-value--clickable{cursor:pointer;transition:all .3s ease-in-out ease;border:1px solid transparent;border-radius:.375rem;padding:.5rem .75rem}.task-field-value--clickable:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.1)}.task-field-value--multiline{white-space:pre-wrap;min-height:80px}.task-field-edit .form-input,.task-field-edit .form-textarea{margin-bottom:0}.task-info-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:480px){.task-info-grid{grid-template-columns:1fr;gap:.75rem}}.task-section-header{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.task-section-title{color:var(--color-text-primary);margin:0;font-size:1rem;font-weight:600}.task-section-count{color:var(--color-text-secondary);background:rgba(107,114,128,.1);border-radius:.25rem;padding:2px .5rem;font-size:.875rem}.subtask-add{margin-top:.75rem}.subtask-add-form{gap:.5rem;display:flex}.subtask-add-form .form-input,.subtask-add-form .form-textarea{flex:1;margin:0}.subtask-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.5rem .75rem;display:flex}.subtask-item:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.15)}.subtask-item:last-child{margin-bottom:0}.subtask-main{flex:1;align-items:center;gap:.5rem;display:flex}.subtask-checkbox{cursor:pointer;width:16px;height:16px;transition:all .3s ease-in-out ease;background:0 0;border:2px solid #6b7280;border-radius:.25rem}.subtask-checkbox:checked{background:#10b981;border-color:#10b981}.subtask-checkbox:focus{outline-offset:2px;outline:2px solid rgba(59,130,246,.3)}.subtask-title{color:var(--color-text-primary);transition:all .3s ease-in-out ease;font-size:.875rem;line-height:1.4}.subtask-title--done{color:var(--color-text-secondary);text-decoration:line-through}.subtask-delete{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;opacity:0;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:18px;line-height:1}.subtask-item:hover .subtask-delete{opacity:1}.subtask-delete:hover{color:#ef4444;background:rgba(239,68,68,.1)}.assignee-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.assignee-item:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.15)}.assignee-item:last-child{margin-bottom:0}.assignee-main{flex:1;align-items:center;gap:.75rem;display:flex}.assignee-avatar,.user-avatar{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.assignee-info,.user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.assignee-name,.user-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;overflow:hidden}.assignee-email,.user-email{color:var(--color-text-secondary);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.user-role{border-radius:.125rem;align-self:flex-start;padding:2px .25rem;font-size:.75rem;font-weight:600}.user-role.role-admin{color:#ef4444;background:rgba(239,68,68,.1)}.user-role.role-client{color:#8b5cf6;background:rgba(139,92,246,.1)}.assignee-remove{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;opacity:0;background:0 0;border:none;border-radius:.25rem;padding:.25rem;font-size:18px;line-height:1}.assignee-item:hover .assignee-remove{opacity:1}.assignee-remove:hover{color:#ef4444;background:rgba(239,68,68,.1)}.user-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding:.75rem;display:flex}.user-item:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.15)}.user-item:last-child{margin-bottom:0}.user-main{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.users-list{max-height:300px;overflow-y:auto}.users-empty,.modal-loading{text-align:center;color:var(--color-text-secondary);padding:1rem}.modal-loading{flex-direction:column;align-items:center;gap:.5rem;display:flex}.comment-item{border-bottom:1px solid rgba(107,114,128,.1);gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.comment-item:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.comment-avatar,.comment-add-avatar{color:#fff;background:#3b82f6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.comment-content{flex:1;min-width:0}.comment-header{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem;display:flex}.comment-author{color:var(--color-text-primary);font-size:.875rem;font-weight:600}.comment-time{color:var(--color-text-secondary);font-size:.75rem}.comment-actions{opacity:0;transition:opacity .3s ease-in-out ease;gap:.25rem;margin-left:auto;display:flex}.comment-item:hover .comment-actions{opacity:1}.comment-action-btn{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.comment-action-btn:hover{color:var(--color-text-primary);background:rgba(107,114,128,.1)}.comment-action-btn--danger:hover{color:#ef4444;background:rgba(239,68,68,.1)}.comment-body{color:var(--color-text-primary);word-wrap:break-word;white-space:pre-wrap;font-size:.875rem;line-height:1.5}.comment-edit .form-textarea{margin-bottom:.5rem}.comment-edit-actions{gap:.5rem;display:flex}.comment-add{border-top:1px solid rgba(107,114,128,.1);margin-top:1rem;padding-top:.75rem}.comment-add-form{gap:.75rem;display:flex}.comment-add-input{flex:1;min-width:0}.comment-add-actions{justify-content:flex-end;margin-top:.5rem;display:flex}.comments-list{max-height:400px;margin-bottom:.75rem;overflow-y:auto}.comments-list:empty{display:none}.attachment-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;padding:.75rem;display:flex}.attachment-item:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.15)}.attachment-item:last-child{margin-bottom:0}.attachment-icon{flex-shrink:0;font-size:24px;line-height:1}.attachment-image-preview{cursor:pointer;width:64px;height:64px;transition:all .3s ease-in-out ease;border-radius:.375rem;flex-shrink:0;position:relative;overflow:hidden}.attachment-image-preview:hover{transform:scale(1.05);box-shadow:0 4px 12px rgba(59,130,246,.2)}.attachment-image-preview:hover .attachment-image-overlay{opacity:1}.attachment-image{object-fit:cover;border-radius:.375rem;width:100%;height:100%}.attachment-image-overlay{opacity:0;transition:opacity .3s ease-in-out ease;background:rgba(59,130,246,.8);border-radius:.375rem;justify-content:center;align-items:center;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.attachment-zoom-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:20px}.attachment-icon-container{justify-content:center;align-items:center;width:64px;height:64px;display:flex}.attachment-icon-container .attachment-icon{font-size:32px}.attachment-content{flex-direction:column;flex:1;gap:.25rem;min-width:0;display:flex}.attachment-info{flex:1}.attachment-name{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.875rem;font-weight:500;line-height:1.4;display:block;overflow:hidden}.attachment-meta{gap:.5rem;margin-top:2px;display:flex}.attachment-uploader,.attachment-time{color:var(--color-text-secondary);font-size:.75rem}.attachment-actions{opacity:0;transition:opacity .3s ease-in-out ease;gap:.25rem;display:flex}.attachment-item:hover .attachment-actions{opacity:1}.attachment-action-btn{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.25rem;padding:.25rem .5rem;font-size:.75rem}.attachment-action-btn:hover{color:var(--color-text-primary);background:rgba(107,114,128,.1)}.attachment-action-btn--danger:hover{color:#ef4444;background:rgba(239,68,68,.1)}.attachment-upload{border-top:1px solid rgba(107,114,128,.1);margin-top:1rem;padding-top:.75rem}.attachment-upload--drag-over .attachment-upload-area{background:rgba(59,130,246,.05);border-color:#3b82f6;transform:scale(1.02)}.attachment-upload-area{text-align:center;cursor:pointer;width:100%;transition:all .3s ease-in-out ease;background:rgba(107,114,128,.02);border:2px dashed rgba(107,114,128,.2);border-radius:.5rem;padding:1rem;display:block}.attachment-upload-area:hover{background:rgba(59,130,246,.02);border-color:rgba(59,130,246,.4)}.upload-progress{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-prompt{flex-direction:column;align-items:center;gap:.5rem;display:flex}.upload-icon{opacity:.6;font-size:24px}.upload-text{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.upload-hint{color:var(--color-text-secondary);font-size:.75rem}.image-modal-overlay{z-index:2000;background:rgba(0,0,0,.9);justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.image-modal{background:var(--color-bg-primary);border-radius:.5rem;flex-direction:column;width:90vw;max-width:1200px;height:90vh;animation:.2s scaleIn;display:flex;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5)}.image-modal-header{background:rgba(107,114,128,.02);border-bottom:1px solid rgba(107,114,128,.1);justify-content:space-between;align-items:center;padding:1rem 1rem .75rem;display:flex}.image-modal-info{flex:1;min-width:0}.image-modal-title{color:var(--color-text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0 0 .25rem;font-size:1.125rem;font-weight:600;overflow:hidden}.image-modal-counter{color:var(--color-text-secondary);font-size:.875rem}.image-modal-close{color:var(--color-text-secondary);cursor:pointer;transition:all .3s ease-in-out ease;background:0 0;border:none;border-radius:.375rem;margin:-.5rem;padding:.5rem;font-size:32px}.image-modal-close:hover{color:var(--color-text-primary);background:rgba(107,114,128,.1)}.image-modal-content{background:rgba(0,0,0,.02);flex:1;justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.image-modal-image-container{justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex}.image-modal-image{object-fit:contain;border-radius:.375rem;max-width:100%;max-height:100%;box-shadow:0 8px 32px rgba(0,0,0,.3)}.image-nav-btn{background:rgba(var(--color-bg-primary),.9);width:56px;height:56px;color:var(--color-text-primary);cursor:pointer;transition:all .3s ease-in-out ease;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:50%;font-size:32px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 16px rgba(0,0,0,.2)}.image-nav-btn:hover{color:#fff;background:#3b82f6;transform:translateY(-50%)scale(1.1)}.image-nav-btn--prev{left:1rem}.image-nav-btn--next{right:1rem}.image-modal-footer{background:rgba(107,114,128,.02);border-top:1px solid rgba(107,114,128,.1);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.image-modal-meta{flex-direction:column;gap:2px;display:flex}.image-uploader{color:var(--color-text-primary);font-size:.875rem;font-weight:500}.image-upload-time{color:var(--color-text-secondary);font-size:.75rem}.image-modal-actions{gap:.5rem;display:flex}.image-modal-thumbnails{background:rgba(107,114,128,.03);border-top:1px solid rgba(107,114,128,.1);gap:.5rem;padding:.75rem 1rem;display:flex;overflow-x:auto}.image-modal-thumbnails::-webkit-scrollbar{height:6px}.image-modal-thumbnails::-webkit-scrollbar-track{background:rgba(107,114,128,.1);border-radius:3px}.image-modal-thumbnails::-webkit-scrollbar-thumb{background:rgba(107,114,128,.3);border-radius:3px}.image-modal-thumbnails::-webkit-scrollbar-thumb:hover{background:rgba(107,114,128,.5)}.image-thumbnail{cursor:pointer;width:60px;height:60px;transition:all .3s ease-in-out ease;border:2px solid transparent;border-radius:.375rem;flex-shrink:0;overflow:hidden}.image-thumbnail:hover{transform:scale(1.05)}.image-thumbnail--active{border-color:#3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.3)}.image-thumbnail-img{object-fit:cover;width:100%;height:100%}@media (max-width:639px){.image-modal{border-radius:0;width:100vw;height:100vh}.image-nav-btn{width:48px;height:48px;font-size:24px}.image-nav-btn--prev{left:.5rem}.image-nav-btn--next{right:.5rem}.image-modal-header,.image-modal-footer{padding:.75rem}.image-modal-thumbnails{padding:.5rem .75rem}.image-thumbnail{width:48px;height:48px}}.dashboard-sections{grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem;display:grid}@media (max-width:639px){.dashboard-sections{grid-template-columns:1fr;gap:1rem}}.dashboard-section{background:var(--color-bg-primary);border:1px solid rgba(107,114,128,.1);border-radius:.5rem;padding:1rem}.section-header{border-bottom:1px solid rgba(107,114,128,.1);justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.75rem;display:flex}.section-title{color:var(--color-text-primary);margin:0;font-size:1.125rem;font-weight:600}.section-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none}.section-link:hover{text-decoration:underline}.section-empty{text-align:center;color:var(--color-text-secondary);padding:1.5rem 1rem}.section-empty a{color:#3b82f6;font-weight:500;text-decoration:none}.section-empty a:hover{text-decoration:underline}.recent-items-list{flex-direction:column;gap:.75rem;display:flex}.recent-item{transition:all .3s ease-in-out ease;background:rgba(107,114,128,.03);border:1px solid rgba(107,114,128,.1);border-radius:.375rem;justify-content:space-between;align-items:flex-start;padding:.75rem;display:flex}.recent-item:hover{background:rgba(107,114,128,.05);border-color:rgba(107,114,128,.15)}.recent-item-info{flex:1;min-width:0}.recent-item-title{color:var(--color-text-primary);margin:0 0 .25rem;font-size:1rem;font-weight:600;line-height:1.4}.recent-item-subtitle{color:var(--color-text-secondary);margin:0 0 .25rem;font-size:.875rem;font-weight:500}.recent-item-description{color:var(--color-text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.875rem;line-height:1.4;display:-webkit-box;overflow:hidden}.recent-item-meta{flex-wrap:wrap;gap:.5rem;margin-top:.5rem;display:flex}.recent-item-actions{align-items:flex-start;gap:.25rem;margin-left:.75rem;display:flex}.recent-item-stats{color:var(--color-text-secondary);align-items:center;gap:.5rem;margin-left:.75rem;font-size:.75rem;display:flex}.stat-item{align-items:center;gap:2px;display:flex}.status-badge,.priority-badge,.type-badge{text-transform:uppercase;letter-spacing:.025em;border-radius:.125rem;padding:2px .25rem;font-size:.75rem;font-weight:600}.status-badge.to_do{color:var(--color-text-secondary);background:rgba(107,114,128,.2)}.status-badge.in_progress{color:#f59e0b;background:rgba(245,158,11,.2)}.status-badge.blocked{color:#ef4444;background:rgba(239,68,68,.2)}.status-badge.waiting_on_client{color:#8b5cf6;background:rgba(139,92,246,.2)}.status-badge.in_testing{color:#3b82f6;background:rgba(59,130,246,.2)}.status-badge.complete{color:#10b981;background:rgba(16,185,129,.2)}.priority-badge.low{color:#10b981;background:rgba(16,185,129,.15)}.priority-badge.medium{color:#f59e0b;background:rgba(245,158,11,.15)}.priority-badge.high{color:#ef4444;background:rgba(239,68,68,.15)}.priority-badge.urgent{color:#fff;background:#ef4444}.type-badge.dev{color:#3b82f6;background:rgba(59,130,246,.15)}.type-badge.feedback{color:#8b5cf6;background:rgba(139,92,246,.15)}.empty-state{text-align:center;padding:1.5rem 1rem}.empty-state-icon{opacity:.6;margin-bottom:.75rem;font-size:48px}.empty-state-title{color:var(--color-text-primary);margin:0 0 .5rem;font-size:1.125rem;font-weight:600}.empty-state-message{color:var(--color-text-secondary);margin:0;font-size:1rem;line-height:1.5}.empty-state-message a{color:#3b82f6;font-weight:500;text-decoration:none}.empty-state-message a:hover{text-decoration:underline}.dashboard-loading,.dashboard-error{text-align:center;padding:1.5rem 1rem}.dashboard-loading{color:var(--color-text-secondary);flex-direction:column;align-items:center;gap:.75rem;display:flex}.dashboard-error{color:#ef4444}.dashboard-error button{margin-top:.75rem}.subtasks-list,.assignees-list,.comments-list,.attachments-list{min-height:60px}.connection-status{align-items:center;display:flex}.connection-status .status-indicator{border-radius:.25rem;align-items:center;gap:.25rem;padding:.25rem .5rem;font-size:.875rem;font-weight:500;display:flex}.connection-status .status-indicator.connected{color:#10b981;background:rgba(16,185,129,.1)}.connection-status .status-indicator.disconnected{color:var(--color-text-secondary);background:rgba(107,114,128,.1)}.subtasks-empty,.assignees-empty,.comments-empty,.attachments-empty{text-align:center;color:var(--color-text-secondary);background:rgba(107,114,128,.03);border:1px dashed rgba(107,114,128,.2);border-radius:.375rem;padding:1rem;font-style:italic}.comment-add{margin-top:1rem}.comment-add .form-textarea{margin-bottom:.75rem}.comment-add-actions{justify-content:flex-end;display:flex}.task-meta-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (max-width:480px){.task-meta-grid{grid-template-columns:1fr}}.task-meta-item{flex-direction:column;gap:.25rem;display:flex}.task-meta-label{color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:600}.task-meta-value{color:var(--color-text-primary);font-size:.875rem}@media (max-width:640px){.task-sidebar{width:100vw;max-width:none}.task-sidebar-content{padding:.75rem}.task-info-grid{grid-template-columns:1fr}}.invoices-page{max-width:1400px;margin:0 auto;padding:2rem}.invoices-header{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.invoices-header__info h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.invoices-header__info p{color:var(--color-text-muted)}.invoices-header__actions{align-items:center;gap:1rem;display:flex}.invoices-filters{gap:.5rem;margin-bottom:1.5rem;display:flex}.invoices-filters__button{cursor:pointer;background:var(--color-bg-secondary);color:var(--color-text-primary);border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;transition:all .2s}.invoices-filters__button:hover{background:var(--color-bg-tertiary)}.invoices-filters__button--active{color:#fff;background:#3b82f6}.invoices-filters__button--active:hover{background:#2563eb}.invoices-export{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.invoices-export__title{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.invoices-export__presets{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.invoices-export__label{color:var(--color-text-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.invoices-export__preset-buttons{flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;display:flex}.invoices-export__preset-help{margin:.5rem 0 0}.invoices-export__preset-help small{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.invoices-export__filters{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:1rem;margin-bottom:1rem;display:grid}@media (max-width:768px){.invoices-export__filters{grid-template-columns:1fr}}.invoices-export__help{color:var(--color-text-muted);margin-top:.5rem;margin-bottom:0;font-size:.875rem}.invoices-export__help strong{font-weight:600}.invoices-table{background:var(--color-bg-primary);overflow:hidden}.invoices-table table{border-collapse:collapse;width:100%}.invoices-table thead{background:var(--color-bg-secondary)}.invoices-table thead th{text-align:left;text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;padding:1rem 1.5rem;font-size:.75rem;font-weight:600}.invoices-table thead th.align-right{text-align:right}.invoices-table tbody tr{border-bottom:1px solid var(--color-border);transition:background .2s}.invoices-table tbody tr:hover{background:var(--color-bg-secondary)}.invoices-table tbody tr td{padding:1rem 1.5rem;font-size:.875rem}.invoices-table tbody tr td.align-right{text-align:right}.invoice-number-link{color:#3b82f6;font-weight:600;text-decoration:none}.invoice-number-link:hover{color:var(--color-hover-bg)}.invoice-internal-note{color:var(--color-text-muted);margin-top:.25rem;font-size:.75rem;font-style:italic}.invoice-status-badge{text-transform:uppercase;border-radius:12px;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.invoice-status-badge--draft{background:var(--color-bg-secondary);color:var(--color-text-muted)}.invoice-status-badge--issued{color:#1e40af;background:#dbeafe}.invoice-status-badge--paid{color:#065f46;background:#d1fae5}.invoice-status-badge--overdue{color:#991b1b;background:#fee2e2}.invoice-status-badge--void{background:var(--color-bg-secondary);color:var(--color-text-muted);text-decoration:line-through}.invoice-actions{justify-content:flex-end;gap:1rem;display:flex}.invoice-actions__link{color:#3b82f6;font-weight:500;text-decoration:none}.invoice-actions__link:hover{color:#2563eb}.invoice-actions__link--delete{color:#ef4444}.invoice-actions__link--delete:hover{color:#991b1b}.invoice-actions__button{color:#ef4444;cursor:pointer;background:0 0;border:none;font-weight:500}.invoice-actions__button:hover{color:#991b1b}.breadcrumbs{align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.breadcrumbs__item{color:var(--color-text-muted);text-decoration:none;transition:color .2s}.breadcrumbs__item:hover{color:#3b82f6}.breadcrumbs__item--active{color:var(--color-text-primary);font-weight:500}.breadcrumbs__separator{color:var(--color-text-muted)}.invoice-detail{max-width:1200px;margin:0 auto;padding:2rem}.invoice-detail__header{justify-content:space-between;align-items:flex-start;margin-bottom:2rem;display:flex}.invoice-detail__title h1{margin-bottom:.5rem;font-size:2rem;font-weight:700}.invoice-detail__actions{gap:.75rem;display:flex}.invoice-card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.3)}.invoice-info-grid{grid-template-columns:1fr 1fr;gap:2rem;margin-bottom:2rem;display:grid}.invoice-info-grid__section h3{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.invoice-info-grid__section dl{flex-direction:column;gap:.5rem;display:flex}.invoice-info-grid__section dl div{justify-content:space-between;display:flex}.invoice-info-grid__section dl dt{color:var(--color-text-muted)}.invoice-info-grid__section dl dd{font-weight:500}.invoice-info-grid__section p{color:var(--color-text-muted)}.invoice-lines{margin-bottom:2rem}.invoice-lines__title{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.invoice-lines table{border-collapse:collapse;width:100%}.invoice-lines table thead{background:var(--color-bg-secondary)}.invoice-lines table thead th{text-align:left;text-transform:uppercase;color:var(--color-text-muted);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.invoice-lines table thead th.align-right{text-align:right}.invoice-lines table tbody tr{border-bottom:1px solid var(--color-border)}.invoice-lines table tbody tr td{padding:.75rem 1rem;font-size:.875rem}.invoice-lines table tbody tr td.align-right{text-align:right}.invoice-payments{margin-bottom:2rem}.invoice-payments__title{color:var(--color-text-primary);margin-bottom:.75rem;font-size:.875rem;font-weight:600}.invoice-payments table{border-collapse:collapse;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:100%;overflow:hidden}.invoice-payments table thead{background:var(--color-bg-secondary)}.invoice-payments table thead th{text-align:left;text-transform:uppercase;color:var(--color-text-muted);padding:.75rem 1rem;font-size:.75rem;font-weight:600}.invoice-payments table thead th.align-right{text-align:right}.invoice-payments table tbody tr{border-bottom:1px solid var(--color-border)}.invoice-payments table tbody tr:last-child{border-bottom:none}.invoice-payments table tbody tr td{color:var(--color-text-secondary);padding:.75rem 1rem;font-size:.875rem}.invoice-payments table tbody tr td.align-right{text-align:right}.invoice-totals{border-top:1px solid var(--color-border);justify-content:flex-end;padding-top:1rem;display:flex}.invoice-totals__box{min-width:250px}.invoice-totals__box .totals-row{color:var(--color-text-muted);justify-content:space-between;margin-bottom:.5rem;display:flex}.invoice-totals__box .totals-row--total{color:var(--color-text-primary);border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:.5rem;font-size:1.125rem;font-weight:700}.stripe-toggle-section{border-top:1px dashed var(--color-border);margin-top:.5rem;padding-top:.5rem}.stripe-toggle-row{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.stripe-toggle-select{border:1px solid var(--color-border);background:var(--color-bg-primary);border-radius:4px;padding:.25rem .5rem;font-size:.875rem}.stripe-toggle-select:disabled{opacity:.6;cursor:not-allowed}.stripe-toggle-note{color:var(--color-text-muted);font-size:.75rem;font-style:italic}.payment-link-row{margin-top:.5rem}.invoice-notes{border-top:1px solid var(--color-border);margin-top:1.5rem;padding-top:1.5rem}.invoice-notes h3{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-size:.75rem;font-weight:600}.invoice-notes p{color:var(--color-text-secondary);white-space:pre-wrap}.invoice-form{max-width:1200px;margin:0 auto;padding:2rem}.invoice-form__title{margin-bottom:2rem;font-size:2rem;font-weight:700}.invoice-form__card{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.3)}.invoice-form__grid{grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem;display:grid}.invoice-form__field label{color:var(--color-text-primary);margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.invoice-form__field input,.invoice-form__field select,.invoice-form__field textarea{border:1px solid var(--color-border);background:var(--color-bg-primary);width:100%;color:var(--color-text-primary);border-radius:8px;padding:.75rem 1rem;font-size:.875rem}.invoice-form__field input:focus,.invoice-form__field select:focus,.invoice-form__field textarea:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.invoice-form__field textarea{resize:vertical}.invoice-lines-section{margin-bottom:2rem}.invoice-lines-section__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.invoice-lines-section__header h3{font-size:1.125rem;font-weight:600}.invoice-lines-section__list{flex-direction:column;gap:1rem;display:flex}.invoice-line-item{border:1px solid var(--color-border);border-radius:8px;padding:1rem}.invoice-line-item__grid{grid-template-columns:5fr 2fr 2fr 2fr 1fr;align-items:flex-start;gap:1rem;display:grid}.invoice-line-item__field label{color:var(--color-text-muted);margin-bottom:.25rem;font-size:.75rem;font-weight:500;display:block}.invoice-line-item__field input,.invoice-line-item__field textarea{border:1px solid var(--color-border);border-radius:4px;width:100%;padding:.5rem .75rem;font-size:.875rem}.invoice-line-item__field input:focus,.invoice-line-item__field textarea:focus{border-color:#3b82f6;outline:none}.invoice-line-item__field textarea{resize:vertical;font-family:inherit}.invoice-line-item__remove{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:.875rem;font-weight:600}.invoice-line-item__remove:hover{color:#991b1b}.invoice-total-display{justify-content:flex-end;margin-top:1.5rem;display:flex}.invoice-total-display__box{background:var(--color-bg-secondary);text-align:right;border-radius:8px;padding:1rem 1.5rem}.invoice-total-display__box .label{color:var(--color-text-muted);margin-right:.5rem;font-size:.875rem}.invoice-total-display__box .amount{font-size:1.5rem;font-weight:700}.invoice-form-actions{justify-content:flex-end;gap:.75rem;display:flex}.invoices-empty{background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:center;border-radius:8px;padding:3rem}.invoices-empty p{color:var(--color-text-muted);margin-bottom:1rem;font-size:1.125rem}.invoices-empty a{color:#fff;background:#3b82f6;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;display:inline-block}.invoices-empty a:hover{background:var(--color-hover-bg)}.invoices-loading{text-align:center;padding:3rem}.invoices-loading__spinner{border:3px solid var(--color-bg-tertiary);border-top-color:#3b82f6;border-radius:50%;width:2rem;height:2rem;animation:.6s linear infinite spin;display:inline-block}.invoices-loading p{color:var(--color-text-muted);margin-top:1rem}.invoice-error{color:#991b1b;background:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.payment-page{background:#0e5679;min-height:100vh;padding:2rem 1rem}@media (max-width:768px){.payment-page{padding:1rem .5rem}}.payment-page__container{max-width:600px;margin:0 auto}.payment-page__loading,.payment-page__error{text-align:center;background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}.payment-page__loading h1,.payment-page__error h1{color:#2c3e50;margin:0 0 1rem;font-size:1.5rem}.payment-page__loading p,.payment-page__error p{color:#666;margin:.5rem 0}.payment-page__contact{font-size:.95rem;margin-top:1.5rem!important}.payment-page__contact a{color:var(--color-text-primary);font-weight:500;text-decoration:none}.payment-page__contact a:hover{text-decoration:underline}.payment-page__header{text-align:center;margin-bottom:2rem}.payment-page__title{color:#fff;margin:0 0 .5rem;font-size:2rem;font-weight:700}@media (max-width:768px){.payment-page__title{font-size:1.75rem}}.payment-page__subtitle{color:#fff;margin:0;font-size:1rem}.payment-page__banner{border-radius:8px;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem 1.5rem;font-size:.95rem;display:flex;position:relative}.payment-page__banner strong{margin-bottom:.25rem;font-size:1.05rem;display:block}.payment-page__banner p{opacity:.9;margin:0}.payment-page__banner--success{color:#155724;background:#d4edda;border-left:4px solid #28a745}.payment-page__banner--warning{color:#856404;background:#fff3cd;border-left:4px solid #ffc107}.payment-page__banner--info{color:#0c5460;background:#d1ecf1;border-left:4px solid #17a2b8}.payment-page__banner-icon{flex-shrink:0;font-size:2rem;line-height:1}.payment-page__banner-close{cursor:pointer;opacity:.5;color:inherit;background:0 0;border:none;padding:.25rem .5rem;font-size:1.75rem;line-height:1;transition:opacity .2s;position:absolute;top:1rem;right:1rem}.payment-page__banner-close:hover{opacity:1}.payment-page__card{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.payment-page__card{padding:1.5rem}}.payment-page__invoice-info{border-bottom:2px solid #f0f0f0;margin-bottom:1.5rem;padding-bottom:1.5rem}.payment-page__info-row{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.payment-page__info-row:not(:last-child){border-bottom:1px solid #f7f7f7}.payment-page__label{color:#7f8c8d;font-size:.95rem;font-weight:500}.payment-page__value{color:#2c3e50;text-align:right;font-size:1rem;font-weight:500}.payment-page__value--date{align-items:center;gap:.5rem;display:flex}.payment-page__overdue-badge{color:#fff;text-transform:uppercase;background:#dc3545;border-radius:4px;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-block}.payment-page__amount{text-align:center;background:linear-gradient(135deg,#667eea 0%,#e62a76 100%);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.payment-page__amount-label{color:rgba(255,255,255,.9);margin-bottom:.5rem;font-size:.95rem;font-weight:500;display:block}.payment-page__amount-value{color:#fff;font-size:2.5rem;font-weight:700;display:block}@media (max-width:768px){.payment-page__amount-value{font-size:2rem}}.payment-page__actions{text-align:center}.payment-page__pay-button{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1.1rem;font-weight:600;transition:all .2s;box-shadow:0 2px 4px rgba(0,0,0,.1)}.payment-page__pay-button:hover:not(:disabled){background:#5167fc;box-shadow:0 4px 8px rgba(0,0,0,.15)}.payment-page__pay-button:disabled{cursor:not-allowed;opacity:.7;background:#95a5a6}.payment-page__note{color:#7f8c8d;margin-top:.75rem;font-size:.85rem}.payment-page__note em{font-style:italic}.payment-page__stripe-disabled{text-align:center;background:#fff3cd;border:1px solid #ffc107;border-radius:8px;padding:1.5rem}.payment-page__stripe-disabled-title{color:#856404;margin:0 0 .75rem;font-size:1rem}.payment-page__stripe-disabled-message{color:#856404;margin:0;font-size:.9rem;line-height:1.5}.payment-page__bank-details{background:#fff;border-radius:12px;margin-bottom:1.5rem;padding:2rem;box-shadow:0 4px 6px rgba(0,0,0,.1)}@media (max-width:768px){.payment-page__bank-details{padding:1.5rem}}.payment-page__bank-details h2{color:#2c3e50;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.payment-page__bank-info{background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;padding:1.5rem}.payment-page__bank-row{justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.payment-page__bank-row:not(:last-child){border-bottom:1px solid #dee2e6}.payment-page__bank-label{color:#6c757d;font-size:.95rem;font-weight:500}.payment-page__bank-value{color:#2c3e50;font-family:Courier New,monospace;font-size:1.1rem;font-weight:600}.payment-page__bank-note{color:#6c757d;margin-top:1rem;font-size:.9rem;font-style:italic}.payment-page__footer{text-align:center;color:rgba(255,255,255,.8);padding:2rem 1rem;font-size:12px}.payment-page__footer p{margin:.5rem 0}.payment-page__footer strong{color:rgba(255,255,255,.8)}.payment-page__footer a{color:rgba(255,255,255,.8);font-weight:500;text-decoration:none}.payment-page__footer a:hover{color:#fff;text-decoration:underline}.payment-page--success .payment-page__success-icon{text-align:center;margin-bottom:1.5rem;font-size:4rem}.payment-page--success .payment-page__title{text-align:center;color:#16a34a}.payment-page--success .payment-page__success-message{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem;font-size:1rem}.payment-page--success .payment-page__next-steps{background:#f0fdf4;border-radius:8px;margin-top:2rem;padding:1.5rem}.payment-page--success .payment-page__next-steps h2{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem}.payment-page--success .payment-page__next-steps ul{margin:0;padding:0;list-style:none}.payment-page--success .payment-page__next-steps ul li{color:var(--color-text-secondary);align-items:center;gap:.5rem;padding:.5rem 0;display:flex}.payment-page--cancel .payment-page__cancel-icon{text-align:center;margin-bottom:1.5rem;font-size:4rem}.payment-page--cancel .payment-page__title{color:#dc2626}.payment-page--cancel .payment-page__cancel-message{text-align:center;color:var(--color-text-secondary);margin-bottom:2rem;font-size:1.125rem}.payment-page--cancel .payment-page__cancel-message p{margin:.5rem 0}.payment-page--cancel .payment-page__button{cursor:pointer;border:none;border-radius:8px;width:100%;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.payment-page--cancel .payment-page__button--primary{background:var(--color-bg-primary);color:#fff}.payment-page--cancel .payment-page__button--primary:hover{opacity:.9;transform:translateY(-1px)}.payment-page--cancel .payment-page__alternative{background:#fef3c7;border-radius:8px;margin-top:2rem;padding:1.5rem}.payment-page--cancel .payment-page__alternative h2{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.125rem}.payment-page--cancel .payment-page__alternative p{color:var(--color-text-secondary);margin:0}.payment-page__value--small{font-family:monospace;font-size:.875rem}.spinner{border:3px solid #f3f3f3;border-top:3px solid var(--color-bg-primary);border-radius:50%;width:40px;height:40px;margin:0 auto 1rem;animation:1s linear infinite spin}.payment-page__privacy{text-align:left;max-width:800px;margin:0 auto;font-size:.8rem;line-height:1.7}.payment-page__privacy h2{color:#1e1e1e;border-bottom:2px solid var(--color-border);margin-top:2.5rem;margin-bottom:1rem;padding-bottom:.5rem;font-size:1.2rem}.payment-page__privacy h3{color:#1e1e1e;margin-top:1.5rem;margin-bottom:.75rem;font-size:1rem}.payment-page__privacy p{margin-bottom:1rem}.payment-page__privacy ul{margin:0;padding:0;list-style:outside}.payment-page__privacy ul li{margin-bottom:4px;margin-left:20px}.payment-page__privacy a{color:#1e1e1e;text-decoration:underline}.payment-page__privacy a:hover{color:#3b82f6}.payment-page__privacy strong{font-weight:600}.payment-page__privacy-updated{margin-bottom:1.5rem;font-size:.9rem;font-style:italic}.payment-page__privacy-footer{border-top:2px solid var(--color-border);text-align:center;color:rgba(255,255,255,.8);margin-top:3rem;padding-top:2rem}.payment-page__privacy-back{color:#fff;background:#6b7280;border-radius:8px;padding:.75rem 1.5rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.payment-page__privacy-back:hover{background:#545964;transform:translateY(-2px)}.payment-page__footer-privacy{margin-top:1rem;font-size:12px}.payment-page__footer-privacy a{color:rgba(255,255,255,.8);text-decoration:none}.payment-page__footer-privacy a:hover{color:#fff;text-decoration:underline}.financials-page{max-width:1400px;margin:0 auto;padding:2rem}.financials-hero{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#6ca1f8 100%);border-radius:16px;margin-bottom:2rem;padding:3rem;box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.financials-hero__main{text-align:center;margin-bottom:2rem}.financials-hero__label{text-transform:uppercase;letter-spacing:1px;opacity:.9;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.financials-hero__value{margin-bottom:.5rem;font-size:4rem;font-weight:700;line-height:1.1}.financials-hero__sublabel{opacity:.8;font-size:1rem}.financials-hero__breakdown{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;display:grid}.financials-hero__item{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(255,255,255,.1);border-radius:12px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.financials-hero__item--success{background:rgba(16,185,129,.2);border:1px solid rgba(16,185,129,.3)}.financials-hero__item--danger{background:rgba(239,68,68,.2);border:1px solid rgba(239,68,68,.3)}.financials-hero__item-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.financials-hero__item-label{opacity:.9;font-size:.875rem;font-weight:600}.financials-hero__item-value{font-size:2rem;font-weight:700}.financials-hero__item-percent{opacity:.8;font-size:.875rem}.financials-hero__info-btn{color:#fff;cursor:pointer;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1rem;font-weight:600;transition:all .2s;display:flex}.financials-hero__info-btn:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.financials-chart-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:16px;margin-bottom:2rem;padding:2rem;box-shadow:0 1px 2px rgba(0,0,0,.3)}.financials-chart-header{margin-bottom:2rem}.financials-chart-header h2{color:var(--color-text-primary);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.financials-chart-header p{color:var(--color-text-muted);font-size:.9375rem}.financials-chart{height:400px;margin-bottom:2rem;position:relative}.financials-chart-stats{border-top:1px solid var(--color-border);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;padding-top:2rem;display:grid}.financials-chart-stat{text-align:center;flex-direction:column;gap:.5rem;display:flex}.financials-chart-stat__label{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.875rem;font-weight:600}.financials-chart-stat__value{color:#3b82f6;font-size:1.75rem;font-weight:700}.financials-quick-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.financials-quick-stat{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;align-items:center;gap:1rem;padding:1.5rem;transition:all .2s;display:flex}.financials-quick-stat:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.financials-quick-stat__icon{flex-shrink:0;font-size:2.5rem}.financials-quick-stat__content{flex-direction:column;flex:1;gap:.25rem;display:flex}.financials-quick-stat__value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.financials-quick-stat__label{color:var(--color-text-muted);font-size:.875rem}.financials-quick-stat--warning{background:rgba(245,158,11,.05);border-color:#f59e0b}.financials-quick-stat--warning .financials-quick-stat__value{color:#f59e0b}.financials-loading{text-align:center;padding:4rem 2rem}.financials-loading__spinner{border:4px solid var(--color-bg-tertiary);border-top-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;margin-bottom:1.5rem;animation:.8s linear infinite spin;display:inline-block}.financials-loading p{color:var(--color-text-muted);font-size:1.125rem}.financials-error{text-align:center;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:4rem 2rem}.financials-error h2{color:#ef4444;margin-bottom:1rem;font-size:1.5rem}.financials-error p{color:var(--color-text-muted);margin-bottom:2rem}.financials-overview{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.financials-card{background:var(--color-bg-primary);border:2px solid var(--color-border);border-radius:12px;align-items:center;gap:1.5rem;padding:1.5rem;transition:all .2s;display:flex}.financials-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.financials-card__icon{flex-shrink:0;font-size:2.5rem}.financials-card__content{flex:1}.financials-card__content h3{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.5rem;font-size:.875rem;font-weight:600}.financials-card__value{color:var(--color-text-primary);margin:0;font-size:2rem;font-weight:700;line-height:1.2}.financials-card__label{color:var(--color-text-muted);font-size:.875rem}.financials-card--highlight{background:linear-gradient(135deg,rgba(59,130,246,.05) 0%,rgba(59,130,246,.02) 100%);border-color:#3b82f6}.financials-card--success{background:linear-gradient(135deg,rgba(16,185,129,.05) 0%,rgba(16,185,129,.02) 100%);border-color:#10b981}.financials-card--warning{background:linear-gradient(135deg,rgba(245,158,11,.05) 0%,rgba(245,158,11,.02) 100%);border-color:#f59e0b}.financials-card--primary{background:linear-gradient(135deg,#3b82f6 0%,#6ca1f8 100%);border-color:#3b82f6}.financials-card--primary .financials-card__content h3,.financials-card--primary .financials-card__value,.financials-card--primary .financials-card__label{color:#fff}.financials-section{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:2rem}.financials-section__title{color:var(--color-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.financials-tax-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem;display:grid}.financials-tax-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);text-align:center;border-radius:8px;padding:1.5rem}.financials-tax-card h4{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;margin-bottom:.75rem;font-size:.875rem;font-weight:600}.financials-tax-card__amount{color:#3b82f6;margin:0 0 .5rem;font-size:1.75rem;font-weight:700}.financials-tax-card__label{color:var(--color-text-muted);font-size:.75rem}.financials-tax-summary{background:var(--color-bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1.5rem}.financials-tax-summary__row{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.financials-tax-summary__row:last-child{border-bottom:none}.financials-tax-summary__row span{color:var(--color-text-secondary)}.financials-tax-summary__row strong{color:var(--color-text-primary);font-size:1.125rem}.financials-tax-summary__row--total{border-top:2px solid var(--color-border);margin-top:.5rem;padding-top:1rem}.financials-tax-summary__row--total strong{color:#3b82f6;font-size:1.5rem}.financials-disclaimer{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;padding:1rem 1.5rem}[data-theme=dark] .financials-disclaimer{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3)}.financials-disclaimer p{color:#92400e;margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .financials-disclaimer p{color:#fbbf24}.financials-disclaimer p strong{font-weight:600}.financials-stats-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.financials-stat{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;flex-direction:column;gap:.5rem;padding:1.5rem;display:flex}.financials-stat__label{color:var(--color-text-muted);font-size:.875rem;font-weight:500}.financials-stat__value{color:var(--color-text-primary);font-size:1.5rem;font-weight:700}.financials-stat--warning{background:rgba(245,158,11,.05);border-color:#f59e0b}.financials-stat--warning .financials-stat__value{color:#f59e0b}.financials-settings-info h3{margin-bottom:1rem;font-size:1.125rem;font-weight:600}.financials-settings-info__grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:1.5rem;display:grid}.financials-settings-info__grid>div{flex-direction:column;gap:.25rem;display:flex}.financials-settings-info__label{text-transform:uppercase;color:var(--color-text-muted);letter-spacing:.5px;font-size:.75rem;font-weight:600}.financials-settings-info__link{color:#3b82f6;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s;display:inline-block}.financials-settings-info__link:hover{color:#2563eb}.settings-page{max-width:900px;margin:0 auto;padding:2rem}.settings-loading{text-align:center;padding:4rem 2rem}.settings-loading__spinner{border:4px solid var(--color-bg-tertiary);border-top-color:#3b82f6;border-radius:50%;width:3rem;height:3rem;margin-bottom:1.5rem;animation:.8s linear infinite spin;display:inline-block}.settings-loading p{color:var(--color-text-muted);font-size:1.125rem}.settings-alert{border:1px solid;border-radius:8px;margin-bottom:1.5rem;padding:1rem 1.5rem}.settings-alert strong{font-weight:600}.settings-alert--error{color:#991b1b;background:#fee2e2;border-color:#fecaca}[data-theme=dark] .settings-alert--error{color:#f87171;background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.3)}.settings-alert--success{color:#065f46;background:#d1fae5;border-color:#a7f3d0}[data-theme=dark] .settings-alert--success{color:#34d399;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.3)}.settings-form{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:2rem}.settings-section{margin-bottom:2.5rem}.settings-section:last-child{margin-bottom:0}.settings-section__title{border-bottom:2px solid var(--color-border);color:var(--color-text-primary);margin-bottom:1.5rem;padding-bottom:.75rem;font-size:1.25rem;font-weight:700}.settings-radio-group{flex-wrap:wrap;gap:1rem;display:flex}.settings-radio{background:var(--color-bg-secondary);border:2px solid var(--color-border);cursor:pointer;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s;display:flex}.settings-radio:hover{border-color:#3b82f6}.settings-radio input[type=radio]{cursor:pointer;width:1.25rem;height:1.25rem}.settings-radio input[type=radio]:checked{accent-color:#3b82f6}.settings-radio span{color:var(--color-text-primary);font-weight:500}.settings-radio input[type=radio]:checked+span{color:#3b82f6}.settings-checkbox{cursor:pointer;align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.settings-checkbox input[type=checkbox]{cursor:pointer;flex-shrink:0;width:1.25rem;height:1.25rem;margin-top:.125rem}.settings-checkbox input[type=checkbox]:checked{accent-color:#3b82f6}.settings-checkbox span{color:var(--color-text-primary);font-weight:500}.settings-info-box{background:#dbeafe;border:1px solid #93c5fd;border-radius:8px;margin-top:1rem;padding:1rem 1.5rem}[data-theme=dark] .settings-info-box{background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.3)}.settings-info-box p{color:#1e40af;margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .settings-info-box p{color:#93c5fd}.settings-info-box p strong{font-weight:600}.settings-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;padding-top:1.5rem;display:flex}.settings-info{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:12px;padding:1.5rem}.settings-info h3{color:var(--color-text-primary);margin-bottom:1rem;font-size:1.125rem;font-weight:600}.settings-info p{color:var(--color-text-secondary);margin-bottom:.75rem;line-height:1.6}.settings-info p:last-child{margin-bottom:0}.settings-info p strong{color:var(--color-text-primary);font-weight:600}.settings-section--tax-years{background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:12px;margin-bottom:2rem;padding:2rem}.settings-section--tax-years .settings-section__header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.settings-section--tax-years .settings-section__description{color:var(--color-text-muted);margin-bottom:1.5rem;font-size:.875rem;line-height:1.6}.tax-years-list__empty{text-align:center;color:var(--color-text-muted);padding:2rem;font-style:italic}.tax-years-table{border-collapse:collapse;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:8px;width:100%;overflow:hidden}.tax-years-table thead{background:var(--color-bg-secondary)}.tax-years-table th,.tax-years-table td{text-align:left;border-bottom:1px solid var(--color-border);padding:1rem}.tax-years-table th{text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);font-size:.875rem;font-weight:600}.tax-years-table td{color:var(--color-text-primary);font-size:.9375rem}.tax-years-table td strong{font-weight:600}.tax-years-table tbody tr{transition:background .2s}.tax-years-table tbody tr:hover{background:var(--color-bg-secondary)}.tax-years-table tbody tr:last-child td{border-bottom:none}.tax-years-table .tax-year--active{background:rgba(59,130,246,.05)}[data-theme=dark] .tax-years-table .tax-year--active{background:rgba(59,130,246,.1)}.tax-years-table .badge,.tax-years-table .dashboard-header .header-content .header-right .user-info .user-role,.dashboard-header .header-content .header-right .user-info .tax-years-table .user-role{border-radius:12px;margin-left:.5rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-block}.tax-years-table .badge--success{color:#065f46;background:#d1fae5}[data-theme=dark] .tax-years-table .badge--success{color:#34d399;background:rgba(16,185,129,.2)}.tax-years-table .status-badge{border-radius:6px;padding:.375rem .875rem;font-size:.8125rem;font-weight:600;display:inline-block}.tax-years-table .status-badge--success{color:#065f46;background:#d1fae5}[data-theme=dark] .tax-years-table .status-badge--success{color:#34d399;background:rgba(16,185,129,.2)}.tax-years-table .status-badge--neutral{background:var(--color-bg-tertiary);color:var(--color-text-muted)}.tax-years-table__actions{align-items:center;gap:.5rem;display:flex}.tax-band-row{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:8px;grid-template-columns:1fr 1fr .8fr auto;align-items:center;gap:.75rem;margin-bottom:.75rem;padding:1rem;display:grid}.tax-band-row:last-child{margin-bottom:0}.tax-band-row .form-control--sm{padding:.5rem .75rem;font-size:.875rem}.tax-band-row .tax-band-label{color:#3b82f6;white-space:nowrap;text-align:right;min-width:50px;font-weight:600}.modal-body .modal-actions{border-top:1px solid var(--color-border);justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.tax-calc__intro{background:var(--color-bg-secondary);border-radius:8px;margin-bottom:1.5rem;padding:1rem}.tax-calc__intro p{color:var(--color-text-secondary);margin:0}.tax-calc__section{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;padding-bottom:1.5rem}.tax-calc__section:last-of-type{border-bottom:none}.tax-calc__section h3{color:#3b82f6;margin-bottom:1rem;font-size:1.125rem;font-weight:600}.tax-calc__section--final{background:var(--color-bg-secondary);border-bottom:none;border-radius:8px;padding:1.5rem}.tax-calc__row{color:var(--color-text-primary);justify-content:space-between;align-items:center;padding:.75rem 0;display:flex}.tax-calc__row--muted{color:var(--color-text-muted);padding:.5rem 0;font-size:.875rem}.tax-calc__row--total{border-top:1px solid var(--color-border);margin-top:.5rem;padding-top:1rem;font-weight:600}.tax-calc__row--result{border-top:1px dashed var(--color-border);color:#3b82f6;margin-top:.5rem;padding-top:.75rem;font-weight:600}.tax-calc__row--large{padding:1rem 0;font-size:1.25rem}.tax-calc__row--success,.tax-calc__row--success strong{color:#10b981}.tax-calc__disclaimer{background:#fef3c7;border:1px solid #fbbf24;border-radius:8px;margin-top:1.5rem;padding:1rem}[data-theme=dark] .tax-calc__disclaimer{background:rgba(251,191,36,.1);border-color:rgba(251,191,36,.3)}.tax-calc__disclaimer p{color:#92400e;margin:0;font-size:.875rem;line-height:1.6}[data-theme=dark] .tax-calc__disclaimer p{color:#fbbf24}@media (max-width:768px){.financials-page,.settings-page{padding:1rem}.financials-hero{padding:2rem 1.5rem}.financials-hero__value{font-size:2.5rem}.financials-hero__breakdown{grid-template-columns:1fr}.financials-hero__item-value{font-size:1.5rem}.financials-chart{height:300px}.financials-chart-stats,.financials-quick-stats,.financials-overview{grid-template-columns:1fr}.financials-card__value{font-size:1.5rem}.financials-tax-grid{grid-template-columns:1fr}.settings-actions{flex-direction:column}.settings-actions .btn,.settings-actions .home-container .home-actions .home-btn,.home-container .home-actions .settings-actions .home-btn,.settings-actions .dashboard-header .header-content .header-right .logout-btn,.dashboard-header .header-content .header-right .settings-actions .logout-btn,.settings-actions .dashboard-actions .action-btn,.dashboard-actions .settings-actions .action-btn{width:100%}.settings-section--tax-years{padding:1rem}.settings-section--tax-years .settings-section__header{flex-direction:column;align-items:flex-start;gap:1rem}.settings-section--tax-years .settings-section__header .btn,.settings-section--tax-years .settings-section__header .home-container .home-actions .home-btn,.home-container .home-actions .settings-section--tax-years .settings-section__header .home-btn,.settings-section--tax-years .settings-section__header .dashboard-header .header-content .header-right .logout-btn,.dashboard-header .header-content .header-right .settings-section--tax-years .settings-section__header .logout-btn,.settings-section--tax-years .settings-section__header .dashboard-actions .action-btn,.dashboard-actions .settings-section--tax-years .settings-section__header .action-btn{width:100%}.tax-years-table{font-size:.875rem}.tax-years-table th,.tax-years-table td{padding:.75rem .5rem}.tax-years-table th:nth-child(2),.tax-years-table td:nth-child(2),.tax-years-table th:nth-child(3),.tax-years-table td:nth-child(3){display:none}.tax-years-table__actions{flex-direction:column;align-items:flex-start}.tax-band-row{grid-template-columns:1fr;gap:.5rem}.tax-band-row .tax-band-label{text-align:left}.modal-body .modal-actions{flex-direction:column}.modal-body .modal-actions .btn,.modal-body .modal-actions .home-container .home-actions .home-btn,.home-container .home-actions .modal-body .modal-actions .home-btn,.modal-body .modal-actions .dashboard-header .header-content .header-right .logout-btn,.dashboard-header .header-content .header-right .modal-body .modal-actions .logout-btn,.modal-body .modal-actions .dashboard-actions .action-btn,.dashboard-actions .modal-body .modal-actions .action-btn{width:100%}}.ai-thinking-animation{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:3rem 2rem;display:flex}.ai-thinking-animation .thinking-brain{justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.ai-thinking-animation .thinking-brain .brain-emoji{margin-right:1rem;font-size:4rem;animation:2s ease-in-out infinite brainPulse}.ai-thinking-animation .thinking-brain .thinking-dots{gap:.25rem;display:flex}.ai-thinking-animation .thinking-brain .thinking-dots span{color:#3b82f6;font-size:2rem;animation:1.5s ease-in-out infinite dotBounce}.ai-thinking-animation .thinking-brain .thinking-dots span:first-child{animation-delay:0s}.ai-thinking-animation .thinking-brain .thinking-dots span:nth-child(2){animation-delay:.3s}.ai-thinking-animation .thinking-brain .thinking-dots span:nth-child(3){animation-delay:.6s}.ai-thinking-animation .thinking-message{color:#3b82f6;min-height:2rem;margin-bottom:1.5rem;font-size:1.25rem;font-weight:600;animation:3s ease-in-out infinite messageGlow}.ai-thinking-animation .progress-bar{background:var(--color-bg-tertiary);border-radius:3px;width:100%;max-width:400px;height:6px;margin-bottom:1.5rem;overflow:hidden}.ai-thinking-animation .progress-bar .progress-fill{background:linear-gradient(90deg,#3b82f6,#667eea,#764ba2) 0 0/200% 100%;border-radius:3px;height:100%;animation:2s linear infinite progressFlow}.ai-thinking-animation .thinking-subtitle{color:var(--color-text-secondary);max-width:400px;font-size:.9rem;line-height:1.5;animation:4s ease-in-out infinite subtitleFade}@keyframes brainPulse{0%,to{filter:hue-rotate();transform:scale(1)}50%{filter:hue-rotate(20deg);transform:scale(1.1)}}@keyframes dotBounce{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-20px)}}@keyframes messageGlow{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.8;transform:translateY(-2px)}}@keyframes progressFlow{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes subtitleFade{0%,to{opacity:.7}50%{opacity:1}}.brain-dump-steps{border-bottom:1px solid var(--color-border);justify-content:center;margin-bottom:2rem;padding-top:.5rem;padding-bottom:.5rem;display:flex}.brain-dump-steps .step{opacity:.5;align-items:center;margin:0 2rem;transition:opacity .2s;display:flex}.brain-dump-steps .step--active{opacity:1;color:#3b82f6}.brain-dump-steps .step--completed{opacity:.8;color:#10b981}.brain-dump-steps .step .step-number{background:var(--color-bg-tertiary);border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;margin-right:.5rem;font-size:.875rem;font-weight:600;display:flex}.brain-dump-steps .step--active .step-number{color:#fff;background:#3b82f6}.brain-dump-steps .step--completed .step-number{color:#fff;background:#10b981}.brain-dump-steps .step .step-label{font-size:.875rem;font-weight:500}.brain-dump-textarea{resize:vertical;min-height:200px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.brain-dump-preview{max-height:70vh;overflow-y:auto}.version-tabs{border-bottom:1px solid var(--color-border);margin-bottom:1rem;display:flex}.version-tabs .version-tab{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;padding:.5rem 1rem;transition:all .2s}.version-tabs .version-tab:hover{color:var(--color-text-primary);background:var(--color-hover-bg)}.version-tabs .version-tab--active{color:#3b82f6;border-bottom-color:#3b82f6}.task-preview-controls{background:var(--color-bg-secondary);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:1rem;display:flex}.task-preview-controls .task-stats{gap:1rem;font-size:.875rem;display:flex}.task-preview-controls .task-stats .duplicate-warning{color:#f59e0b;font-weight:500}.task-preview-controls .task-actions{gap:.5rem;display:flex}.task-preview-table{border:1px solid var(--color-border);border-radius:8px;overflow:hidden}.task-preview-table .task-preview-header{background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);grid-template-columns:60px 1fr 120px 100px 80px;font-size:.875rem;font-weight:600;display:grid}.task-preview-table .task-preview-row{border-bottom:1px solid var(--color-border);grid-template-columns:60px 1fr 120px 100px 80px;transition:background-color .2s;display:grid}.task-preview-table .task-preview-row:hover{background:var(--color-hover-bg)}.task-preview-table .task-preview-row--duplicate{background:rgba(245,158,11,.1);border-left:3px solid #f59e0b}.task-preview-table .task-preview-row:last-child{border-bottom:none}.task-preview-table .task-preview-cell{border-right:1px solid var(--color-border);align-items:center;padding:.75rem;display:flex}.task-preview-table .task-preview-cell:last-child{border-right:none}.task-preview-table .task-preview-cell--title{flex-direction:column;align-items:flex-start}.task-preview-table .task-title-display{width:100%}.task-preview-table .task-title-display .duplicate-badge{color:#f59e0b;background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);border-radius:4px;margin-top:.25rem;padding:.25rem .5rem;font-size:.75rem}.task-preview-table .task-title-display .subtasks-count{color:var(--color-text-secondary);margin-top:.25rem;font-size:.75rem}.task-preview-table .task-checkbox{width:18px;height:18px}.brain-dump-confirm{text-align:center}.brain-dump-confirm .success-summary{margin-bottom:2rem}.brain-dump-confirm .success-summary .success-icon{margin-bottom:1rem;font-size:4rem}.brain-dump-confirm .success-summary h3{color:#10b981;margin-bottom:1rem}.brain-dump-confirm .success-summary .success-stats{justify-content:center;gap:2rem;margin-top:1rem;display:flex}.brain-dump-confirm .success-summary .success-stats .stat .stat-number{color:#3b82f6;font-size:2rem;font-weight:700}.brain-dump-confirm .success-summary .success-stats .stat .stat-label{color:var(--color-text-secondary);font-size:.875rem}.brain-dump-confirm .skipped-tasks{text-align:left;background:var(--color-bg-secondary);border-radius:8px;margin-bottom:2rem;padding:1rem}.brain-dump-confirm .skipped-tasks h4{color:#f59e0b;margin-bottom:1rem}.brain-dump-confirm .skipped-tasks .skipped-task{border-bottom:1px solid var(--color-border);padding:.5rem 0}.brain-dump-confirm .skipped-tasks .skipped-task:last-child{border-bottom:none}.brain-dump-confirm .skipped-tasks .skipped-task .skipped-task-title{font-weight:500}.brain-dump-confirm .skipped-tasks .skipped-task .skipped-task-reason{color:var(--color-text-secondary);font-size:.875rem}.project-overview-tab .chip-list{flex-wrap:wrap;gap:.5rem;margin-bottom:.75rem;display:flex}.project-overview-tab .chip{color:#fff;background:#3b82f6;border-radius:16px;align-items:center;padding:.25rem .75rem;font-size:.875rem;font-weight:500;display:inline-flex}.project-overview-tab .chip--warning{background:#f59e0b}.project-overview-tab .chip .chip-remove{color:currentColor;cursor:pointer;opacity:.7;background:0 0;border:none;margin-left:.5rem;padding:0;font-size:1.25rem;line-height:1}.project-overview-tab .chip .chip-remove:hover{opacity:1}.project-overview-tab .input-with-button{align-items:center;gap:.5rem;display:flex}.project-overview-tab .glossary-list{margin-bottom:.75rem}.project-overview-tab .glossary-item{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.project-overview-tab .glossary-item:last-child{border-bottom:none}.project-overview-tab .glossary-item .glossary-remove{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:.25rem}.project-overview-tab .glossary-item .glossary-remove:hover{background:var(--color-bg-tertiary);color:#ef4444}.project-overview-tab .glossary-add{align-items:center;gap:.5rem;display:flex}.project-overview-tab .form-display{background:var(--color-bg-secondary);color:var(--color-text-secondary);border-radius:6px;padding:.75rem;font-style:italic}.tab-nav{border-bottom:1px solid var(--color-border);margin-bottom:1.5rem;display:flex}.tab-nav .tab-nav-item{color:var(--color-text-secondary);cursor:pointer;background:0 0;border:none;border-bottom:2px solid transparent;padding:1rem 1.5rem;font-weight:500;transition:all .2s}.tab-nav .tab-nav-item:hover{color:var(--color-text-primary);background:var(--color-hover-bg)}.tab-nav .tab-nav-item--active{color:#3b82f6;border-bottom-color:#3b82f6}.project-decisions-tab .decisions-list,.project-decisions-tab .epics-list,.project-decisions-tab .questions-list,.project-epics-tab .decisions-list,.project-epics-tab .epics-list,.project-epics-tab .questions-list,.project-questions-tab .decisions-list,.project-questions-tab .epics-list,.project-questions-tab .questions-list{margin-top:1rem}.project-decisions-tab .decision-item,.project-decisions-tab .epic-item,.project-decisions-tab .question-item,.project-epics-tab .decision-item,.project-epics-tab .epic-item,.project-epics-tab .question-item,.project-questions-tab .decision-item,.project-questions-tab .epic-item,.project-questions-tab .question-item{border:1px solid var(--color-border);background:var(--color-bg-secondary);border-radius:8px;margin-bottom:.75rem;padding:1rem}.project-decisions-tab .decision-item:last-child,.project-decisions-tab .epic-item:last-child,.project-decisions-tab .question-item:last-child,.project-epics-tab .decision-item:last-child,.project-epics-tab .epic-item:last-child,.project-epics-tab .question-item:last-child,.project-questions-tab .decision-item:last-child,.project-questions-tab .epic-item:last-child,.project-questions-tab .question-item:last-child{margin-bottom:0}.project-decisions-tab .decision-date,.project-decisions-tab .question-date,.project-epics-tab .decision-date,.project-epics-tab .question-date,.project-questions-tab .decision-date,.project-questions-tab .question-date{color:var(--color-text-secondary);margin-bottom:.5rem;font-size:.75rem}.project-decisions-tab .decision-note,.project-decisions-tab .question-note,.project-epics-tab .decision-note,.project-epics-tab .question-note,.project-questions-tab .decision-note,.project-questions-tab .question-note{line-height:1.5}.project-decisions-tab .epic-item,.project-epics-tab .epic-item,.project-questions-tab .epic-item{align-items:center;gap:1rem;display:flex}.project-decisions-tab .epic-item .epic-code,.project-epics-tab .epic-item .epic-code,.project-questions-tab .epic-item .epic-code{color:#fff;background:#3b82f6;border-radius:4px;padding:.25rem .5rem;font-family:monospace;font-size:.875rem;font-weight:600}.project-decisions-tab .epic-item .epic-title,.project-epics-tab .epic-item .epic-title,.project-questions-tab .epic-item .epic-title{flex:1;font-weight:500}.project-decisions-tab .epic-add,.project-epics-tab .epic-add,.project-questions-tab .epic-add{align-items:center;gap:.5rem;display:flex}.project-decisions-tab .empty-state,.project-epics-tab .empty-state,.project-questions-tab .empty-state{text-align:center;color:var(--color-text-secondary);padding:3rem 1rem;font-style:italic}.modal-container--large{max-width:800px}.modal-container--xl{max-width:1200px;max-height:90vh}.btn--accent{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.btn--accent:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,.4)}.btn--accent:disabled{box-shadow:none;opacity:.6;transform:none}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}@media (max-width:768px){.form-row,.task-preview-header,.task-preview-row{grid-template-columns:1fr}.task-preview-header .task-preview-cell,.task-preview-row .task-preview-cell{border-right:none;border-bottom:1px solid var(--color-border)}.brain-dump-steps .step{margin:0 1rem}.task-preview-controls{flex-direction:column;align-items:stretch;gap:1rem}.task-preview-controls .task-actions{justify-content:center}.success-stats{flex-direction:column!important;gap:1rem!important}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media print{.no-print{display:none!important}.print-only{display:block!important}body{color:#000!important;background:#fff!important}.card,.home-features .feature-card,.stat-card,.client-dashboard .client-projects .project-card{box-shadow:none!important;border:1px solid #000!important}}