*,ol,ul{margin:0;padding:0}ol,ul{list-style:none}li{display:inline-block;margin:0;padding:0}body{background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;line-height:1.6}.app-layout{background-color:#f8fafc;flex-direction:column;height:100vh;width:100vw}.app-body,.app-layout{display:flex;overflow:hidden}.app-body{flex:1 1;position:relative;width:100%}.main-content-area{background-color:#f8fafc;display:flex;flex:1 1;flex-direction:column;overflow:hidden;position:relative}.content-header{align-items:center;background:#546e7a;border-bottom:1px solid #455a64;box-shadow:0 1px 3px #0000001a;color:#fff;display:flex;flex-shrink:0;height:64px;justify-content:space-between;padding:0 2rem;width:100%;z-index:100}.content-header .header-organization-name{color:#fff!important}.content-header .btn-sidebar-toggle{color:#e0e7ff!important}.content-header .btn-sidebar-toggle:hover{background:#ffffff1a!important;border-radius:6px;color:#fff!important}.content-header-logo{align-items:center;display:flex}.header-logo{border-radius:8px;height:48px;width:48px}.content-header-actions{align-items:center;display:flex;gap:.75rem}.content-wrapper{flex:1 1;overflow-y:auto;padding:1.5rem}.sidebar{background:#546e7a;border-right:1px solid #455a64;box-shadow:2px 0 12px #4f46e533;color:#e0e7ff;display:flex;flex-direction:column;flex-shrink:0;overflow-x:hidden;position:relative;transition:width .3s cubic-bezier(.4,0,.2,1);white-space:nowrap;width:220px}.sidebar.collapsed{width:72px}.sidebar.collapsed .sidebar-brand{justify-content:center}.sidebar.collapsed .logout-btn,.sidebar.collapsed .nav-item{justify-content:center;padding:.6rem 0}.sidebar-header{border-bottom:1px solid #455a64;height:64px;padding:0 1.5rem;position:relative;z-index:1}.sidebar-brand,.sidebar-header{align-items:center;display:flex}.sidebar-brand{gap:.75rem;height:100%;justify-content:flex-end;width:100%}.sidebar-logo{border-radius:8px;box-shadow:0 2px 8px #00000014;height:48px;width:48px}.sidebar-brand-text{color:#fff;flex:1 1;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar-company-name{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.05em;margin-right:auto}.collapse-btn-header{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;flex-shrink:0;justify-content:center;padding:.4rem;transition:all .3s ease}.collapse-btn-header:hover{background:#ffffff40;box-shadow:0 2px 8px #fff3;color:#fff;transform:scale(1.05)}.sidebar-nav{flex:1 1;overflow-y:auto;padding:1.5rem 1rem;position:relative;z-index:1}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#455a644d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff80}.nav-group{margin-bottom:2rem}.nav-label{color:#cfd8dc;font-size:.75rem;font-weight:700;letter-spacing:.1em;margin-bottom:.75rem;padding-left:.75rem;text-transform:uppercase}.nav-item{align-items:center;border-radius:10px;color:#e0e7ff;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;margin-bottom:.35rem;overflow:hidden;padding:.7rem .75rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-item:before{background:#ffffff1a;border-radius:10px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.nav-item:hover:before{opacity:1}.nav-item:hover{box-shadow:0 2px 8px #ffffff26;color:#fff;transform:translateX(4px)}.nav-item.active{background:#37474f;box-shadow:0 4px 12px #0003;color:#fff;font-weight:600}.nav-item.active:after{background:#fff;border-radius:0 4px 4px 0;box-shadow:0 0 6px #fff9;content:"";height:60%;left:0;position:absolute;top:50%;transform:translateY(-50%);width:3px}.nav-item.disabled{cursor:not-allowed;opacity:.4}.badge-soon{border-radius:6px;font-size:.65rem;font-weight:600;margin-left:auto;padding:3px 8px}.sidebar-footer{border-top:1px solid #455a64;display:flex;flex-direction:column;gap:.5rem;padding:1rem;position:relative;z-index:1}.collapse-btn{align-items:center;background:#ffffff26;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.7rem .75rem;transition:all .3s ease;width:100%}.collapse-btn:hover{background:#ffffff40;box-shadow:0 2px 8px #fff3;color:#fff;transform:translateY(-2px)}.sidebar.collapsed .collapse-btn{justify-content:center;padding:.6rem 0}.logout-btn{align-items:center;background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.75rem;padding:.7rem .75rem;transition:all .3s ease;width:100%}.logout-btn:hover{background:#fff3;box-shadow:0 2px 8px #0003;color:#fff;transform:translateY(-2px)}.page-header{margin-bottom:1.5rem}.page-header-top{align-items:center;display:flex;gap:1.5rem;justify-content:space-between;margin-bottom:1rem}.page-title{color:#0f172a;font-weight:700;letter-spacing:-.025em}.page-subtitle{font-size:.875rem;margin-top:.25rem}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.page-header-content{margin-top:1rem}.filters-bar{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:.75rem;padding:.75rem 1rem}.filter-select{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%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 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;border:1px solid #e2e8f0;color:#475569;padding:.5rem 2rem .5rem .75rem;transition:border-color .2s}.filter-select:hover{border-color:#cbd5e1}.filter-select:focus{border-color:#94a3b8;box-shadow:0 0 0 2px #94a3b81a}.projects-header-compact{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:0 0 .75rem}.projects-header-left,.projects-title-compact{align-items:center;display:flex;gap:.5rem}.projects-title-compact{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0}.projects-count{color:#64748b;font-size:1rem;font-weight:500}.projects-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.filters-compact{align-items:center;background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.5rem;padding:.375rem}.filter-select-compact{-webkit-appearance:none;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 12 12'%3E%3Cpath fill='%23475569' d='M6 9 1 4h10z'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;border:none;border-radius:6px;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;min-width:110px;padding:.375rem 1.75rem .375rem .625rem;transition:all .2s ease}.filter-select-compact:hover{background-color:#f1f5f9}.filter-select-compact:focus{background-color:#fff;box-shadow:0 0 0 2px #546e7a1a;outline:none}.filter-clear-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;height:28px;justify-content:center;margin-left:.25rem;padding:0;transition:all .2s ease;width:28px}.filter-clear-btn:hover{background:#e2e8f0;color:#1e293b}.view-toggle-compact{background-color:#f1f5f9;border:1px solid #e5e7eb;border-radius:8px;display:inline-flex;gap:.25rem;padding:.25rem}.view-toggle-btn-compact{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:.375rem;transition:all .2s ease;width:32px}.view-toggle-btn-compact:hover{background-color:#e2e8f0;color:#1e293b}.view-toggle-btn-compact.active{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#546e7a}.view-toggle-btn-compact svg{height:16px;width:16px}.btn-new-project-compact{align-items:center;background:#546e7a;border:none;border-radius:8px;box-shadow:0 2px 4px #546e7a33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-new-project-compact:hover{box-shadow:0 4px 8px #546e7a4d;transform:translateY(-1px)}.btn-new-project-compact svg{height:16px;width:16px}.btn-filter-compact{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:relative;transition:all .2s ease}.btn-filter-compact:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.btn-filter-compact.active{background:linear-gradient(135deg,#546e7a,#455a64);border-color:#0000;box-shadow:0 2px 4px #546e7a33;color:#fff}.btn-filter-compact.active:hover{box-shadow:0 4px 8px #546e7a4d}.btn-filter-compact svg{height:16px;width:16px}.filter-badge{background:#ef4444;border:2px solid #fff;border-radius:50%;height:8px;position:absolute;right:-4px;top:-4px;width:8px}.badge{align-items:center;border-radius:9999px;display:inline-flex;font-size:.75rem;font-weight:600;line-height:1;padding:.25rem .625rem;white-space:nowrap}.badge-status{text-transform:capitalize}.badge-status.to-do,.badge-status.to_do{background-color:#f1f5f9;color:#475569}.badge-status.in-progress,.badge-status.in_progress{background-color:#dbeafe;color:#1e40af}.badge-status.in-review,.badge-status.in_review{background-color:#fef3c7;color:#92400e}.badge-status.done{background-color:#d1fae5;color:#065f46}.badge-status.checked{background-color:#e0e7ff;color:#3730a3}.badge-status.on-hold,.badge-status.on_hold{background-color:#fee2e2;color:#991b1b}.badge-priority{align-items:center;display:inline-flex;gap:.25rem}.badge-priority.low{background-color:#f1f5f9;color:#64748b}.badge-priority.medium{background-color:#fef3c7;color:#92400e}.badge-priority.high{background-color:#fed7aa;color:#9a3412}.badge-priority.urgent{background-color:#fee2e2;color:#991b1b}.badge-project-status{text-transform:capitalize}.badge-project-status.active{background-color:#dcfce7;color:#166534}.badge-project-status.inactive{background-color:#f1f5f9;color:#64748b}.badge-project-status.dormant{background-color:#e2e8f0;color:#475569}.badge-project-status.in-discussion,.badge-project-status.in_discussion{background-color:#e0e7ff;color:#3730a3}.badge-project-status.progress{background-color:#dbeafe;color:#1e40af}.badge-project-status.on-hold,.badge-project-status.on_hold{background-color:#fef3c7;color:#92400e}.badge-project-status.completed{background-color:#d1fae5;color:#065f46}.badge-project-status.archived{background-color:#f1f5f9;color:#475569}.avatar{align-items:center;background-color:#e2e8f0;border-radius:9999px;color:#475569;display:inline-flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:2rem;justify-content:center;overflow:hidden;width:2rem}.avatar-sm{font-size:.75rem;height:1.5rem;width:1.5rem}.avatar-lg{font-size:1rem;height:2.5rem;width:2.5rem}.avatar img{height:100%;object-fit:cover;width:100%}.avatar-group{align-items:center;display:flex}.avatar-group .avatar{border:2px solid #fff;margin-left:-.5rem}.avatar-group .avatar:first-child{margin-left:0}.view-toggle{background-color:#f1f5f9;border-radius:8px;display:inline-flex;gap:.25rem;padding:.25rem}.view-toggle-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s}.view-toggle-btn:hover{color:#0f172a}.view-toggle-btn.active{background-color:#fff;box-shadow:0 1px 2px 0 #0000000d;color:#0f172a}.view-toggle-btn svg{height:1rem;width:1rem}.data-table-container{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.data-table thead{background-color:#f8fafc;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;padding:.75rem 1rem;text-align:left}.data-table td{border-bottom:1px solid #f1f5f9;color:#0f172a;font-size:.875rem;padding:1rem}.data-table tbody tr{transition:background-color .15s}.data-table tbody tr:hover{background-color:#f8fafc}.data-table tbody tr:last-child td{border-bottom:none}.kanban-board{display:flex;gap:1rem;overflow-x:auto;padding-bottom:1rem}.kanban-column{background-color:#f8fafc;border-radius:12px;display:flex;flex:0 0 320px;flex-direction:column;max-height:calc(100vh - 250px);padding:1rem}.kanban-column-header{align-items:center;border-bottom:2px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.kanban-column-title{color:#0f172a;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.kanban-column-count{align-items:center;background-color:#e2e8f0;border-radius:9999px;color:#475569;display:inline-flex;font-size:.75rem;font-weight:600;height:1.5rem;justify-content:center;min-width:1.5rem;padding:0 .5rem}.kanban-column-cards{display:flex;flex:1 1;flex-direction:column;gap:.75rem;overflow-y:auto}.kanban-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;cursor:pointer;padding:.75rem;transition:all .2s}.kanban-card:hover{border-color:#cbd5e1;box-shadow:0 2px 4px #0000000d}.kanban-card-title{color:#0f172a;font-size:.875rem;font-weight:500;line-height:1.4;margin-bottom:.5rem}.kanban-card-meta{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.projects-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.project-card-modern{align-self:start;background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 1px 3px #0000000d;color:inherit;cursor:pointer;display:flex;flex-direction:column;padding:1.75rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.project-card-modern:hover{border-color:#546e7a;box-shadow:0 10px 25px -5px #546e7a26,0 4px 6px -2px #546e7a1a;transform:translateY(-4px)}.project-card-modern-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.project-card-modern-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;color:#1e293b;flex:1 1;font-size:1.25rem;font-weight:700;line-height:1.3;margin:0}.project-card-number{background:#f8fafc;border-radius:6px;color:#94a3b8;font-size:.75rem;font-weight:500;padding:.25rem .5rem;white-space:nowrap}.project-card-modern-badges{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.project-stage-badge{align-items:center;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #bae6fd;border-radius:8px;color:#0369a1;display:inline-flex;font-size:.75rem;font-weight:600;padding:.375rem .75rem}.project-card-description{-webkit-line-clamp:3;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.875rem;line-height:1.6;margin:0 0 1.25rem;overflow:hidden}.project-card-modern-meta{display:flex;flex:1 1;flex-direction:column;gap:.875rem;margin-bottom:1.25rem}.project-card-modern-meta-item{align-items:flex-start;display:flex;gap:.75rem}.project-card-modern-meta-item svg{color:#94a3b8;flex-shrink:0;margin-top:.125rem}.project-card-modern-meta-item>div{display:flex;flex:1 1;flex-direction:column;gap:.25rem;min-width:0}.project-card-modern-meta-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.project-card-modern-meta-value{color:#1e293b;font-size:.875rem;font-weight:500;word-break:break-word}.project-card-modern-footer{align-items:center;border-top:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:auto;padding-top:1.25rem}.project-budget{display:flex;flex-direction:column;gap:.25rem}.budget-label{color:#94a3b8;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.budget-value{color:#059669;font-size:1rem;font-weight:700}.project-card-arrow{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:10px;color:#fff;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.project-card-modern:hover .project-card-arrow{box-shadow:0 4px 12px #546e7a4d;transform:translateX(4px)}.task-row{grid-gap:1rem;align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:grid;gap:1rem;grid-template-columns:80px 1fr 120px 120px 100px 100px;padding:.75rem 1rem;transition:background-color .15s}.task-row:hover{background-color:#f8fafc}.task-row-id{color:#64748b;font-family:SF Mono,Monaco,Courier New,monospace;font-size:.75rem;font-weight:500}.task-row-title{color:#0f172a;font-size:.875rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-row-priority{gap:.5rem}.task-row-assignee,.task-row-priority,.task-row-status{align-items:center;display:flex}.task-row-assignee{gap:.5rem}.task-row-date{color:#64748b;font-size:.75rem}.task-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:.25rem;margin-bottom:1rem;margin-top:0}.task-tab{align-items:center;background:#0000;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s}.task-tab:hover{color:#0f172a}.task-tab.active{border-bottom-color:#0f172a;color:#0f172a;font-weight:600}.tab-count{align-items:center;background-color:#f1f5f9;border-radius:9999px;color:#64748b;display:inline-flex;font-size:.75rem;font-weight:600;height:1.25rem;justify-content:center;min-width:1.25rem;padding:0 .375rem}.task-tab.active .tab-count{background-color:#e2e8f0;color:#0f172a}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.register-container{align-items:center;animation:gradient-animation 15s ease infinite;background:linear-gradient(-45deg,#f1f5f9,#e2e8f0,#f8fafc,#cbd5e1);background-size:400% 400%;display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.register-container:before{animation:float 10s ease-in-out infinite;background:radial-gradient(circle,#6366f10d 0,#0000 70%);height:600px;left:-100px;top:-100px;width:600px}.register-container:after,.register-container:before{border-radius:50%;content:"";pointer-events:none;position:absolute}.register-container:after{animation:float 12s ease-in-out infinite reverse;background:radial-gradient(circle,#a855f70d 0,#0000 70%);bottom:-50px;height:500px;right:-50px;width:500px}.register-background{align-items:center;display:flex;flex-direction:column;max-width:1200px;width:100%}.register-content{max-width:900px;width:100%}.register-header{margin-bottom:2rem;text-align:center}.logo-section{align-items:center;display:flex;flex-direction:column;gap:1rem}.logo-image{border-radius:12px;box-shadow:0 8px 32px #0000001a;height:80px;width:auto}.brand-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);background-clip:text;-webkit-background-clip:text;color:#0f172a;font-size:2rem;font-weight:800;letter-spacing:-.03em;margin:0}.brand-subtitle{color:#64748b;font-size:1rem;font-weight:500;letter-spacing:.02em;margin:0}.register-card{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#ffffffd9;border:1px solid #e2e8f099;border-radius:24px;box-shadow:0 4px 6px -1px #00000005,0 20px 25px -5px #0000000d,inset 0 0 0 1px #fff9;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.register-card:hover{box-shadow:0 10px 15px -3px #00000008,0 25px 30px -5px #0000000f,inset 0 0 0 1px #fffc}.card-header-section{background:#0000;color:#0f172a;padding:3rem 2rem 1.5rem;text-align:center}.card-title{font-size:2rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.card-subtitle{color:#64748b;font-size:1rem;font-weight:400;margin:0}.progress-steps{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:center;padding:2rem}.step{align-items:center;display:flex;flex-direction:column;gap:.5rem;opacity:.5;transition:all .3s ease}.step.active{opacity:1}.step-number{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;display:flex;font-size:1.1rem;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.step.active .step-number{background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:0 4px 12px #546e7a4d;color:#fff}.step-label{color:#64748b;font-size:.9rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.step.active .step-label{color:#546e7a;font-weight:600}.message{align-items:center;border-radius:12px;display:flex;gap:.75rem;margin:1.5rem;padding:1rem 1.5rem}.message-icon{font-size:1.2rem}.register-form{padding:0 1.5rem}.form-step{padding:2rem 0}.section-title{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:2rem;padding-bottom:1rem}.section-icon{font-size:2rem}.section-title h3{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.form-row{margin-bottom:1.5rem}.form-label{color:#374151;font-size:.9rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.required{color:#ef4444;font-weight:700}.form-input,.form-textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.95rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.form-input:hover,.form-textarea:hover{background:#fff;border-color:#cbd5e1}.form-input:focus,.form-textarea:focus{background:#fff;border-color:#94a3b8;box-shadow:0 0 0 4px #94a3b826;transform:translateY(-1px)}.form-input.error,.form-textarea.error{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.form-input.error:focus,.form-textarea.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.form-input::placeholder,.form-textarea::placeholder{color:#9ca3af}.form-help{color:#6b7280;font-style:italic}.form-error,.form-help{font-size:.8rem;margin-top:.25rem}.form-error{align-items:center;color:#ef4444;display:flex;font-weight:500;gap:.25rem}.form-error:before{content:"⚠";font-size:.75rem}.step-actions{align-items:center;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-top:2rem;padding-top:2rem}.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;min-width:140px;padding:.875rem 2rem;text-decoration:none;transition:all .2s ease}.btn-primary{box-shadow:0 4px 6px -1px #0f172a1a,0 2px 4px -1px #0f172a0f;overflow:hidden;position:relative}.btn-primary:after{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:.5s;width:100%}.btn-primary:hover:after{left:100%}.btn-primary:hover{box-shadow:0 10px 15px -3px #0f172a26,0 4px 6px -2px #0f172a1a;transform:translateY(-2px)}.btn-primary:disabled{transform:none}.btn-secondary{border:2px solid #e5e7eb}.btn-secondary:hover{border-color:#d1d5db}.loading-spinner{color:#64748b;font-size:1.1rem;padding:4rem;text-align:center}.card-footer{background:#f8fafc;border-top:1px solid #e2e8f0;padding:1.5rem;text-align:center}.footer-text{color:#6b7280;margin:0}.link-button{background:none;border:none;color:#546e7a;cursor:pointer;font-size:inherit;font-weight:600;padding:0;text-decoration:underline}.link-button:hover{color:#5b21b6}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.loading-container p{color:#6b7280;font-size:1.1rem;margin-top:1rem}.error-container{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:16px;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem;text-align:center}.error-icon{font-size:3rem;margin-bottom:1rem}.error-container h2{color:#dc2626;font-size:1.5rem;margin-bottom:1rem}.error-container p{color:#7f1d1d;font-size:1.1rem;margin-bottom:2rem}.page-header{border-bottom:1px solid #e2e8f0;padding-bottom:.25rem}.page-title{letter-spacing:-.01em;margin:0}.page-subtitle{color:#6b7280}.btn-outline{background:#fff;border:2px solid #546e7a;border-radius:12px;font-size:.9rem;font-weight:600;gap:.5rem}.btn-outline:hover{background:#546e7a;box-shadow:0 4px 12px #546e7a33;transform:translateY(-1px)}.admin-register-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.admin-register-form{display:flex;flex-direction:column;gap:2rem}.form-section{border:1px solid #e2e8f0}.form-actions{border-top:1px solid #f1f5f9;padding-top:1.5rem}.info-card{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.info-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1rem}.info-icon{font-size:1.5rem}.info-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.info-content{color:#4b5563}.info-list{list-style:none;margin:0;padding:0}.info-list li{border-bottom:1px solid #f1f5f9;display:block;padding:.5rem 0 .5rem 1.5rem;position:relative}.info-list li:before{color:#10b981;content:"✓";font-weight:700;left:0;position:absolute}.info-list li:last-child{border-bottom:none}@media (max-width:768px){.register-container{padding:1rem}.brand-title{font-size:2rem}.card-title{font-size:1.5rem}.form-row{gap:1rem;grid-template-columns:1fr}.step-actions{flex-direction:column;gap:1rem}.btn-primary,.btn-secondary{width:100%}.progress-steps{gap:1rem;padding:1.5rem}}@media (max-width:480px){.card-header-section{padding:1.5rem}.register-form{padding:0 1rem}.form-step{padding:1.5rem 0}}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#546e7a,#455a64);border-bottom:none;box-shadow:0 8px 32px #546e7a33,0 2px 8px #0000001a;padding:0}.navbar,.navbar-ultra-modern{position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-ultra-modern{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#fffffff5;border-bottom:1px solid #e2e8f099;box-shadow:0 1px 3px #0000000a,0 1px 20px #00000005;transition:all .4s cubic-bezier(.4,0,.2,1)}.navbar-container-ultra{align-items:center;display:flex;height:76px;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 2rem}.navbar-brand-ultra{align-items:center;display:flex;flex-shrink:0}.brand-link-ultra{align-items:center;color:inherit;display:flex;gap:1rem;text-decoration:none;transition:all .3s ease}.brand-link-ultra:hover{transform:translateY(-1px)}.brand-logo-ultra{border-radius:12px;box-shadow:0 4px 12px #0000001a;height:44px;object-fit:cover;transition:all .3s ease;width:44px}.brand-link-ultra:hover .brand-logo-ultra{box-shadow:0 6px 20px #00000026;transform:scale(1.05)}.brand-text-ultra{display:flex;flex-direction:column;gap:.25rem}.brand-name-ultra{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#0f172a,#334155);background-clip:text;-webkit-background-clip:text;color:#0f172a;font-size:1.375rem;font-weight:800;letter-spacing:-.025em;line-height:1.1;transition:all .3s cubic-bezier(.4,0,.2,1)}.brand-subtitle-ultra{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mobile-toggle-ultra{background:none;border:none;border-radius:8px;cursor:pointer;display:none;padding:.5rem;transition:all .3s ease}.mobile-toggle-ultra:hover{background:#f8fafc}.hamburger-ultra{display:flex;flex-direction:column;gap:4px;height:18px;position:relative;width:24px}.hamburger-ultra span{background:#64748b;border-radius:2px;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-ultra.active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger-ultra.active span:nth-child(2){opacity:0;transform:scaleX(0)}.hamburger-ultra.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar-nav-ultra{align-items:center;display:flex;gap:2rem}.nav-links-ultra{align-items:center;display:flex;gap:.5rem}.nav-item-ultra{align-items:center;border-radius:12px;color:#475569;display:flex;font-size:.9375rem;font-weight:600;gap:.625rem;letter-spacing:-.01em;line-height:1.4;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item-ultra:before{background:linear-gradient(90deg,#0000,#3b82f61f,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .6s cubic-bezier(.4,0,.2,1);width:100%}.nav-item-ultra:hover:before{left:100%}.nav-item-ultra:hover{background:#f8fafccc;box-shadow:0 4px 12px #3b82f626;color:#455a64;transform:translateY(-2px) scale(1.02)}.nav-item-ultra.active{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:1px solid #3b82f633;box-shadow:0 4px 16px #3b82f640,0 2px 4px #3b82f61a;color:#455a64;font-weight:700}.nav-item-ultra svg{opacity:.8;transition:all .4s cubic-bezier(.4,0,.2,1)}.nav-item-ultra:hover svg{opacity:1;transform:scale(1.15) rotate(2deg)}.nav-item-ultra.logout-btn:hover svg{opacity:1}.app-switcher{margin-bottom:1rem;position:relative}.app-switcher-trigger{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.75rem 1rem;transition:all .2s;width:100%}.app-switcher-trigger:hover{background:#f1f5f9;border-color:#cbd5e1}.app-switcher-icon{font-size:1.25rem;line-height:1}.app-switcher-name{flex:1 1;font-weight:600;text-align:left}.app-switcher-arrow{color:#64748b;height:12px;transition:transform .2s;width:12px}.app-switcher-arrow.open{transform:rotate(180deg)}.app-switcher-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 25px #0000001a;left:0;overflow:hidden;position:absolute;right:0;top:calc(100% + .5rem);z-index:1000}.app-switcher-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:.75rem 1rem}.app-switcher-title{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.app-switcher-grid{display:flex;flex-direction:column;gap:.25rem;padding:.5rem}.app-card{align-items:center;background:#0000;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem 1rem;text-align:left;transition:all .2s}.app-card:hover{background:#f8fafc}.app-card.active{background:#6366f1;color:#fff}.app-card.active .app-card-desc,.app-card.active .app-card-name{color:#fff}.app-card.coming-soon{cursor:not-allowed;opacity:.6}.app-card-icon{flex-shrink:0;font-size:1.75rem;line-height:1}.app-card-content{flex:1 1;min-width:0}.app-card-name{color:#0f172a;font-size:.875rem;font-weight:600;margin-bottom:.125rem}.app-card-desc{color:#64748b;font-size:.75rem;line-height:1.3}.app-card-badge{background:#fef3c7;border-radius:9999px;color:#92400e;display:inline-block;font-size:.625rem;font-weight:600;letter-spacing:.05em;margin-top:.25rem;padding:.125rem .5rem;text-transform:uppercase}.sidebar.collapsed .app-switcher-arrow,.sidebar.collapsed .app-switcher-name{display:none}.sidebar.collapsed .app-switcher-trigger{justify-content:center;padding:.75rem}.app-launcher{position:relative;z-index:2000}.app-launcher-trigger{align-items:center;background:#0000;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;transition:all .2s;width:40px}.app-launcher-trigger:hover{background:#ffffff1a;color:#fff}.app-drawer-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;height:100vh;left:0;opacity:0;position:fixed;top:0;transition:all .3s;visibility:hidden;width:100vw;z-index:2000}.app-drawer-overlay.open{opacity:1;visibility:visible}.app-drawer{background:#fff;box-shadow:-10px 0 25px #0000001a;display:flex;flex-direction:column;height:100vh;position:fixed;right:-400px;top:0;transition:right .3s cubic-bezier(.4,0,.2,1);width:400px;z-index:2001}.app-drawer.open{right:0}.app-drawer-search-container{border-bottom:1px solid #e2e8f0;padding:1.5rem}.app-drawer-search-wrapper{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;padding:.75rem 1rem;position:relative}.search-icon{color:#64748b;margin-right:.75rem}.app-drawer-search-input{background:#0000;border:none;color:#1e293b;font-size:.95rem;width:100%}.app-drawer-search-input:focus{outline:none}.app-drawer-content{flex:1 1;overflow-y:auto;padding:1.5rem}.app-drawer-section{margin-bottom:2rem}.app-drawer-section-title{color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:1rem;text-transform:uppercase}.featured-app-card{align-items:flex-start;background:#546e7a;border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1.25rem;transition:transform .2s}.featured-app-card:hover{transform:translateY(-2px)}.featured-app-icon-wrapper{align-items:center;background:#fff3;border-radius:10px;display:flex;flex-shrink:0;font-size:1.5rem;height:48px;justify-content:center;width:48px}.featured-app-info h4{color:#fff;font-size:1rem;margin:0 0 .25rem}.featured-app-info p{color:#fffc;font-size:.8rem;line-height:1.4;margin:0 0 .75rem}.learn-more-link{color:#fff;font-size:.75rem;font-weight:600;text-transform:uppercase}.app-drawer-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.app-drawer-item{align-items:center;background:#0000;border:none;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;padding:.75rem .25rem;text-align:center;transition:background .2s}.app-drawer-item:hover{background:#f1f5f9}.app-drawer-item.coming-soon{cursor:default;opacity:.5}.app-drawer-item-icon{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;font-size:1.5rem;height:48px;justify-content:center;margin-bottom:.5rem;transition:transform .2s;width:48px}.app-drawer-item:hover .app-drawer-item-icon{border-color:#cbd5e1;transform:scale(1.1)}.app-drawer-item-name{color:#334155;font-size:.8rem;font-weight:500;line-height:1.2}.badge-soon{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:.6rem;margin-top:.25rem;padding:.125rem .375rem}.no-apps-found{color:#64748b;padding:2rem;text-align:center}@media (max-width:768px){.content-header{height:56px;padding:0 1rem}.app-launcher-trigger{height:36px;width:36px}.app-drawer{max-width:100vw;right:-100%;width:100%}.app-drawer.open{right:0}.content-wrapper{padding:1rem}}@media (max-width:480px){.content-header{height:52px;padding:0 .75rem}.app-launcher-trigger{height:32px;width:32px}.app-launcher-trigger svg{height:20px;width:20px}.content-wrapper{padding:.75rem}.app-drawer-content,.app-drawer-search-container{padding:1rem}.app-drawer-section{margin-bottom:1.5rem}.app-drawer-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.featured-app-card{padding:1rem}}.nav-item-disabled{cursor:not-allowed;opacity:.5;pointer-events:none;position:relative}.nav-item-disabled:hover{background:none!important;transform:none!important}.nav-item-disabled:hover:before{left:-100%!important}.nav-item-disabled:hover svg{opacity:.8!important;transform:none!important}.coming-soon-badge{background:#f59e0b;border-radius:4px;color:#fff;font-size:.6rem;font-weight:600;letter-spacing:.5px;margin-left:.5rem;padding:.2rem .4rem;text-transform:uppercase}.logout-btn-ultra,.nav-actions-ultra{align-items:center;display:flex}.logout-btn-ultra{background:#f8fafccc;border:1px solid #e2e8f0cc;border-radius:12px;color:#475569;cursor:pointer;font-size:.9375rem;font-weight:600;gap:.625rem;letter-spacing:-.01em;line-height:1.4;overflow:hidden;padding:.875rem 1.25rem;position:relative;transition:all .3s ease}.logout-btn-ultra:before{background:linear-gradient(90deg,#0000,#ef44441a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-btn-ultra:hover:before{left:100%}.logout-btn-ultra:hover{background:#fef2f2e6;border-color:#fecacacc;box-shadow:0 6px 16px #ef444440,0 2px 4px #ef44441a;color:#dc2626;transform:translateY(-2px) scale(1.02)}.logout-btn-ultra svg{opacity:.8;transition:all .4s cubic-bezier(.4,0,.2,1)}.logout-btn-ultra:hover svg{opacity:1;transform:scale(1.15) rotate(-8deg)}.mobile-overlay-ultra{display:none}.navbar-modern{background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container-modern{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:70px;padding:0 2rem;position:relative}.navbar-brand-section-modern{align-items:center;display:flex;flex-shrink:0}.navbar-brand-modern{align-items:center;color:#1e293b;display:flex;gap:1rem;padding:.5rem 0;text-decoration:none;transition:all .3s ease}.navbar-brand-modern:hover{color:#546e7a;transform:translateY(-1px)}.navbar-logo-modern{border-radius:8px;box-shadow:0 2px 4px #0000001a;height:40px;object-fit:cover;width:40px}.brand-info-modern{display:flex;flex-direction:column;gap:.25rem}.organization-name-modern{color:#1e293b;font-size:1.25rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.welcome-text-modern{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.mobile-menu-toggle-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:none;padding:.75rem;transition:all .3s ease;z-index:1001}.mobile-menu-toggle-modern:hover{background:#f1f5f9;border-color:#cbd5e1;color:#374151}.navbar-nav-wrapper-modern{align-items:center;display:flex;gap:2rem}.navbar-nav-modern{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-nav-modern li{display:inline-block;margin:0}.navbar-nav-modern .nav-link-modern{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;position:relative;text-decoration:none;transition:all .2s ease}.navbar-nav-modern .nav-link-modern:hover{background:#f8fafc;border-color:#e2e8f0;color:#546e7a}.navbar-nav-modern .nav-link-modern.active{background:#eff6ff;border-color:#dbeafe;color:#546e7a;font-weight:600}.navbar-nav-modern .nav-link-modern svg{transition:transform .2s ease}.navbar-nav-modern .nav-link-modern:hover svg{transform:scale(1.05)}.logout-button-modern,.navbar-logout-modern{align-items:center;display:flex}.logout-button-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;font-weight:500;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.logout-button-modern:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#374151;transform:translateY(-1px)}.logout-button-modern svg{transition:transform .2s ease}.logout-button-modern:hover svg{transform:scale(1.05)}.mobile-menu-overlay-modern{display:none}.navbar-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px;min-height:80px;padding:0 2rem;position:relative}.navbar-brand-section{align-items:center;display:flex;flex-shrink:0}.navbar-brand{align-items:center;color:#fff;display:flex;gap:1rem;text-decoration:none;transition:all .3s ease}.navbar-brand:hover{color:#ffffffe6;transform:translateY(-1px)}.navbar-logo{border-radius:12px;box-shadow:0 4px 12px #0003;height:45px;object-fit:cover;width:45px}.brand-info{display:flex;flex-direction:column;gap:.25rem}.organization-name{color:#fff;font-size:1.4rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;text-shadow:0 2px 4px #0003}.welcome-text{color:#ffffffd9;font-size:.8rem;font-weight:500;letter-spacing:.8px;text-transform:uppercase}.mobile-menu-toggle{background:#ffffff1a;border:1px solid #fff3;border-radius:12px;color:#fff;cursor:pointer;display:none;padding:.75rem;transition:all .3s ease;z-index:1001}.mobile-menu-toggle:hover{background:#fff3;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.navbar-nav-wrapper{align-items:center;display:flex;gap:2rem}.navbar-nav{align-items:center;display:flex;gap:.5rem;list-style:none;margin:0;padding:0}.navbar-nav li{display:inline-block;margin:0}.navbar-nav .nav-link{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;color:#ffffffe6;cursor:pointer;display:flex;font-family:inherit;font-size:.95rem;font-weight:600;gap:.75rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.navbar-nav .nav-link:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.navbar-nav .nav-link:hover:before{left:100%}.navbar-nav .nav-link:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px)}.navbar-nav .nav-link.active{background:#ffffff4d;border-color:#ffffff80;box-shadow:0 4px 20px #0000001a;color:#fff;font-weight:700}.navbar-nav .nav-link svg{transition:transform .3s ease}.navbar-nav .nav-link:hover svg{transform:scale(1.1)}.navbar-user-section{align-items:center;display:flex;gap:1rem}.user-info{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:50px;cursor:pointer;gap:.875rem;overflow:hidden;padding:.5rem .75rem .5rem .5rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.user-info:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.user-info:hover:before{left:100%}.user-info:hover{background:#fff3;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.user-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 12px #546e7a4d;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:800;height:38px;justify-content:center;transition:all .3s ease;width:38px}.user-info:hover .user-avatar{border-color:#ffffff80;box-shadow:0 6px 20px #546e7a66;transform:scale(1.1)}.user-details{display:flex;flex-direction:column;gap:.15rem;min-width:0}.user-name{color:#fff;font-size:.9rem;font-weight:700;letter-spacing:-.01em;line-height:1.2;max-width:120px}.user-name,.user-role{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:#ffffffbf;font-size:.7rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.logout-button{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;box-shadow:0 4px 12px #0000001a;font-family:inherit;font-size:.85rem;padding:.75rem 1rem}.logout-button:hover{background:#fff3}.mobile-menu-overlay{display:none}.login-page{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);display:flex;justify-content:center;min-height:100vh;padding:2rem}.login-container{background-color:#fff;border-radius:1rem;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:450px;padding:2.5rem;text-align:center;width:100%}.login-logo-container{margin-bottom:1.5rem}.login-logo-container h2{color:#546e7a;font-size:1.5rem;font-weight:600;margin:0;white-space:nowrap}.login-logo-img{border-radius:.5rem;height:auto;max-width:120px}.login-container h1{color:#1e293b;font-size:1.75rem;font-weight:600;margin-bottom:1.5rem}.glassmorphism-login-page{align-items:center;background:linear-gradient(135deg,#5e4fa2,#6f5ed4 25%,#7d5fcf 50%,#9465d1 75%,#54397a);display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.glassmorphism-login-page:before{animation:twinkle 3s linear infinite;background-image:radial-gradient(2px 2px at 20% 30%,#fff,#0000),radial-gradient(1px 1px at 25% 25%,#fff,#0000),radial-gradient(2px 2px at 60% 70%,#fff,#0000),radial-gradient(1px 1px at 65% 65%,#fff,#0000),radial-gradient(2px 2px at 50% 50%,#fff,#0000),radial-gradient(1px 1px at 55% 55%,#fff,#0000),radial-gradient(1px 1px at 80% 10%,#fff,#0000),radial-gradient(2px 2px at 75% 15%,#fff,#0000),radial-gradient(2px 2px at 90% 60%,#fff,#0000),radial-gradient(1px 1px at 85% 65%,#fff,#0000),radial-gradient(1px 1px at 33% 15%,#fff,#0000),radial-gradient(2px 2px at 38% 20%,#fff,#0000),radial-gradient(1px 1px at 15% 80%,#fff,#0000),radial-gradient(2px 2px at 20% 75%,#fff,#0000),radial-gradient(2px 2px at 40% 40%,#fff,#0000),radial-gradient(1px 1px at 45% 45%,#fff,#0000),radial-gradient(1px 1px at 75% 25%,#fff,#0000),radial-gradient(2px 2px at 70% 30%,#fff,#0000),radial-gradient(1px 1px at 10% 50%,#fff,#0000),radial-gradient(2px 2px at 15% 55%,#fff,#0000),radial-gradient(2px 2px at 70% 85%,#fff,#0000),radial-gradient(1px 1px at 65% 80%,#fff,#0000),radial-gradient(1px 1px at 85% 45%,#fff,#0000),radial-gradient(2px 2px at 80% 50%,#fff,#0000),radial-gradient(2px 2px at 5% 20%,#fff,#0000),radial-gradient(1px 1px at 95% 75%,#fff,#0000),radial-gradient(1px 1px at 30% 60%,#fff,#0000),radial-gradient(2px 2px at 35% 55%,#fff,#0000),radial-gradient(1px 1px at 55% 80%,#fff,#0000),radial-gradient(2px 2px at 12% 35%,#fff,#0000),radial-gradient(1px 1px at 88% 40%,#fff,#0000),radial-gradient(2px 2px at 45% 70%,#fff,#0000),radial-gradient(1px 1px at 22% 45%,#fff,#0000),radial-gradient(2px 2px at 92% 20%,#fff,#0000),radial-gradient(1px 1px at 62% 25%,#fff,#0000),radial-gradient(2px 2px at 72% 60%,#fff,#0000),radial-gradient(1px 1px at 28% 70%,#fff,#0000),radial-gradient(2px 2px at 40% 5%,#fff,#0000),radial-gradient(1px 1px at 15% 35%,#fff,#0000),radial-gradient(2px 2px at 85% 95%,#fff,#0000),radial-gradient(1px 1px at 50% 90%,#fff,#0000);background-repeat:repeat;background-size:200% 200%;content:"";height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%}@keyframes twinkle{0%,to{opacity:.7}25%{opacity:1}50%{opacity:.8}75%{opacity:1}}.glassmorphism-meteor1{animation:meteor-fall 5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#fffc,#0000);height:100px;position:absolute;right:10%;top:-100px;width:2px}.glassmorphism-meteor2{animation:meteor3 6s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#c896ffcc,#0000);height:150px;left:20%;position:absolute;top:-100px;width:2px}.glassmorphism-meteor3{animation:meteor4 3.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#ffc8ffb3,#0000);height:80px;position:absolute;right:30%;top:-100px;width:1px}.glassmorphism-meteor4{animation:meteor5 4.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#ffffffe6,#0000);height:120px;left:50%;position:absolute;top:-100px;width:2px}.glassmorphism-meteor5{animation:meteor6 5.5s linear infinite;animation-delay:0s;background:linear-gradient(180deg,#0000,#b464ffcc,#0000);height:90px;position:absolute;right:60%;top:-100px;width:1px}@keyframes meteor-fall{0%{opacity:0;transform:translateY(-100px) translateX(100px) rotate(45deg)}10%{opacity:1}to{opacity:0;transform:translateY(600px) translateX(-600px) rotate(45deg)}}@keyframes meteor2{0%{opacity:0;transform:translateY(-100px) translateX(150px) rotate(60deg)}10%{opacity:1}to{opacity:0;transform:translateY(800px) translateX(-800px) rotate(60deg)}}@keyframes meteor3{0%{opacity:0;transform:translateY(-100px) translateX(200px) rotate(40deg)}10%{opacity:1}to{opacity:0;transform:translateY(700px) translateX(-700px) rotate(40deg)}}@keyframes meteor4{0%{opacity:0;transform:translateY(-100px) translateX(80px) rotate(55deg)}10%{opacity:1}to{opacity:0;transform:translateY(500px) translateX(-500px) rotate(55deg)}}@keyframes meteor5{0%{opacity:0;transform:translateY(-100px) translateX(120px) rotate(50deg)}10%{opacity:1}to{opacity:0;transform:translateY(650px) translateX(-650px) rotate(50deg)}}@keyframes meteor6{0%{opacity:0;transform:translateY(-100px) translateX(100px) rotate(45deg)}10%{opacity:1}to{opacity:0;transform:translateY(550px) translateX(-550px) rotate(45deg)}}.glassmorphism-login-container{backdrop-filter:blur(30px) saturate(180%);-webkit-backdrop-filter:blur(30px) saturate(180%);background:#ffffff0d;border:1px solid #ffffff2e;border-radius:20px;box-shadow:0 8px 32px 0 #1f26875e,inset 0 0 0 1px #ffffff0d,0 0 60px #6496ff33;max-width:420px;overflow:hidden;padding:3rem 2.5rem;position:relative;width:100%}.glassmorphism-login-container:after{background:linear-gradient(135deg,#ffffff1a,#0000 50%,#0000);border-radius:20px;bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0;z-index:1}.glassmorphism-login-container:before{animation:glossMove 8s infinite;background:linear-gradient(45deg,#0000 30%,#ffffff26 50%,#0000 70%);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%;z-index:0}@keyframes glossMove{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}50%{transform:translateX(0) translateY(0) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}.glassmorphism-login-container>*{position:relative;z-index:2}.glassmorphism-logo-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-bottom:2rem}.glassmorphism-logo-img{background:#ffffff1a;border-radius:12px;box-shadow:0 8px 16px #64b5ff4d;height:auto;margin-bottom:1rem;max-width:120px;padding:4px}.glassmorphism-brand-name{color:#e0d5ff;font-size:1.25rem;font-weight:600;letter-spacing:.05em;margin:0;text-align:center;text-shadow:0 2px 8px #fff3}.glassmorphism-error{background:#ef444440;border:1px solid #ef444466;border-radius:8px;color:#ffd4d4}.glassmorphism-error,.glassmorphism-success{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:.875rem;margin-bottom:1rem;padding:.75rem 1rem}.glassmorphism-success{background:#22c55e40;border:1px solid #22c55e66;border-radius:8px;color:#c6ffd6}.glassmorphism-form{display:flex;flex-direction:column;gap:1.5rem}.glassmorphism-input-group{position:relative}.glassmorphism-label{align-items:center;color:#d4c8ff;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:.5rem}.glassmorphism-input-icon{color:#c4b0f2;font-size:1rem}.glassmorphism-input{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff14;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:.875rem;padding:.875rem 1rem;transition:all .3s ease;width:100%}.glassmorphism-input:focus{background:#ffffff1f;border-color:#d4c8ff99;box-shadow:0 0 0 3px #d4c8ff26,inset 0 0 10px #d4c8ff1a;outline:none}.glassmorphism-input::placeholder{color:#c4b0f299}.glassmorphism-options{align-items:center;display:flex;justify-content:space-between;margin-top:-.5rem}.glassmorphism-remember{align-items:center;color:#d4c8ff;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem}.glassmorphism-remember input[type=checkbox]{accent-color:#b0a5ff;cursor:pointer;height:18px;width:18px}.project-hub-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}@media (max-width:768px){.project-hub-grid{grid-template-columns:1fr}}.hub-column{display:flex;flex-direction:column;gap:20px}.activity-log-section{padding:15px}.activity-form{background:#f8f9fa;border-radius:8px;margin-bottom:20px;padding:15px}.form-row{gap:10px}.activity-input,.activity-type-select{border:1px solid #ddd;border-radius:4px;padding:8px}.activity-input{flex:1 1}.activity-item{border-bottom:1px solid #eee;display:flex;gap:15px;padding:15px 0}.activity-icon{font-size:24px}.activity-content{flex:1 1}.activity-header{color:#666;display:flex;font-size:.9em;gap:10px;margin-bottom:5px}.activity-user{color:#333;font-weight:600}.client-contacts-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.client-contacts-header{align-items:flex-start;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.client-contacts-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.client-contacts-subtitle{color:#64748b;font-size:.875rem;margin:0}.contact-form-container{animation:slideDown .3s ease-out;background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:1.5rem;padding:1.5rem}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.contact-form-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.contact-form-header h4{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.loading-state{align-items:center;color:#64748b;display:flex;flex-direction:column;justify-content:center;padding:3rem 1rem}.loading-spinner{animation:spin .8s linear infinite;border:4px solid #e5e7eb;border-radius:50%;border-top-color:#546e7a;height:40px;margin-bottom:1rem;position:relative;width:40px}.loading-spinner:before{animation:spin 1s linear infinite reverse;border:4px solid #0000;border-radius:50%;border-top-color:#455a64;bottom:-4px;content:"";left:-4px;opacity:.6;position:absolute;right:-4px;top:-4px}.loading-state p{font-size:.875rem;margin:0}.empty-state-modern{padding:3rem 1rem}.empty-state-modern .empty-state-icon{color:#cbd5e1;height:64px;margin:0 auto 1rem;width:64px}.empty-state-modern h3{color:#475569;font-size:1.125rem;font-weight:600;margin:0 0 .5rem}.empty-state-modern p{font-size:.875rem;margin:0}.contacts-grid-modern{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.contact-card-modern{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 2px #0000000d;padding:1.25rem;transition:all .2s ease}.contact-card-modern:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.contact-card-header{align-items:flex-start;display:flex;gap:1rem;margin-bottom:1rem}.contact-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:50%;box-shadow:0 2px 8px #546e7a4d;color:#fff;display:flex;flex-shrink:0;font-size:1.125rem;font-weight:600;height:48px;justify-content:center;width:48px}.contact-info{flex:1 1;min-width:0}.contact-name-modern{word-wrap:break-word;color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.contact-designation-modern{word-wrap:break-word;color:#64748b;font-size:.875rem;margin:0}.contact-details-modern{border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:.5rem;padding-top:1rem}.contact-detail-link{align-items:center;color:#475569;display:flex;font-size:.875rem;gap:.5rem;padding:.375rem 0;text-decoration:none;transition:color .2s ease}.contact-detail-link:hover{color:#546e7a}.contact-detail-link svg{color:#94a3b8;flex-shrink:0}.contact-detail-link:hover svg{color:#546e7a}.contact-detail-link span{word-break:break-all}.section-header{margin-bottom:15px}.contacts-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.contact-card{background:#fff;border:1px solid #eee;border-radius:8px;padding:15px}.contact-name{font-weight:600;margin-bottom:5px}.contact-role{color:#666;font-size:.9em;margin-bottom:10px}.contact-detail{display:flex;font-size:.9em;gap:8px;margin-bottom:5px}.team-roster-section{background:#0000;padding:0}.team-roster-header{align-items:flex-start;border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.team-roster-title{color:#1e293b;font-size:1.375rem;font-weight:700;margin:0 0 .375rem}.team-roster-subtitle{color:#64748b;font-size:.9375rem;font-weight:400;margin:0}.team-grid-modern{display:flex;flex-direction:column;gap:.5rem}.team-member-card-modern{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;border-radius:0;display:flex;justify-content:space-between;padding:.75rem 1rem;transition:background-color .2s ease}.team-member-card-modern:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.team-member-card-modern:last-child{border-bottom:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.team-member-card-modern:hover{background-color:#f8fafc}.team-member-card-modern:before{display:none}.team-member-card-header{align-items:center;display:flex;flex:1 1;gap:1rem;margin-bottom:0}.team-member-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:50%;box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:600;height:40px;justify-content:center;width:40px}.team-member-card-modern:hover .team-member-avatar{box-shadow:none;transform:none}.team-member-info{display:flex;flex-direction:column;justify-content:center}.team-member-name{color:#1e293b;font-size:.9375rem;font-weight:600;line-height:1.2;margin:0}.team-member-designation{background:none;border-radius:0;color:#64748b;display:block;font-size:.75rem;font-weight:400;margin:0;padding:0}.team-member-details{border:none;flex:1 1;margin:0 1.5rem;padding:0}.team-member-email{color:#64748b;font-size:.875rem}.team-member-email:before{display:none}.team-member-actions{margin-top:0}.available-users-list{border:1px solid #e5e7eb;border-radius:8px;display:flex;flex-direction:column;gap:0;max-height:400px;overflow-y:auto;padding-right:.5rem}.available-user-item{align-items:center;background:#fff;border:none;border-bottom:1px solid #f1f5f9;border-radius:0;box-shadow:none;display:flex;justify-content:space-between;padding:.75rem 1rem}.available-user-item:last-child{border-bottom:none}.available-user-item:hover{background:#f8fafc;border-color:#0000;box-shadow:none;transform:none}.available-user-info{align-items:center;display:flex;flex:1 1;gap:1rem;min-width:0}.available-user-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:50%;box-shadow:none;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:36px;justify-content:center;width:36px}.available-user-name{color:#1e293b;font-size:.9375rem;font-weight:600;margin:0}.available-user-designation{color:#64748b;font-size:.875rem;font-weight:500;margin:0 0 .25rem}.available-user-email{color:#94a3b8;font-size:.8125rem;font-weight:400;word-break:break-all}.team-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.team-member-card{align-items:center;border:1px solid #eee;border-radius:8px;display:flex;gap:12px;padding:12px}.member-avatar{background:#007bff;font-weight:700;height:40px;width:40px}.member-info{flex:1 1;overflow:hidden}.member-name{font-weight:600}.member-role{color:#666;font-size:.85em}.member-email{color:#888;font-size:.8em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-planner-section{background:#0000;border-radius:0;box-shadow:none;padding:0}.resource-planner-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.resource-planner-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .25rem}.resource-planner-subtitle{color:#64748b;font-size:.875rem;margin:0}.resource-planner-grid-container{background:#0000;border:none;border-radius:0;overflow-x:auto}.resource-planner-table{border-collapse:initial;border-spacing:0;display:table;min-width:800px;width:100%}.resource-planner-header-row{background:#f8fafc;display:table-row;position:-webkit-sticky;position:sticky;top:0;z-index:10}.resource-planner-header-cell{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;border-top:1px solid #e2e8f0;color:#64748b;display:table-cell;font-size:.75rem;font-weight:600;letter-spacing:.05em;min-width:150px;padding:.5rem 1rem;text-align:center;text-transform:uppercase;vertical-align:middle}.resource-planner-header-cell.phase-name{color:#1e293b;font-weight:600}.resource-planner-header-cell.phase-number{color:#64748b;font-size:.75rem;margin-top:.25rem}.resource-planner-row{display:table-row;transition:background-color .2s ease}.resource-planner-row:hover{background-color:#f8fafc}.resource-planner-sticky-column{background:#f8fafc;border-right:1px solid #e2e8f0;left:0;position:-webkit-sticky;position:sticky;z-index:5}.resource-planner-header-row .resource-planner-sticky-column{background:#f8fafc;z-index:15}.resource-planner-user-cell{background:#f8fafc;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;display:table-cell;min-width:200px;padding:.5rem 1rem;vertical-align:middle}.resource-planner-user-cell .user-name{color:#1e293b;font-weight:600;margin-bottom:.25rem}.resource-planner-user-cell .user-email{color:#64748b;font-size:.75rem}.resource-planner-cell{background:#0000;border-bottom:1px solid #e2e8f0;border-right:1px solid #e2e8f0;cursor:pointer;display:table-cell;min-width:150px;padding:.5rem;text-align:center;transition:all .2s ease;vertical-align:middle}.resource-planner-cell:hover{background:#f1f5f9;border-color:#cbd5e1}.resource-planner-cell.has-assignment{background:#eff6ff;border-color:#93c5fd}.resource-planner-cell.has-assignment:hover{background:#dbeafe}.cell-content{align-items:center;display:flex;flex-direction:column;gap:.25rem}.cell-role{color:#1e293b;font-size:.8125rem;font-weight:600}.cell-percentage{color:#546e7a;font-size:.875rem;font-weight:700}.cell-rate{color:#64748b;font-size:.75rem}.cell-empty{color:#cbd5e1;font-size:1.5rem;font-weight:300}.btn-danger{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-danger:hover{background:#fecaca;border-color:#f87171;color:#991b1b}.glassmorphism-forgot,:root{color:#c4b0f2;font-size:.875rem;text-decoration:none;transition:color .3s ease}.glassmorphism-forgot:hover{color:#e0d5ff}.glassmorphism-button{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#d4c8ff26;border:1px solid #ffffff4d;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.05em;margin-top:1rem;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease;width:100%}.glassmorphism-button:hover{background:#d4c8ff40;border-color:#ffffff80;box-shadow:0 4px 20px #d4c8ff40,inset 0 0 20px #e0d5ff26;transform:translateY(-2px)}.glassmorphism-button:active{transform:translateY(0)}.form-group{text-align:left}.form-group,.form-row{margin-bottom:1.25rem}.form-row .form-group{margin-bottom:0}.form-group input[type=date],.form-group input[type=email],.form-group input[type=number],.form-group input[type=password],.form-group input[type=text],.form-group select,.form-group textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;font-family:inherit;font-size:.875rem;padding:.75rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#546e7a;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-group textarea{min-height:100px}.btn-primary{background-color:#546e7a;display:inline-flex;justify-content:center;max-width:none;text-decoration:none;width:auto}.btn-primary:hover{background-color:#455a64;transform:translateY(-1px)}.btn-outline{align-items:center;background-color:#fff;border-radius:.5rem;display:inline-flex;font-size:.875rem;justify-content:center;padding:.5rem 1rem;text-decoration:none}.btn-outline:hover{background-color:#546e7a;color:#fff}.btn-small{align-items:center;border:none;border-radius:.375rem;display:inline-flex;font-weight:500;justify-content:center}.btn-danger{border-radius:.375rem;font-size:.75rem;padding:.5rem 1rem;transition:all .2s ease}.btn-danger-large{background-color:#ef4444;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.875rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s ease}.btn-danger-large:hover{background-color:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.alert{border:none;font-weight:500;margin-bottom:1rem}.alert-danger{background-color:#fef2f2;border:1px solid #fecaca}.alert-success{background-color:#f0fdf4;border:1px solid #bbf7d0;color:#166534}.options-link{font-size:.875rem;margin-top:1.5rem;text-align:center}.options-link a{color:#546e7a;font-weight:500;text-decoration:none}.options-link a:hover{text-decoration:underline}.main-content{margin:0 auto;max-width:1200px;padding:0 1.5rem}.page-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:0}.page-header{gap:.75rem;margin-bottom:.75rem}.page-header,.page-header-compact{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.page-header-compact{gap:1rem;margin-bottom:1rem}.page-header .page-title{margin-bottom:0}.page-header .page-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.page-header .page-actions .btn-primary{flex-shrink:0;font-size:.875rem;max-width:none;padding:.5rem 1rem;width:auto}.smart-financial-card{background:#fff;border-radius:16px;box-shadow:0 4px 12px #0000000f;margin-bottom:2rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.smart-financial-card:before{content:"";height:4px;left:0;position:absolute;right:0;top:0}.smart-financial-card.pursuit-mode:before{background:linear-gradient(90deg,#546e7a,#455a64)}.smart-financial-card.pursuit-mode{border:1px solid #e0e7ff}.smart-financial-card.execution-mode:before{background:linear-gradient(90deg,#14b8a6,#10b981)}.smart-financial-card.execution-mode{border:1px solid #d1fae5}.smart-financial-card.closeout-mode:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.smart-financial-card.closeout-mode{border:1px solid #fef3c7}.smart-card-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.smart-card-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.stage-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.375rem .875rem;text-transform:uppercase}.stage-badge.pursuit{background:linear-gradient(135deg,#546e7a,#455a64);color:#fff}.stage-badge.execution{background:linear-gradient(135deg,#14b8a6,#10b981);color:#fff}.stage-badge.closeout{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.smart-card-body{gap:1.5rem}.metric-primary,.smart-card-body{display:flex;flex-direction:column}.metric-primary{gap:.5rem}.metric-label{font-weight:600;letter-spacing:.05em;text-transform:uppercase}.metric-value{font-size:2.5rem;line-height:1}.metric-value.pursuit{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text}.metric-value.closeout{color:#f59e0b}.metric-value.closeout.negative{color:#ef4444}.metric-value-medium{color:#1e293b;font-size:1.75rem;font-weight:700}.metric-value-small{color:#1e293b;font-size:1.25rem;font-weight:700}.metric-hint{color:#94a3b8;font-size:.75rem;font-style:italic}.metrics-grid-2{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}.metric-secondary,.probability-display{display:flex;flex-direction:column;gap:.5rem}.probability-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;width:100%}.probability-fill{background:linear-gradient(90deg,#546e7a,#455a64);border-radius:4px;height:100%;transition:width .5s ease}.progress-bar-large{border-radius:6px;height:12px}.progress-bar-large,.progress-bar-small{background:#e2e8f0;overflow:hidden;width:100%}.progress-bar-small{border-radius:4px;height:8px}.progress-fill{border-radius:inherit;transition:width .5s ease}.progress-fill.execution{background:linear-gradient(90deg,#14b8a6,#10b981)}.progress-fill.budget{background:linear-gradient(90deg,#546e7a,#546e7a)}.metric-section{display:flex;flex-direction:column;gap:.75rem}.metric-header{align-items:center;display:flex;justify-content:space-between}.metric-percentage{color:#14b8a6;font-size:1.125rem;font-weight:700}.metric-subtext{color:#64748b;font-size:.875rem}.metric-card{background:#f8fafc;border-radius:10px;gap:.75rem;padding:1rem;transition:all .2s ease}.metric-card:hover{background:#f1f5f9;border-color:#cbd5e1}.metric-card.execution{border-left:3px solid #14b8a6}.metric-icon-small{background:linear-gradient(135deg,#14b8a6,#10b981);border-radius:8px;color:#fff;flex-shrink:0;height:36px;justify-content:center;width:36px}.alert-box,.metric-icon-small{align-items:center;display:flex}.alert-box{border-radius:10px;font-size:.875rem;font-weight:600;gap:.75rem;padding:1rem}.alert-box.cash-flow{background:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-box svg{flex-shrink:0}.comparison-section{align-items:center;background:#f8fafc;border-radius:12px;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.comparison-item{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.comparison-label{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.comparison-value{font-size:1.5rem;font-weight:700}.comparison-value.revenue{color:#10b981}.comparison-value.cost{color:#ef4444}.comparison-divider{align-items:center;color:#cbd5e1;display:flex}.collection-status{align-items:center;border-radius:10px;display:flex;font-size:1rem;font-weight:600;gap:.75rem;padding:1rem 1.5rem}.collection-status.paid{background:#d1fae5;border:1px solid #10b981;color:#065f46}.collection-status.outstanding{background:#fef3c7;border:1px solid #f59e0b;color:#92400e}.collection-status svg{flex-shrink:0}@media (max-width:768px){.smart-financial-card{padding:1.5rem}.metric-value{font-size:2rem}.metrics-grid-2{grid-template-columns:1fr}.comparison-section{align-items:flex-start;flex-direction:column}.comparison-divider{transform:rotate(90deg)}}.project-financials-tab{padding:1rem}.financial-overview-section{margin-bottom:2rem}.financial-overview-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.financial-stats-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.financial-stat-card.large{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;padding:2rem}.financial-stat-title{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1.5rem}.financial-chart-container{align-items:center;display:flex;gap:2rem}.financial-donut-chart{flex-shrink:0}.donut-svg{height:200px;width:200px}.donut-center-text{fill:#1e293b;font-size:2rem;font-weight:700}.donut-center-subtext{fill:#64748b;font-size:.875rem}.financial-legend{display:flex;flex-direction:column;gap:1rem}.legend-item{gap:.75rem}.legend-color{flex-shrink:0}.legend-color.received{background:#10b981}.legend-color.outstanding{background:#f59e0b}.legend-details{display:flex;flex-direction:column}.legend-label{color:#64748b;font-size:.875rem;font-weight:500}.legend-value{color:#1e293b;font-size:1.125rem;font-weight:700}.financial-metrics{display:flex;flex-direction:column;gap:1rem}.metric-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0000000a;display:flex;gap:1rem;padding:1.5rem;transition:all .3s ease}.metric-card:hover{box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.metric-icon{align-items:center;border-radius:10px;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.metric-icon.contract{background:linear-gradient(135deg,#10b981,#059669)}.metric-icon.billed{background:linear-gradient(135deg,#546e7a,#455a64)}.metric-icon.unbilled{background:linear-gradient(135deg,#f59e0b,#d97706)}.metric-content{display:flex;flex-direction:column}.metric-label{color:#64748b;font-size:.875rem;font-weight:500}.metric-value{color:#1e293b;font-size:1.5rem;font-weight:700}@media (max-width:1024px){.financial-stats-grid{grid-template-columns:1fr}.financial-chart-container{flex-direction:column}}.financial-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;margin-bottom:2rem;padding:1.5rem}.financial-section-header{align-items:center;border-bottom:2px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem}.financial-section-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:700;gap:.5rem}.info-tooltip{align-items:center;background:#e2e8f0;border-radius:50%;color:#64748b;cursor:help;display:inline-flex;height:20px;justify-content:center;transition:all .2s ease;width:20px}.info-tooltip:hover{background:#cbd5e1;color:#475569}.empty-state-small{color:#64748b;padding:3rem 1rem;text-align:center}.empty-state-small p{font-size:.875rem}.unbilled-revenue-card{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fbbf24;border-radius:12px;padding:2rem;text-align:center}.unbilled-amount{color:#92400e;font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.unbilled-description{color:#78350f;font-size:.875rem;margin:0}.status-paid{background:#d1fae5;color:#065f46}.status-partial{background:#fef3c7;color:#92400e}.status-unpaid{background:#fee2e2;color:#991b1b}.status-overdue{background:#fecaca;color:#7f1d1d}.status-pending{background:#e0e7ff;color:#3730a3}@media (max-width:1024px){.financial-scorecard{gap:1rem;grid-template-columns:1fr}}.back-button-container{margin-bottom:1rem}.back-button{align-items:center;background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:all .2s ease}.back-button:hover{background:#f9fafb;border-color:#d1d5db;color:#374151;text-decoration:none}.page-actions .btn-danger,.page-actions .btn-secondary{align-items:center;border-radius:6px;display:inline-flex;font-size:.875rem;font-weight:600;justify-content:center;min-width:120px;padding:.5rem 1rem;text-decoration:none}.minimal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.minimal-header h1{color:#111827;font-size:1.5rem;font-weight:600;margin:0}.minimal-controls{align-items:center;display:flex;gap:.75rem}.minimal-controls .btn-minimal{margin-left:.5rem;order:1}.minimal-controls select{-webkit-appearance:none;appearance:none;background:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.375rem 2rem .375rem .75rem;transition:all .2s ease}.minimal-controls select:focus{border-color:#546e7a;box-shadow:0 0 0 3px #3b82f61a;outline:none}.minimal-controls select:hover{border-color:#9ca3af}.btn-minimal{background:#546e7a;border:none;border-radius:8px;box-shadow:0 2px 4px #3b82f633;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;min-width:100px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.btn-minimal:hover{background:#455a64;box-shadow:0 4px 8px #3b82f666;color:#fff;text-decoration:none;transform:translateY(-2px)}.ultra-compact-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.5rem}.header-tabs{align-items:center;display:flex;flex-shrink:0;gap:1rem}.compact-tabs{display:flex;flex-shrink:0;gap:.25rem}.compact-tab{background:#0000;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;flex-shrink:0;font-size:.875rem;font-weight:500;min-width:120px;padding:.375rem .75rem;text-align:center;transition:all .2s ease;white-space:nowrap}.compact-tab:hover{background:#f9fafb;border-color:#d1d5db;color:#374151}.compact-tab.active{background:#546e7a;border-color:#546e7a;box-shadow:0 2px 4px #3b82f633;color:#fff}.compact-tab.active:hover{background:#455a64;border-color:#455a64}.priority-low{background:#d1fae5;color:#065f46}.priority-low,.priority-medium{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority-medium{background:#fef3c7;color:#92400e}.priority-high{background:#fed7d7;color:#c53030}.priority-high,.priority-urgent{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.priority-urgent{animation:pulse 2s infinite;background:#fbb6ce}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.page-actions .btn-danger,.page-actions .btn-outline,.page-actions .btn-secondary{border:1px solid #0000;border-radius:6px;box-shadow:0 1px 3px #0000001a;cursor:pointer;font-size:.85rem;font-weight:600;min-width:80px;padding:.5rem 1rem;text-align:center;text-decoration:none;transition:all .2s ease}.page-actions .btn-secondary{background:#6b7280;border-color:#6b7280;color:#fff}.page-actions .btn-secondary:hover{background:#4b5563;border-color:#4b5563;box-shadow:0 2px 6px #6b72804d;transform:translateY(-1px)}.page-actions .btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}.page-actions .btn-danger:hover:not(:disabled){background:#b91c1c;border-color:#b91c1c;box-shadow:0 2px 6px #dc26264d;transform:translateY(-1px)}.page-actions .btn-danger:disabled{background:#9ca3af;box-shadow:0 1px 3px #0000001a;color:#d1d5db;cursor:not-allowed;transform:none}.page-actions .btn-outline{background:#0000;border-color:#d1d5db;color:#6b7280}.page-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af;box-shadow:0 2px 6px #0000001a;color:#374151;transform:translateY(-1px)}.modern-tasks-section{margin-top:2rem}.tasks-header{align-items:center;border-bottom:2px solid #f3f4f6;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}.tasks-header h2{color:#1f2937;font-size:1.5rem;font-weight:600;margin:0}.btn-add-task{border-radius:6px;box-shadow:0 1px 3px #3b82f633;display:inline-flex;font-size:.85rem;font-weight:600;gap:.375rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.btn-add-task:hover{box-shadow:0 4px 8px #3b82f64d;transform:translateY(-2px)}.modern-tasks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr))}.modern-task-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px 0 #0000001a;overflow:hidden;padding:1.25rem;position:relative;transition:all .2s ease}.modern-task-card:hover{border-color:#d1d5db;box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.modern-task-card .task-card-header{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.75rem}.modern-task-card .task-title{color:#1f2937;flex:1 1;font-size:1.1rem;font-weight:600;margin:0;min-width:0}.modern-task-card .task-title a{color:inherit;text-decoration:none;transition:color .2s ease}.modern-task-card .task-title a:hover{color:#546e7a}.modern-task-card .task-badges{display:flex;flex-shrink:0;gap:.5rem}.modern-task-card .task-description{color:#6b7280;font-size:.9rem;line-height:1.5;margin-bottom:1rem}.modern-task-card .task-description p{margin:0}.modern-task-card .no-description{color:#9ca3af;font-style:italic}.modern-task-card .task-meta{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.modern-task-card .meta-item{align-items:center;display:flex;font-size:.875rem;justify-content:space-between}.modern-task-card .meta-label{color:#6b7280;font-weight:500}.modern-task-card .meta-value{color:#1f2937;font-weight:500}.modern-task-card .due-date.overdue{color:#dc2626;font-weight:600}.modern-task-card .overdue-indicator{background:#fef2f2;border-radius:4px;color:#dc2626;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .375rem}.modern-task-card .task-card-actions{display:flex;flex-wrap:wrap;gap:.5rem}.modern-task-card .task-card-actions .btn-small{border:1px solid #0000;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.modern-task-card .task-card-actions .btn-outline{background:#0000;border-color:#d1d5db;color:#6b7280}.modern-task-card .task-card-actions .btn-outline:hover{background:#f9fafb;border-color:#9ca3af;color:#374151}.modern-task-card .task-card-actions .btn-primary{background:#546e7a;border-color:#546e7a;color:#fff}.modern-task-card .task-card-actions .btn-primary:hover{background:#455a64;border-color:#455a64}.modern-task-card .task-card-actions .btn-danger{background:#dc2626;border-color:#dc2626;color:#fff}.modern-task-card .task-card-actions .btn-danger:hover{background:#b91c1c;border-color:#b91c1c}.tasks-grid{grid-gap:1rem;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:1rem}.task-card{border:1px solid #e5e7eb;border-radius:8px;box-shadow:0 1px 3px 0 #0000001a;padding:1rem;transition:all .2s ease}.task-card:hover{border-color:#546e7a;box-shadow:0 4px 12px 0 #00000026;transform:translateY(-2px)}.task-card-header{align-items:flex-start;margin-bottom:.75rem}.task-title{color:#111827;flex:1 1;font-size:1rem;line-height:1.4;margin:0 .5rem 0 0}.task-badges{flex-wrap:wrap}.priority-badge,.task-status{border-radius:4px;font-weight:500;padding:.25rem .5rem}.task-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#6b7280;display:-webkit-box;font-size:.875rem;margin:0 0 .75rem;overflow:hidden}.task-meta{grid-gap:.5rem;display:grid;grid-template-columns:1fr 1fr;margin-bottom:.75rem}.meta-item{gap:.125rem}.meta-label{color:#6b7280}.meta-value{color:#374151;font-size:.875rem;font-weight:500}.project-link{color:#546e7a}.project-link:hover{color:#455a64}.task-card-actions{flex-wrap:wrap;gap:.5rem}.task-card-actions .btn-small{border-radius:4px;font-size:.8rem;font-weight:500;padding:.375rem .75rem;text-decoration:none;transition:all .2s ease}.empty-state{color:#6b7280}.empty-state h3{color:#374151;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state p{font-size:.875rem;margin:0}.filter-controls{flex-wrap:wrap;gap:.75rem;margin-bottom:.5rem}.filter-group{align-items:center;display:flex}.filter-group label{color:#374151;font-size:.875rem;font-weight:600}.filter-select{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;cursor:pointer;font-size:.875rem;min-width:120px;padding:.5rem .75rem;transition:all .2s ease}.filter-select:focus{border-color:#546e7a;box-shadow:0 0 0 3px #3b82f61a;outline:none}.filter-results{align-items:center;display:flex;margin-left:auto}.results-count{color:#6b7280;font-size:.875rem;font-weight:500}.btn-small{background:#fff;border:1px solid #d1d5db;border-radius:6px;color:#374151;transition:all .2s ease}.btn-small:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af}.btn-small:disabled{opacity:.5}@media (max-width:768px){.minimal-header{align-items:stretch;flex-direction:column;gap:.5rem}.minimal-controls{flex-wrap:wrap;justify-content:center}.minimal-controls select{font-size:.8rem;min-width:100px;padding:.25rem 1.5rem .25rem .5rem}.btn-minimal{font-size:.85rem;margin-left:0;order:0;padding:.4rem .8rem}.ultra-compact-header{align-items:stretch}.header-tabs,.ultra-compact-header{flex-direction:column;gap:.75rem}.compact-tabs{flex-wrap:wrap;gap:.5rem;justify-content:center}.compact-tab{font-size:.8rem;min-width:100px;padding:.25rem .5rem}.header-tabs .btn-minimal{align-self:center}.tasks-header{align-items:flex-start;flex-direction:column;gap:1rem}.page-actions{align-items:stretch;flex-direction:column;gap:.5rem}.page-actions .btn-danger,.page-actions .btn-outline,.page-actions .btn-secondary{font-size:.8rem;padding:.5rem .75rem;width:100%}.btn-add-task{align-self:flex-start;font-size:.8rem;padding:.4rem .8rem}.modern-tasks-grid{gap:1rem;grid-template-columns:1fr}.modern-task-card{padding:1rem}.modern-task-card .task-card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.modern-task-card .task-badges{align-self:flex-start}.modern-task-card .task-card-actions{flex-direction:column;gap:.375rem}.modern-task-card .task-card-actions .btn-small{text-align:center;width:100%}.tasks-grid{gap:.75rem}.task-meta,.tasks-grid{grid-template-columns:1fr}.task-meta{gap:.375rem}.task-card-actions{flex-direction:column}.task-card-actions .btn-small{text-align:center;width:100%}}.pagination-controls{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;padding:1.5rem}.page-numbers{margin:0 .5rem}.page-ellipsis{color:#6b7280;font-weight:500;padding:0 .5rem}.results-count .page-info{color:#9ca3af;font-size:.8rem;margin-left:.5rem}.btn-clear{background:#0000;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.875rem;margin-left:auto;padding:.5rem .75rem;transition:all .2s ease}.btn-clear:hover:not(:disabled){background:#f9fafb;border-color:#9ca3af;color:#374151}.btn-clear:disabled{cursor:not-allowed;opacity:.5}.applied-filters{align-items:center;border-top:1px solid #f3f4f6;display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:.5rem;padding-top:.5rem}.filter-label{color:#6b7280;letter-spacing:.05em;text-transform:uppercase}.filter-label,.filter-tag{font-size:.75rem;font-weight:500}.filter-tag{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:4px;color:#1e40af;display:inline-flex;gap:.25rem;padding:.25rem .5rem}.filter-tag-remove{background:none;border:none;color:#1e40af;cursor:pointer;font-size:.875rem;font-weight:700;line-height:1;margin-left:.25rem;padding:0}.filter-tag-remove:hover{color:#dc2626}@media (max-width:768px){.pagination-controls{align-items:stretch;flex-direction:column;gap:1rem}.pagination-buttons{flex-wrap:wrap;justify-content:center}.page-numbers{margin:0}}.projects-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));margin-top:0}.project-card{background-color:#fff;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;padding:1rem;transition:all .2s ease}.project-card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;transform:translateY(-2px)}.project-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.project-header h3{color:#1e293b;flex:1 1;font-size:1.125rem;font-weight:600;margin:0 1rem 0 0}.project-status{flex-shrink:0}.stage-preparation-brief{background-color:#fef3c7;color:#92400e}.stage-concept-design{background-color:#dbeafe;color:#1e40af}.stage-design-development{background-color:#dcfce7;color:#166534}.stage-technical-design{background-color:#f3e8ff;color:#7c3aed}.stage-construction{background-color:#fef3c7;color:#92400e}.stage-handover{background-color:#dcfce7;color:#166534}.stage-use{background-color:#e2e8f0;color:#475569}.task-status{border-radius:.375rem;letter-spacing:.05em;white-space:nowrap}.task-status.to-do{background-color:#fef3c7;color:#92400e}.task-status.in-progress{background-color:#dbeafe;color:#1e40af}.task-status.in-review{background-color:#f3e8ff;color:#7c3aed}.task-status.done{background-color:#dcfce7;color:#166534}.task-status.on-hold{background-color:#fecaca;color:#991b1b}.status-in-discussion{background-color:#fef3c7;color:#92400e}.status-progress{background-color:#dbeafe;color:#1e40af}.status-on-hold{color:#991b1b}.status-completed{background-color:#dcfce7;color:#166534}.status-archived{background-color:#e2e8f0;color:#475569}.project-status{font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.priority-badge,.project-status{border-radius:.375rem;display:inline-block;letter-spacing:.05em;white-space:nowrap}.priority-badge.low-priority{background-color:#dcfce7;color:#166534}.priority-badge.medium-priority{background-color:#fef3c7;color:#92400e}.priority-badge.high-priority{background-color:#fed7aa;color:#c2410c}.priority-badge.urgent-priority{background-color:#fecaca;color:#991b1b}.stage-concept-design,.stage-construction,.stage-design-development,.stage-handover,.stage-preparation-brief,.stage-technical-design,.stage-use{border-radius:.375rem;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase;white-space:nowrap}.project-info{margin-bottom:1.5rem}.info-row{align-items:center;border-bottom:1px solid #f1f5f9;padding:.5rem 0}.info-row:last-child{border-bottom:none}.info-label{font-size:.875rem;font-weight:500}.info-value{word-wrap:break-word;font-size:.875rem;max-width:60%}.text-success{color:#16a34a!important}.project-badges{display:flex;flex-wrap:wrap;gap:.5rem}.project-card h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:.75rem}.project-card p{color:#64748b;line-height:1.5;margin-bottom:1rem}.project-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}.tasks-list{background-color:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;overflow:hidden}.task-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem;transition:background-color .2s ease}.task-item:last-child{border-bottom:none}.task-item:hover{background-color:#f8fafc}.task-info{flex:1 1}.task-status-section{align-items:center;display:flex;min-width:120px}.task-actions{align-items:center;display:flex;flex-shrink:0;gap:.5rem}.task-info h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:.5rem}.task-info h4 a{color:inherit;display:inline-block;max-width:200px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;vertical-align:top;white-space:nowrap}.task-info h4 a:hover{color:#546e7a}.task-info h4 .task-status{margin-left:.75rem}.task-info h4 .priority-badge{margin-left:.5rem}.task-info p{color:#64748b;font-size:.875rem;line-height:1.5}.profile-logo-container{margin-bottom:1.5rem;padding-top:.5rem;text-align:center}.firm-logo-img{border-radius:.5rem;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-width:150px}.d-flex{display:flex}.justify-content-between{justify-content:space-between}.align-items-center{align-items:center}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.mt-4{margin-top:1.5rem}.mt-2{margin-top:1rem}.me-2{margin-right:.5rem}.p-4{padding:1.5rem}.p-2{padding:1rem}@media (max-width:1024px){.navbar-container{padding:0 1.5rem}.navbar-nav{gap:.25rem}.navbar-nav .nav-link{font-size:.85rem;padding:.5rem .75rem}.user-info{padding:.4rem .75rem}.user-details{display:none}.navbar-container-modern{padding:0 1.5rem}.navbar-nav-modern{gap:.25rem}.navbar-nav-modern .nav-link-modern{font-size:.85rem;padding:.5rem .75rem}}@media (max-width:768px){.navbar-container{padding:0 1rem}.mobile-menu-toggle{display:block}.navbar-nav-wrapper{align-items:stretch;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:-8px 0 32px #00000026;flex-direction:column;gap:0;height:calc(100vh - 80px);overflow-y:auto;padding:2.5rem 2rem;position:fixed;right:-100%;top:80px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}.navbar-nav-wrapper.open{right:0}.navbar-nav{flex-direction:column;gap:1.25rem;margin-bottom:2.5rem;width:100%}.navbar-nav li{width:100%}.navbar-nav .nav-link{background:#ffffff26;border:1px solid #ffffff40;border-radius:16px;font-size:1.1rem;font-weight:600;justify-content:flex-start;padding:1.25rem 1.75rem;width:100%}.navbar-nav .nav-link.active,.navbar-nav .nav-link:hover{background:#ffffff40;border-color:#fff6;transform:translateX(8px)}.navbar-user-section{flex-direction:column;gap:1.75rem;margin-top:auto;width:100%}.user-info{background:#ffffff26;border:1px solid #ffffff40;border-radius:50px;justify-content:center;padding:1rem 1.5rem;width:100%}.user-details{display:flex;text-align:center}.logout-button{border-radius:50px;font-size:1rem;justify-content:center;padding:1rem 1.5rem;width:100%}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;display:block;height:calc(100vh - 80px);left:0;position:fixed;top:80px;transition:all .3s ease;width:100%;z-index:999}.organization-name{font-size:1.1rem}.welcome-text{font-size:.7rem}.navbar-container-modern{padding:0 1rem}.mobile-menu-toggle-modern{display:block}.navbar-nav-wrapper-modern{align-items:stretch;background:#fff;border-left:1px solid #e2e8f0;box-shadow:-8px 0 32px #00000026;flex-direction:column;gap:0;height:calc(100vh - 70px);overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:70px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px}.navbar-nav-wrapper-modern.open{right:0}.navbar-nav-modern{flex-direction:column;gap:.75rem;margin-bottom:2rem;width:100%}.navbar-nav-modern li{width:100%}.navbar-nav-modern .nav-link-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;font-weight:500;justify-content:flex-start;padding:1rem 1.25rem;width:100%}.navbar-nav-modern .nav-link-modern.active,.navbar-nav-modern .nav-link-modern:hover{background:#eff6ff;border-color:#dbeafe;color:#546e7a;transform:translateX(4px)}.navbar-logout-modern{margin-top:auto;width:100%}.logout-button-modern{border-radius:8px;font-size:1rem;justify-content:center;padding:1rem 1.25rem;width:100%}.mobile-menu-overlay-modern{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;display:block;height:calc(100vh - 70px);left:0;position:fixed;top:70px;transition:all .3s ease;width:100%;z-index:999}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}}@media (max-width:480px){.navbar-container{min-height:70px;padding:0 1rem}.navbar-logo{height:40px;width:40px}.organization-name{font-size:1.2rem}.welcome-text{font-size:.7rem}.navbar-nav-wrapper{padding:2rem 1.5rem;width:300px}.mobile-menu-overlay,.navbar-nav-wrapper{height:calc(100vh - 70px);top:70px}.navbar-container-modern{min-height:60px;padding:0 1rem}.navbar-logo-modern{height:36px;width:36px}.organization-name-modern{font-size:1.1rem}.welcome-text-modern{font-size:.7rem}.navbar-nav-wrapper-modern{padding:1.5rem 1.25rem;width:300px}.mobile-menu-overlay-modern,.navbar-nav-wrapper-modern{height:calc(100vh - 60px);top:60px}}@media (max-width:1024px){.navbar-container-ultra{padding:0 1.5rem}.nav-links-ultra{gap:.25rem}.nav-item-ultra{font-size:.9rem;padding:.5rem .75rem}}@media (max-width:768px){.navbar-container-ultra{height:68px;padding:0 1rem}.mobile-toggle-ultra{display:block}.navbar-nav-ultra{align-items:stretch;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffffa;border-left:1px solid #e2e8f0cc;box-shadow:-8px 0 32px #0000001a;display:flex;flex-direction:column;gap:0;height:calc(100vh - 64px);overflow-y:auto;padding:2rem;position:fixed;right:-100%;top:68px;transition:all .4s cubic-bezier(.4,0,.2,1);width:320px;z-index:1001}.navbar-nav-ultra.open{border:3px solid red!important;display:flex!important;right:0;visibility:visible!important}.nav-links-ultra{flex-direction:column;gap:.75rem;margin-bottom:2rem;width:100%}.nav-item-ultra{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;font-size:1rem;justify-content:flex-start;padding:1rem 1.25rem;width:100%}.nav-item-ultra.active,.nav-item-ultra:hover{background:#eff6ff;border-color:#dbeafe;color:#546e7a;transform:translateX(4px)}.nav-actions-ultra{margin-top:auto;width:100%}.logout-btn-ultra{border-radius:12px;font-size:1rem;justify-content:center;padding:1rem 1.25rem;width:100%}.mobile-overlay-ultra{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:block;height:calc(100vh - 64px);left:0;position:fixed;top:64px;transition:all .3s ease;width:100%;z-index:999}.brand-name-ultra{font-size:1.1rem}.brand-subtitle-ultra{font-size:.7rem}}@media (max-width:480px){.navbar-container-ultra{height:60px;padding:0 1rem}.brand-logo-ultra{height:36px;width:36px}.brand-name-ultra{font-size:1rem}.brand-subtitle-ultra{font-size:.65rem}.navbar-nav-ultra{padding:1.5rem 1.25rem;width:300px}.mobile-overlay-ultra,.navbar-nav-ultra{height:calc(100vh - 60px);top:60px}}@media (max-width:768px){.page-header{align-items:stretch;flex-direction:column;text-align:center}.page-header .page-actions{justify-content:center}.page-actions .btn-danger,.page-actions .btn-secondary{font-size:.8rem;min-width:100px;padding:.5rem .75rem}.back-button{font-size:.8rem;padding:.5rem .75rem}.projects-grid{gap:1rem;grid-template-columns:1fr}.project-card-modern{padding:1.25rem}.project-card-modern-title{font-size:1.125rem}.project-card-modern-meta{gap:.75rem}.main-content{margin:1rem auto;padding:0 1rem}.project-details-header-compact{align-items:stretch;flex-direction:column;gap:1rem;padding:.75rem 0}.project-details-header-right{flex-wrap:wrap;justify-content:flex-start;width:100%}.project-details-modal{max-height:95vh;width:95%}.project-details-info-grid{gap:1.5rem;grid-template-columns:1fr}.project-details-modal-body,.project-details-modal-footer,.project-details-modal-header{padding:1.5rem}.task-filter-modal{max-height:95vh;width:95%}.task-filter-modal-body,.task-filter-modal-footer,.task-filter-modal-header{padding:1.5rem}.project-filter-modal{max-height:95vh;width:95%}.project-filter-modal-body,.project-filter-modal-footer,.project-filter-modal-header{padding:1.5rem}.btn-filter-compact{font-size:.8125rem;padding:.4375rem .875rem}.page-title{font-size:1.125rem}.project-card{padding:1.25rem}.task-item{align-items:flex-start;flex-direction:column;gap:.75rem}.task-status-section{align-self:flex-start;min-width:auto}.task-info h4 a{max-width:150px}.task-actions{align-self:stretch;justify-content:stretch;width:100%}.task-actions>*{flex:1 1;text-align:center}.project-actions{justify-content:stretch}.project-actions>*{flex:1 1;text-align:center}.projects-header-compact{align-items:stretch;flex-direction:column;gap:.75rem;padding:.5rem 0}.projects-header-right{justify-content:space-between;width:100%}.filters-compact{flex:1 1;min-width:0}.filter-select-compact{font-size:.75rem;min-width:90px;padding:.375rem 1.5rem .375rem .5rem}.view-toggle-compact{order:-1}}@media (max-width:480px){.login-container{margin:1rem;max-width:90%;padding:2rem}.login-logo-container h2{font-size:1.25rem}.glassmorphism-login-container{max-width:95%;padding:2rem 1.5rem}.glassmorphism-logo-img{max-width:100px}.glassmorphism-brand-name{font-size:1.1rem}.glassmorphism-button{font-size:.9375rem;padding:.875rem}.page-title{font-size:1.25rem}.projects-grid{gap:.75rem}.project-card{padding:1rem}}.form-group select option[value*=STAGE_01]{background-color:#fef3c7;color:#92400e}.form-group select option[value*=STAGE_02]{background-color:#dbeafe;color:#1e40af}.form-group select option[value*=STAGE_03]{background-color:#dcfce7;color:#166534}.form-group select option[value*=STAGE_04]{background-color:#f3e8ff;color:#7c3aed}.form-group select option[value*=STAGE_05]{background-color:#fef3c7;color:#92400e}.form-group select option[value*=STAGE_06]{background-color:#dcfce7;color:#166534}.form-group select option[value*=STAGE_07]{background-color:#e2e8f0;color:#475569}.form-group select option[value=TO_DO]{background-color:#fef3c7;color:#92400e}.form-group select option[value=IN_PROGRESS]{background-color:#dbeafe;color:#1e40af}.form-group select option[value=IN_REVIEW]{background-color:#f3e8ff;color:#7c3aed}.form-group select option[value=DONE]{background-color:#dcfce7;color:#166534}.form-group select option[value=IN_DISCUSSION]{background-color:#fef3c7;color:#92400e}.form-group select option[value=PROGRESS]{background-color:#dbeafe;color:#1e40af}.form-group select option[value=ON_HOLD]{background-color:#fecaca;color:#991b1b}.form-group select option[value=COMPLETED]{background-color:#dcfce7;color:#166534}.form-group select option[value=ARCHIVED]{background-color:#e2e8f0;color:#475569}.navbar-logo{border-radius:4px;height:40px;margin-right:10px;width:auto}.navbar-brand-text{color:#333;font-weight:600;text-decoration:none}.admin-actions{margin-top:2rem}.admin-actions .btn{margin-bottom:1rem;margin-right:1rem}.users-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-top:2rem}.user-card{background:#fff;border:1px solid #e1e5e9;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:1.5rem;transition:box-shadow .2s ease}.user-card:hover{box-shadow:0 4px 8px #00000026}.user-header{align-items:center;border-bottom:1px solid #e1e5e9;display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.user-header h3{color:#333;font-size:1.25rem;margin:0}.role-badge{border-radius:20px;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.role-badge.admin{background-color:#dc3545;color:#fff}.role-badge.user{background-color:#6c757d;color:#fff}.user-details p{color:#666;margin:.5rem 0}.user-details strong{color:#333}.status-badge{margin-left:.5rem;padding:.25rem .5rem}.status-badge.active{background-color:#d4edda;color:#155724}.status-badge.inactive{background-color:#f8d7da;color:#721c24}.user-actions{border-top:1px solid #e1e5e9;gap:8px;justify-content:flex-end;margin-top:1rem;padding-top:1rem}.action-btn,.user-actions{align-items:center;display:flex}.action-btn{background:#f8fafc;border:1px solid #e2e8f0;font-size:12px;height:32px;justify-content:center;min-width:60px;padding:6px 12px;white-space:nowrap}.action-btn:hover{box-shadow:0 2px 4px #0000001a;transform:translateY(-1px)}.action-btn:active{transform:translateY(0)}.action-btn:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}.view-btn:hover{background:#dbeafe;border-color:#546e7a;color:#1e40af}.edit-btn:hover{background:#fef3c7;border-color:#f59e0b;color:#92400e}.toggle-btn:hover{background:#f3f4f6;border-color:#6b7280;color:#374151}.toggle-btn:disabled:hover{background:#f8fafc;border-color:#e2e8f0;color:#9ca3af}.modal-overlay{background-color:#00000080}.modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;width:90%}.modal-header{border-bottom:1px solid #e1e5e9;margin-bottom:1.5rem;padding-bottom:1rem}.modal-header h3{color:#333}.close-btn{align-items:center;border-radius:50%;color:#666;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:background-color .2s ease;width:30px}.close-btn:hover{background-color:#f8f9fa;color:#333}.modal-actions{border-top:1px solid #e1e5e9;gap:1rem;margin-top:2rem;padding-top:1rem}.profile-popup-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1999}.profile-popup{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;left:50%;max-height:90vh;max-width:600px;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:2000}.profile-popup-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.profile-popup-header h2{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.profile-popup-close{align-items:center;background:none;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:1.5rem;height:32px;justify-content:center;padding:0;transition:all .2s ease;width:32px}.profile-popup-close:hover{background-color:#f1f5f9;color:#1e293b}.profile-popup-content{flex:1 1;overflow-y:auto;padding:1.5rem}.profile-popup-header-section{align-items:flex-start;border-bottom:1px solid #e5e7eb;display:flex;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.5rem}.profile-popup-avatar{border:3px solid #e5e7eb;border-radius:50%;cursor:pointer;flex-shrink:0;height:80px;overflow:hidden;transition:all .2s ease;width:80px}.profile-popup-avatar:hover{border-color:#6366f1}.profile-popup-avatar img{height:100%;object-fit:cover;width:100%}.profile-popup-avatar-placeholder{align-items:center;background:linear-gradient(135deg,#6366f1,#546e7a);color:#fff;display:flex;font-size:1.5rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-popup-info{flex:1 1}.profile-popup-info h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0 0 .25rem}.profile-popup-info p{color:#64748b;font-size:.875rem;margin:.25rem 0}.profile-popup-section{margin-bottom:1.5rem}.profile-popup-section h4{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;margin:0 0 .5rem;text-transform:uppercase}.profile-popup-edit-section{margin-top:1rem}.profile-popup-edit-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.profile-popup-edit-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.form-input,.form-textarea{border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:.875rem;padding:.625rem .875rem;transition:all .2s ease;width:100%}.form-input:focus,.form-textarea:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.form-input:disabled{background-color:#f3f4f6;cursor:not-allowed}.form-textarea{min-height:80px;resize:vertical}.btn-primary{border-radius:6px;padding:.625rem 1.25rem}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#374151;font-size:.875rem;padding:.625rem 1.25rem}.btn-secondary:hover{background:#e5e7eb}.alert{border-radius:6px;font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.alert-success{background:#d1fae5;border:1px solid #6ee7b7}.alert-danger{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.admin-dashboard{max-width:1200px}.dashboard-header{align-items:flex-start;border-bottom:2px solid var(--border-color);padding-bottom:1.5rem}.header-actions{margin-left:2rem}.page-subtitle{color:var(--text-secondary);font-size:1.1rem;font-weight:400;margin-top:.5rem}.dashboard-overview{margin-bottom:2rem}.overview-stats{grid-gap:1rem;background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));padding:1.5rem}.stat-item{padding:.5rem 0;text-align:center}.stat-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.stat-value{font-size:2rem}.stat-name{color:#64748b;font-size:.875rem;font-weight:500}.dashboard-section{margin-bottom:2rem}.section-heading{color:#1e293b;font-size:1.125rem;font-weight:600;margin-bottom:1rem}.action-list{background:#fff;border:1px solid #e2e8f0;border-radius:.5rem;overflow:hidden}.action-item{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem}.action-item:last-child{border-bottom:none}.action-info{flex:1 1}.action-item h3{color:#1e293b;font-size:1rem;font-weight:600;margin:0 0 .25rem}.action-item p{color:#64748b;font-size:.875rem;line-height:1.4;margin:0}@media (max-width:768px){.overview-stats{gap:.75rem;grid-template-columns:repeat(2,1fr);padding:1rem}.stat-value{font-size:1.5rem}.action-item{align-items:flex-start;flex-direction:column;gap:1rem;padding:1rem}.action-item button{align-self:stretch;width:100%}}.admin-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px #0000000d;margin-bottom:2.5rem;padding:2rem}.header-content{flex:1 1}.dashboard-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0 0 .5rem}.dashboard-subtitle{font-weight:400;margin:0}.header-actions{gap:1rem}.btn-icon{align-items:center;border-radius:12px;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s ease}.btn-icon-text{font-size:1.125rem}.stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:2rem}.stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.stat-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.stat-card:before{background:linear-gradient(90deg,#546e7a,#455a64);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.stat-icon{font-size:1rem;height:32px;width:32px}.users-icon{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.projects-icon{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.tasks-icon{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.active-icon{background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.stat-trend{background:#10b981;border-radius:20px;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .75rem}.stat-content{text-align:left}.stat-value{font-size:1.75rem;line-height:1;margin-bottom:.25rem}.stat-label{color:#374151;margin-bottom:.25rem}.stat-description{color:#6b7280;font-size:.75rem;margin:0}.actions-section{margin-bottom:2rem}.section-title{font-size:1.5rem;margin-bottom:1.5rem}.actions-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.action-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 2px 4px #0000000d;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.action-card:hover{box-shadow:0 4px 8px #0000001a;transform:translateY(-2px)}.action-card-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.action-icon{align-items:center;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;display:flex;font-size:.875rem;height:28px;justify-content:center;width:28px}.action-card h3{color:#1e293b;font-size:.875rem;font-weight:600;margin:0}.action-description{color:#6b7280;font-size:.75rem;line-height:1.4;margin-bottom:1rem}.action-btn{border:none;border-radius:6px;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem .75rem;transition:all .2s ease;width:100%}.primary-btn{background:linear-gradient(135deg,#546e7a,#455a64);color:#fff}.primary-btn:hover{background:linear-gradient(135deg,#455a64,#1e40af);box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.secondary-btn{background:#f8fafc;border:1px solid #e2e8f0;color:#374151}.secondary-btn:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 4px 12px #0000001a;transform:translateY(-1px)}.disabled-btn{background:#f3f4f6;border:1px solid #e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.6}.disabled-btn:hover{background:#f3f4f6;border-color:#e5e7eb;box-shadow:none;color:#9ca3af;transform:none}.logout-button,.navbar-logout{align-items:center;display:flex}.logout-button{background:#ffffff1a;border:1px solid #fff3;border-radius:14px;color:#ffffffe6;cursor:pointer;font-size:.95rem;font-weight:600;gap:.5rem;overflow:hidden;padding:.875rem 1.25rem;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.logout-button:before{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.logout-button:hover:before{left:100%}.logout-button:hover{background:#ffffff40;border-color:#ffffff4d;box-shadow:0 8px 25px #00000026;color:#fff;transform:translateY(-2px)}.logout-button svg{transition:transform .3s ease}.logout-button:hover svg{transform:scale(1.1)}.quick-access-section{margin-bottom:2rem}.quick-access-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.quick-access-btn{align-items:center;background:var(--card-bg);border:2px solid var(--border-color);border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:500;gap:.75rem;justify-content:center;padding:1rem 1.5rem;text-decoration:none;transition:all .3s ease}.quick-access-btn:hover{background:var(--primary-light);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.quick-access-btn span{font-size:1.25rem}@media (max-width:768px){.dashboard-header{flex-direction:column;gap:1rem}.header-actions{margin-left:0;width:100%}.header-actions button{width:100%}.actions-grid,.quick-access-grid,.stats-grid{grid-template-columns:1fr}.action-card,.stat-card{padding:1rem}}@media (max-width:480px){.action-header,.stat-card{flex-direction:column;text-align:center}}.profile-page{background:linear-gradient(135deg,#f8fafc,#e2e8f0);min-height:calc(100vh - 80px);padding:0}.profile-hero{background:linear-gradient(135deg,#546e7a,#455a64);border-radius:0 0 2rem 2rem;box-shadow:0 8px 40px #546e7a40;margin-bottom:2rem;padding:3rem 2rem}.profile-hero-content{align-items:center;display:flex;gap:2rem;margin:0 auto;max-width:1200px}.profile-avatar-large{background:linear-gradient(135deg,#fbbf24,#f59e0b);border:4px solid #fff3;box-shadow:0 8px 32px #0003;color:#fff;flex-shrink:0;font-size:3rem;font-weight:700;height:120px;width:120px}.profile-hero-info{color:#fff;display:flex;flex-direction:column;gap:1rem}.profile-name{color:#fff;font-size:2.5rem;line-height:1.1}.profile-badges{gap:.75rem}.profile-role-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:25px;color:#fff;font-size:.85rem;font-weight:600;letter-spacing:.05em;padding:.5rem 1rem;text-transform:uppercase}.profile-organization{color:#ffffffe6;font-size:1.1rem;font-weight:400;margin:0}.edit-profile-btn{align-items:center;align-self:flex-start;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;color:#fff;display:inline-flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.edit-profile-btn:hover{background:#ffffff4d;box-shadow:0 8px 25px #00000026;transform:translateY(-2px)}.profile-content{margin:0 auto;max-width:1200px;padding:0 2rem 2rem}.profile-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.profile-info-card{background:#fff;border:1px solid #f1f5f9;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden;position:relative;transition:all .3s ease}.profile-info-card:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-4px)}.profile-info-card.attendance-card{grid-column:1/-1}.card-header-modern{align-items:center;display:flex;justify-content:space-between}.card-header-info{gap:.75rem}.card-header-info,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#546e7a,#455a64);border-radius:12px;box-shadow:0 4px 12px #546e7a33;font-size:1.5rem;height:40px;justify-content:center;width:40px}.card-header-modern h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.card-content{padding:1.5rem}.info-grid-modern{gap:1rem}.info-item{padding:.75rem 0}.info-label{color:#6b7280;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1f2937}.info-link{font-size:.95rem}.bio-item .bio-text{color:#4b5563;font-size:.9rem;font-style:italic;line-height:1.5}.edit-form-modern{display:flex;flex-direction:column;gap:1.25rem}.form-input-modern,.form-textarea-modern{background:#fafafa;border-radius:8px;padding:.75rem 1rem;transition:all .2s ease}.form-input-modern:focus,.form-textarea-modern:focus{box-shadow:0 0 0 3px #3b82f61a}.form-textarea-modern{min-height:100px}.form-actions-modern{gap:.75rem;margin-top:.5rem}.btn-primary-modern{background:linear-gradient(135deg,#546e7a,#455a64);font-size:.875rem;padding:.75rem 1.5rem}.btn-primary-modern:hover:not(:disabled){box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-outline-modern{background:#0000;border:2px solid #e5e7eb;color:#6b7280;padding:.75rem 1.5rem}.btn-outline-modern:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;color:#374151}.alert-modern{border-radius:8px;font-size:.875rem;font-weight:500;margin:.5rem 0;padding:.75rem 1rem}.alert-modern.alert-success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.alert-modern.alert-danger{background:#fee2e2;border:1px solid #fca5a5;color:#991b1b}.status-badge-modern{font-size:.75rem;letter-spacing:.05em;padding:.25rem .75rem;text-transform:uppercase}.status-badge-modern.active{background:#d1fae5;color:#065f46}.status-badge-modern.inactive{background:#fee2e2;color:#991b1b}.change-password-btn-modern{background:#f3f4f6;border:1px solid #d1d5db;border-radius:6px;color:#6b7280;cursor:pointer;font-size:.8rem;font-weight:500;padding:.5rem 1rem;transition:all .2s ease}.change-password-btn-modern:hover{background:#e5e7eb;border-color:#9ca3af;color:#374151}.attendance-status-modern{margin-bottom:1.5rem}.status-indicator-modern,.status-info-modern{gap:.75rem}.status-dot-modern{transition:all .3s ease}.status-dot-modern.inactive{background:#ef4444;box-shadow:0 0 0 4px #ef444433}.status-text-modern{color:#1f2937}.last-entry-modern{color:#6b7280;font-size:.875rem;padding-left:1.5rem}.attendance-actions-modern{flex-wrap:wrap}.btn-attendance-modern{min-width:140px;overflow:hidden;padding:.875rem 1.25rem;position:relative}.btn-attendance-modern.disabled{background:#f3f4f6;color:#9ca3af}.btn-attendance-modern:hover:not(.disabled){box-shadow:0 8px 25px #00000026}.btn-attendance-modern.clock-in:hover:not(.disabled){box-shadow:0 8px 25px #10b9814d}.btn-attendance-modern.clock-out:hover:not(.disabled){box-shadow:0 8px 25px #ef44444d}.today-attendance-modern{margin-top:1.5rem}.today-attendance-modern h4{color:#1f2937;font-size:1rem;font-weight:600;margin-bottom:1rem}.attendance-log-modern{display:flex;flex-direction:column;gap:.75rem}.attendance-entry-modern{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:.75rem 1rem}.entry-type-modern{font-size:.875rem;font-weight:600;min-width:100px}.entry-type-modern.clock-in{color:#059669}.entry-type-modern.clock-out{color:#dc2626}.entry-time-modern{color:#6b7280;font-size:.875rem;font-weight:500}.entry-notes-modern{color:#9ca3af;font-size:.8rem;font-style:italic}.loading-message-modern{color:#6b7280;font-style:italic;padding:1rem}.no-attendance-modern{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#9ca3af;font-style:italic;padding:1rem;text-align:center}.password-modal-overlay-modern{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.password-modal-modern{animation:modalSlideIn .3s ease;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.password-modal-header-modern{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.password-modal-header-modern h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.close-btn-modern{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.close-btn-modern:hover{background:#f3f4f6;color:#374151}.password-form-modern{padding:2rem}.info-item{align-items:flex-start;border-bottom:1px solid #f8fafc;gap:1rem;justify-content:space-between;padding:1rem 0}.info-label{color:#64748b;flex-shrink:0;font-size:.9rem;font-weight:600;min-width:120px}.info-value{font-size:.95rem;line-height:1.5;text-align:right}.username-display{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;padding:.5rem .75rem}.bio-item{align-items:stretch;flex-direction:column;text-align:left}.bio-text-modern{color:#4b5563;font-style:italic;margin:.5rem 0 0}.portfolio-link-modern{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#546e7a;display:inline-flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.portfolio-link-modern:hover{background:#546e7a;box-shadow:0 4px 12px #546e7a33;color:#fff;transform:translateY(-1px)}.status-badge-modern{align-items:center;border-radius:20px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.status-badge-modern.active{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 2px 8px #10b98133;color:#fff}.status-badge-modern.inactive{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 2px 8px #ef444433;color:#fff}.empty-state{padding:2rem}.empty-icon{font-size:2rem;margin-bottom:.5rem}.edit-form,.password-form{display:flex;flex-direction:column;gap:1.5rem}.form-group-modern label{font-size:.9rem}.form-group-modern input{background:#fff;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;padding:1rem;transition:all .3s ease}.form-group-modern input:focus{border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a;outline:none}.modern-alert{align-items:center;border-radius:12px;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem}.modern-alert.success{background:#d1fae5;border:1px solid #34d399;color:#065f46}.modern-alert.error{background:#fee2e2;border:1px solid #f87171;color:#991b1b}.form-actions-modern{border-top:1px solid #f1f5f9;padding-top:1rem}.btn-primary-modern{border-radius:12px;padding:.875rem 1.5rem;transition:all .3s ease}.btn-primary-modern:hover{background:#455a64;box-shadow:0 6px 20px #546e7a66;transform:translateY(-1px)}.btn-secondary-modern{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-size:.9rem;font-weight:600;gap:.5rem;padding:.875rem 1.5rem;transition:all .3s ease}.btn-secondary-modern:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.password-card{grid-column:1/-1}.project-details-header-compact{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 0}.project-details-header-left{align-items:center;display:flex;flex:1 1;gap:.75rem;min-width:0}.project-details-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:1.75rem;font-weight:700;margin:0}.project-details-number{background:#f8fafc;border:1px solid #e5e7eb;border-radius:8px;color:#94a3b8;font-size:.875rem;font-weight:500;padding:.375rem .75rem;white-space:nowrap}.project-details-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem}.btn-project-details{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:10px;box-shadow:0 2px 4px #546e7a33;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-project-details:hover{box-shadow:0 4px 8px #546e7a4d;transform:translateY(-2px)}.btn-project-details svg{height:18px;width:18px}.project-details-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:800px;overflow-y:auto;width:90%}.project-details-modal-header{align-items:flex-start;background:linear-gradient(135deg,#546e7a0d,#764ba20d);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.project-details-modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.project-details-modal-icon{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:12px;box-shadow:0 4px 12px #546e7a4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.project-details-modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.project-details-modal-subtitle{color:#64748b;font-size:.875rem;margin:0}.project-details-modal-body{padding:2rem}.project-details-info-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.project-details-info-section{display:flex;flex-direction:column;gap:1rem}.project-details-info-section.full-width{grid-column:1/-1}.project-details-section-title{align-items:center;border-bottom:2px solid #e5e7eb;color:#1e293b;display:flex;font-size:1rem;font-weight:700;gap:.5rem;margin:0;padding-bottom:.75rem}.project-details-section-title:before{background:linear-gradient(135deg,#546e7a,#455a64);border-radius:2px;content:"";height:20px;width:4px}.project-details-info-list{display:flex;flex-direction:column;gap:1rem}.project-details-info-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:space-between;padding:.75rem 0}.project-details-info-item:last-child{border-bottom:none}.project-details-info-label{color:#64748b;flex-shrink:0;font-size:.8125rem;font-weight:600;letter-spacing:.05em;min-width:120px;text-transform:uppercase}.project-details-info-value{color:#1e293b;flex:1 1;font-size:.9375rem;font-weight:500;text-align:right;word-break:break-word}.project-details-info-value.budget-value{color:#059669;font-size:1rem;font-weight:700}.project-details-info-value.cost-value{color:#dc2626;font-size:1rem;font-weight:700}.project-details-description{background:#f8fafc;border:1px solid #e5e7eb;border-radius:10px;color:#475569;font-size:.9375rem;line-height:1.6;margin:0;padding:1rem}.project-details-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.task-filter-modal{animation:modalSlideIn .3s ease-out;border:1px solid #fff3;border-radius:20px;box-shadow:0 30px 60px -12px #0000004d;max-height:90vh;max-width:640px;overflow-y:auto;width:90%}.task-filter-modal-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#546e7a14,#764ba214);border-bottom:1px solid #e5e7eb;padding:2.5rem 2.5rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:10}.task-filter-modal-header-content{align-items:flex-start;flex:1 1;gap:1.25rem}.task-filter-modal-icon{background:linear-gradient(135deg,#546e7a,#455a64);border-radius:14px;box-shadow:0 8px 16px #546e7a59;color:#fff;flex-shrink:0;height:56px;width:56px}.task-filter-modal-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em;margin:0 0 .5rem}.task-filter-modal-subtitle{font-size:.9375rem;font-weight:400;margin:0}.task-filter-modal-body{padding:2.5rem}.task-filter-form{gap:2.5rem}.task-filter-form .form-group{display:flex;flex-direction:column;gap:1rem}.task-filter-form>.form-group>label{align-items:center;color:#1e293b;display:flex;font-size:.9375rem;font-weight:700;gap:.625rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.task-filter-form>.form-group>label svg{color:#546e7a;height:18px;width:18px}.checkbox-group,.radio-group{grid-gap:.875rem;display:grid;gap:.875rem;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-top:.5rem}.checkbox-label:has(input:checked),.radio-label:has(input:checked){background:linear-gradient(135deg,#546e7a1a,#764ba21a);border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a,0 4px 12px #546e7a33}.checkbox-label:has(input[value=URGENT]:checked){background:linear-gradient(135deg,#ef44441f,#dc26261f);border-color:#ef4444;box-shadow:0 0 0 3px #ef444426,0 4px 12px #ef444440}.checkbox-label:has(input[value=HIGH]:checked){background:linear-gradient(135deg,#f59e0b1f,#d977061f);border-color:#f59e0b;box-shadow:0 0 0 3px #f59e0b26,0 4px 12px #f59e0b40}.checkbox-label:has(input[value=MEDIUM]:checked){background:linear-gradient(135deg,#3b82f61f,#2563eb1f);border-color:#546e7a;box-shadow:0 0 0 3px #3b82f626,0 4px 12px #3b82f640}.checkbox-label:has(input[value=LOW]:checked){background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b981;box-shadow:0 0 0 3px #10b98126,0 4px 12px #10b98140}.checkbox-label:has(input[value=TO_DO]:checked){border-color:#64748b}.checkbox-label:has(input[value=IN_PROGRESS]:checked){background:linear-gradient(135deg,#3b82f61f,#2563eb1f);border-color:#546e7a}.checkbox-label:has(input[value=IN_REVIEW]:checked){background:linear-gradient(135deg,#8b5cf61f,#7c3aed1f);border-color:#546e7a}.checkbox-label:has(input[value=CHECKED]:checked),.checkbox-label:has(input[value=DONE]:checked){background:linear-gradient(135deg,#10b9811f,#0596691f);border-color:#10b981}.checkbox-label:has(input[value=ON_HOLD]:checked){background:linear-gradient(135deg,#f59e0b1f,#d977061f);border-color:#f59e0b}.checkbox-label,.radio-label{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:.875rem;overflow:hidden;padding:1rem 1.125rem;position:relative;transition:all .25s cubic-bezier(.4,0,.2,1)}.checkbox-label:before,.radio-label:before{background:linear-gradient(135deg,#546e7a0d,#764ba20d);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .25s ease}.checkbox-label:hover,.radio-label:hover{background:linear-gradient(135deg,#546e7a0a,#764ba20a);border-color:#546e7a;box-shadow:0 4px 12px #546e7a26;transform:translateY(-2px)}.checkbox-input:checked+.checkbox-text,.radio-input:checked+.radio-text{color:#546e7a;font-weight:600}.checkbox-label:has(.checkbox-input:checked),.radio-label:has(.radio-input:checked){background:linear-gradient(135deg,#546e7a1a,#764ba21a);border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a,0 4px 12px #546e7a33}.checkbox-input,.radio-input{accent-color:#546e7a;cursor:pointer;flex-shrink:0;height:20px;margin:0;position:relative;width:20px;z-index:1}.checkbox-text,.radio-text{color:#475569;font-size:.9375rem;font-weight:500;position:relative;transition:all .25s ease;-webkit-user-select:none;user-select:none;z-index:1}.task-filter-modal-footer{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-top:1px solid #e5e7eb;bottom:0;padding:2rem 2.5rem;position:-webkit-sticky;position:sticky;z-index:10}.task-filter-modal-footer .btn-outline-modern{background:#fff;border:2px solid #546e7a;border-radius:12px;color:#546e7a;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.task-filter-modal-footer .btn-outline-modern:hover:not(:disabled){background:#546e7a;box-shadow:0 6px 20px #546e7a4d;color:#fff;transform:translateY(-2px)}.task-filter-modal-footer .btn-primary-modern{background:#546e7a;border:none;border-radius:12px;box-shadow:0 4px 12px #546e7a4d;color:#fff;cursor:pointer;font-size:.9375rem;font-weight:600;padding:.875rem 1.75rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.task-filter-modal-footer .btn-primary-modern:hover{background:#455a64;box-shadow:0 8px 24px #546e7a66;transform:translateY(-2px)}.task-filter-modal-footer .btn-outline-modern:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.4;transform:none!important}.task-filter-modal-footer .btn-outline-modern:disabled:hover{background:#fff;color:#546e7a}.user-search-container{margin-top:.5rem;position:relative}.user-search-input-wrapper{align-items:center;display:flex}.user-search-input{background:#fff;border:2px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:.9375rem;outline:none;padding:.875rem 1rem .875rem 2.75rem;transition:all .25s ease}.user-search-input:focus{border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a}.user-search-input::placeholder{color:#94a3b8}.user-search-results{background:#fff;border:2px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px #00000026;left:0;margin-top:.5rem;max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.user-search-result-item{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:1rem;padding:.875rem 1rem;transition:all .2s ease}.user-search-result-item:last-child{border-bottom:none}.user-search-result-item:hover{background:linear-gradient(135deg,#546e7a0d,#764ba20d)}.user-search-result-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:40px;justify-content:center;width:40px}.user-search-result-info{flex:1 1;min-width:0}.user-search-result-name{color:#1e293b;font-size:.9375rem;font-weight:600;margin-bottom:.25rem}.user-search-result-meta{color:#64748b;font-size:.8125rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-users-list{gap:.75rem;margin-top:1rem}.selected-user-chip{background:linear-gradient(135deg,#546e7a1a,#764ba21a);border:2px solid #546e7a;border-radius:10px;padding:.5rem .75rem}.selected-user-avatar{background:linear-gradient(135deg,#546e7a,#455a64);border-radius:8px;flex-shrink:0;height:28px;width:28px}.selected-user-name{color:#1e293b;font-weight:600}.selected-user-remove{border-radius:4px;color:#64748b;margin-left:.25rem;padding:.25rem;transition:all .2s ease}.selected-user-remove:hover{background:#ef44441a;color:#ef4444}.spinner-small{animation:spin .6s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#546e7a;height:18px;width:18px}@keyframes spin{to{transform:rotate(1turn)}}@media (max-width:768px){.task-filter-modal{border-radius:16px;max-width:95%}.task-filter-modal-header{padding:2rem 1.5rem 1.5rem}.task-filter-modal-icon{height:48px;width:48px}.task-filter-modal-title{font-size:1.5rem}.task-filter-modal-body{padding:1.5rem}.task-filter-form{gap:2rem}.checkbox-group,.radio-group{gap:.75rem;grid-template-columns:1fr}.task-filter-modal-footer{flex-direction:column;padding:1.5rem}.task-filter-modal-footer .btn-outline-modern,.task-filter-modal-footer .btn-primary-modern{justify-content:center;width:100%}}@media (max-width:480px){.task-filter-modal-header{padding:1.5rem 1rem 1rem}.task-filter-modal-body,.task-filter-modal-footer{padding:1rem}}.project-details-nav{margin-bottom:1.5rem}.back-link-modern{align-items:center;color:#64748b;display:inline-flex;font-size:.9375rem;font-weight:500;gap:.5rem;text-decoration:none;transition:all .2s ease}.back-link-modern:hover{color:#546e7a;transform:translateX(-2px)}.back-link-modern svg{height:18px;width:18px}.project-hero-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:1.5rem}.project-hero-header{align-items:flex-start;display:flex;gap:2rem;justify-content:space-between}.project-hero-title-section{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-hero-main-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.project-hero-number{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:Monaco,Consolas,monospace;font-size:1rem;font-weight:600;padding:.25rem .5rem}.project-hero-separator{color:#cbd5e1;font-size:1.5rem;font-weight:300}.project-hero-title{color:#1e293b;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.project-hero-stage-pill{align-items:center;color:#1e293b;display:inline-flex;font-size:1rem;font-weight:600}.project-hero-status-dot{border-radius:50%;display:inline-block;height:12px;margin-right:.5rem;width:12px}.status-dot-green{background-color:#10b981;box-shadow:0 0 0 2px #10b98133}.status-dot-grey{background-color:#94a3b8;box-shadow:0 0 0 2px #94a3b833}.status-dot-red{background-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.project-hero-badges{align-items:center;display:flex;gap:.5rem;margin-top:.5rem}.project-hero-actions{align-items:center;display:flex;flex-shrink:0;gap:.75rem}.project-hero-actions .btn-primary-modern{font-size:.8125rem;height:36px;padding:.5rem 1rem}.btn-icon-modern{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:inline-flex;height:36px;justify-content:center;text-decoration:none;transition:all .2s ease;width:36px}.btn-icon-modern:hover{background:#f8fafc;border-color:#cbd5e1;box-shadow:0 2px 4px #0000001a;color:#546e7a;transform:translateY(-1px)}.btn-icon-modern svg{height:18px;width:18px}.btn-icon-danger{border-color:#fecaca;color:#dc2626}.btn-icon-danger:hover{background:#fee2e2;border-color:#fca5a5;color:#dc2626}.btn-icon-danger:disabled{cursor:not-allowed;opacity:.5}.project-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.project-stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:.75rem;padding:.875rem 1rem;transition:all .2s ease}.project-stat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:36px;justify-content:center;width:36px}.stat-icon svg{height:18px;width:18px}.stat-icon-progress,.stat-icon-tasks{background:linear-gradient(135deg,#546e7a,#455a64);color:#fff}.stat-icon-review{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-icon-done{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-content{flex:1 1}.stat-value{font-size:1.25rem;line-height:1.2}.stat-label{font-size:.8125rem;margin-top:.125rem}.project-tabs-container{border-bottom:2px solid #e5e7eb;margin-bottom:2rem}.project-tabs{-webkit-overflow-scrolling:touch;display:flex;gap:.5rem;overflow-x:auto}.project-tab{align-items:center;background:#0000;border:none;border-bottom:3px solid #0000;color:#64748b;cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;margin-bottom:-2px;padding:.875rem 1.5rem;position:relative;transition:all .2s ease;white-space:nowrap}.project-tab.active,.project-tab:hover{background:#546e7a0d;color:#546e7a}.project-tab.active{border-bottom-color:#546e7a}.project-tab svg{height:18px;width:18px}.project-tab-content{min-height:400px}.project-overview-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.project-overview-card{background:#0000;border:none;border-radius:0;box-shadow:none}.project-overview-card:hover{border-color:#0000;box-shadow:none}.project-overview-card-header{background:#0000;border-bottom:none;padding:0 0 1rem}.project-overview-card-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin:0}.project-overview-card-title svg{color:#546e7a}.project-overview-card-body{padding:0}.project-tasks-tab{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.project-tasks-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.5rem}.project-tasks-header,.project-tasks-header-content{align-items:center;display:flex;justify-content:space-between}.project-tasks-header-content{width:100%}.project-tasks-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.project-tasks-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));padding:1.5rem}.project-tasks-list{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem}.project-task-list-item{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:inherit;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.25rem;text-decoration:none;transition:all .2s ease}.project-task-list-item:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #00000014;transform:translateX(4px)}.project-task-list-main{display:flex;flex:1 1;flex-direction:column;gap:.75rem}.project-task-list-title-section{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}.project-task-list-title{color:#1e293b;flex:1 1;font-size:1rem;font-weight:600;margin:0;min-width:200px}.project-task-list-badges{display:flex;flex-wrap:wrap;gap:.5rem}.project-task-list-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem}.project-task-list-meta-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.project-task-list-meta-item svg{color:#94a3b8;height:14px;width:14px}.project-task-list-meta-item.overdue,.project-task-list-meta-item.overdue svg{color:#dc2626}.overdue-badge{background:#fee2e2;border-radius:4px;color:#dc2626;font-weight:700;margin-left:.25rem}.project-task-list-arrow{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;justify-content:center;transition:all .2s ease}.project-task-list-item:hover .project-task-list-arrow{color:#546e7a;transform:translateX(4px)}.project-empty-state{padding:4rem 1.5rem;text-align:center}.empty-state-icon{color:#cbd5e1;height:80px;margin:0 auto 1.5rem;width:80px}.empty-state-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.empty-state-description{color:#64748b;font-size:.9375rem;margin:0 0 2rem}.project-pagination{align-items:center;background:#f8fafc;border-top:1px solid #e5e7eb;display:flex;gap:1rem;justify-content:center;padding:1.5rem}.pagination-info{color:#64748b;font-size:.9375rem;font-weight:500}.project-phases-tab{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.project-team-tab{background:#0000;border:none;border-radius:0;box-shadow:none}.project-team-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));padding:1.5rem}.project-team-card{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.project-team-card-header{background:#fff;border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem}.project-team-card-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin:0}.project-team-card-title svg{color:#546e7a}.project-team-card-body{padding:1.5rem}.project-details-overview{display:flex;flex-direction:column;gap:1.5rem}.project-details-overview-section{display:flex;flex-direction:column;gap:1rem}.project-details-overview-section.full-width{width:100%}.project-details-overview-item{align-items:flex-start;border-bottom:none;display:flex;justify-content:space-between;padding:.5rem 0}.project-details-overview-item:last-child{border-bottom:none}.project-details-overview-label{color:#64748b;font-size:.85rem;font-weight:500;min-width:120px}.project-details-overview-value{color:#1e293b;flex:1 1;font-size:.9rem;font-weight:500;text-align:left}.project-details-overview-value.budget-value{color:#059669;font-weight:600}.project-details-overview-value.cost-value{color:#dc2626;font-weight:600}.project-details-overview-description{color:#475569;flex:1 1;font-size:.9375rem;line-height:1.6;margin:0;text-align:left}.project-contacts-tab{background:#0000;border:none;border-radius:0;box-shadow:none}.project-contacts-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1.5rem}.project-contacts-column{display:flex;flex-direction:column}.project-contacts-column .project-team-card{display:flex;flex-direction:column;height:100%}.project-contacts-column .project-team-card-body{flex:1 1;max-height:800px;overflow-y:auto}@media (max-width:1024px){.project-contacts-grid{grid-template-columns:1fr}}.project-dashboard-tab{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.project-dashboard-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.5rem}.project-dashboard-title{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0 0 .25rem}.project-dashboard-subtitle{color:#64748b;font-size:.9375rem;margin:0}.project-dashboard-tab .project-stats-grid{padding:1.5rem}.project-activity-tab{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(500px,1fr))}.project-activity-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.project-activity-card-header{background:#f8fafc;border-bottom:1px solid #e5e7eb;padding:1.25rem 1.5rem}.project-activity-card-title{align-items:center;color:#1e293b;display:flex;font-size:1.125rem;font-weight:700;gap:.75rem;margin:0}.project-activity-card-title svg{color:#546e7a}.project-activity-card-body{padding:1.5rem}.lifecycle-container{height:100%;padding:1rem;width:100%}.lifecycle-track{display:flex;flex-direction:column;gap:2rem;min-height:600px;padding:2rem 0;position:relative}.lifecycle-line-bg{background-color:#e2e8f0;bottom:2rem;z-index:0}.lifecycle-line-bg,.lifecycle-line-progress{left:1.25rem;position:absolute;top:2rem;transform:translateX(-50%);width:2px}.lifecycle-line-progress{animation:gradient-flow-vertical 3s linear infinite;background:linear-gradient(180deg,#546e7a,#546e7a,#455a64,#546e7a);background-size:100% 300%;box-shadow:0 0 8px #3b82f680;transition:height .8s cubic-bezier(.4,0,.2,1);z-index:1}.lifecycle-group{display:flex;flex-direction:column;gap:1.5rem;position:relative}.lifecycle-group-label{align-self:flex-start;background-color:#f1f5f9;border-radius:9999px;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.05em;margin-bottom:.5rem;margin-left:3rem;padding:.25rem .75rem;position:-webkit-sticky;position:sticky;text-transform:uppercase;top:0;z-index:2}.lifecycle-group-stages{flex-direction:column;z-index:2}.lifecycle-group-stages,.lifecycle-stage{display:flex;gap:1.5rem;position:relative}.lifecycle-stage{align-items:center;cursor:default;transition:all .3s ease}.lifecycle-node-container{display:flex;flex-shrink:0;justify-content:center;width:2.5rem}.lifecycle-node{align-items:center;background-color:#fff;border:2px solid #cbd5e1;border-radius:50%;display:flex;height:1.5rem;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:1.5rem;z-index:3}.lifecycle-stage.pending .lifecycle-node{background-color:#fff;border-color:#cbd5e1}.lifecycle-dot{background-color:#e2e8f0;border-radius:50%;height:.5rem;width:.5rem}.lifecycle-stage.completed .lifecycle-node{background-color:#546e7a;border-color:#546e7a;transform:scale(1.1)}.lifecycle-icon-check{stroke-width:3px;color:#fff;height:1rem;width:1rem}.lifecycle-stage.current .lifecycle-node{background-color:#fff;border-color:#546e7a;box-shadow:0 0 0 4px #3b82f633;transform:scale(1.25)}.lifecycle-pulse{background-color:#546e7a;border-radius:50%;height:.75rem;position:relative;width:.75rem}.lifecycle-pulse:after,.lifecycle-pulse:before{animation:ripple-effect 2s cubic-bezier(0,.2,.8,1) infinite;border:2px solid #546e7a;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:100%}.lifecycle-pulse:after{animation-delay:-.5s}@keyframes ripple-effect{0%{border-width:2px;height:100%;opacity:1;width:100%}to{border-width:0;height:300%;opacity:0;width:300%}}.lifecycle-content{display:flex;flex-direction:column}.lifecycle-label{color:#64748b;font-size:.9375rem;font-weight:500;transition:color .3s ease}.lifecycle-stage.completed .lifecycle-label{color:#334155}.lifecycle-stage.current .lifecycle-label{color:#546e7a;font-size:1rem;font-weight:700}.lifecycle-stage.completed.animate-in .lifecycle-node{animation:pop-in .4s cubic-bezier(.175,.885,.32,1.275)}@keyframes pop-in{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1.1)}}.lifecycle-runner{animation:super-run .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;display:inline-block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:1.5rem;margin-left:.5rem;position:relative;z-index:10}.lifecycle-runner:after{animation:trail-lag .6s cubic-bezier(.36,0,.66,-.56) infinite alternate;animation-delay:.1s;content:"🐆";filter:blur(1px) grayscale(.5);left:-6px;opacity:.4;position:absolute;top:0;z-index:-1}.lifecycle-runner:before{animation:dust-cloud 1s linear infinite;bottom:0;content:"💨";font-size:.8rem;left:-12px;opacity:.8;position:absolute}@keyframes super-run{0%{transform:translateY(0) skewX(0deg) scale(1)}to{transform:translateY(-4px) skewX(-10deg) scale(1.05)}}@keyframes trail-lag{0%{transform:translateY(0) skewX(0deg) scale(.9)}to{transform:translateY(-4px) skewX(-10deg) scale(.95)}}@keyframes dust-cloud{0%{opacity:0;transform:translateX(0) scale(.5)}50%{opacity:.8}to{opacity:0;transform:translateX(-10px) scale(1.2)}}@keyframes gradient-flow-vertical{0%{background-position:0 0}to{background-position:0 100%}}@keyframes gradient-flow-horizontal{0%{background-position:0 0}to{background-position:100% 0}}.project-overview-grid{align-items:stretch}.project-overview-card{display:flex;flex-direction:column;height:100%}.project-overview-card-body{flex:1 1;max-height:800px;overflow-y:auto}.project-hero-lifecycle{border-top:1px solid #e2e8f0;margin-top:2rem;padding:1.5rem 0}.lifecycle-container.horizontal{padding:0;width:100%}.lifecycle-track.horizontal{display:flex;flex-direction:row;min-height:80px;padding:0;position:relative}.lifecycle-line-bg.horizontal{background:linear-gradient(90deg,#e2e8f0,#cbd5e1);border-radius:2px;height:3px;left:0;position:absolute;right:0;top:20px}.lifecycle-line-progress.horizontal{animation:gradient-flow-horizontal 3s linear infinite;background:linear-gradient(90deg,#546e7a,#546e7a,#455a64,#546e7a);background-size:300% 100%;border-radius:2px;box-shadow:0 0 8px #3b82f680;height:3px;left:0;position:absolute;top:20px;transition:width .8s cubic-bezier(.4,0,.2,1);z-index:1}.lifecycle-stages-horizontal{display:flex;justify-content:space-between;position:relative;width:100%;z-index:2}.lifecycle-stage-horizontal{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(10px);transition:all .3s ease}.lifecycle-stage-horizontal.animate-in{opacity:1;transform:translateY(0)}.lifecycle-node-horizontal{align-items:center;background:#fff;border:3px solid #e2e8f0;border-radius:50%;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.lifecycle-stage-horizontal.completed .lifecycle-node-horizontal{background:linear-gradient(135deg,#546e7a,#546e7a);border-color:#546e7a;box-shadow:0 4px 12px #3b82f64d}.lifecycle-stage-horizontal.current .lifecycle-node-horizontal{animation:pulse-horizontal 2s ease-in-out infinite;background:linear-gradient(135deg,#10b981,#059669);border-color:#10b981;box-shadow:0 4px 16px #10b98166}.lifecycle-stage-horizontal.pending .lifecycle-node-horizontal{background:#fff;border-color:#cbd5e1}.lifecycle-label-horizontal{align-items:center;color:#64748b;display:flex;font-size:.75rem;font-weight:600;gap:.25rem;text-align:center;white-space:nowrap}.lifecycle-stage-horizontal.current .lifecycle-label-horizontal{color:#10b981;font-weight:700}.lifecycle-stage-horizontal.completed .lifecycle-label-horizontal{color:#546e7a}@keyframes pulse-horizontal{0%,to{box-shadow:0 4px 16px #10b98166;transform:scale(1)}50%{box-shadow:0 6px 20px #10b98199;transform:scale(1.1)}}@media (max-width:1024px){.lifecycle-stages-horizontal{overflow-x:auto;padding-bottom:1rem}.lifecycle-stage-horizontal{min-width:80px}.lifecycle-label-horizontal{font-size:.7rem}}.activity-log-section{display:flex;flex-direction:column;height:100%}.activity-list{flex:1 1;min-height:400px;overflow-y:auto}@media (max-width:768px){.project-details-page{padding:0 1rem 1.5rem}.project-hero-section{padding:1.5rem}.project-hero-header{align-items:stretch;flex-direction:column}.project-hero-title{font-size:1.5rem}.project-hero-actions{justify-content:flex-start;width:100%}.project-stats-grid{grid-template-columns:1fr}.project-tabs{gap:.25rem}.project-tab{font-size:.875rem;padding:.75rem 1rem}.project-activity-tab,.project-overview-grid,.project-tasks-grid,.project-team-grid{grid-template-columns:1fr}}.project-filter-modal{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:90%}.project-filter-modal-header{align-items:flex-start;background:linear-gradient(135deg,#546e7a0d,#764ba20d);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.project-filter-modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.project-filter-modal-icon{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:12px;box-shadow:0 4px 12px #546e7a4d;color:#fff;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.project-filter-modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.project-filter-modal-subtitle{color:#64748b;font-size:.875rem;margin:0}.project-filter-modal-body{padding:2rem}.project-filter-form{display:flex;flex-direction:column;gap:1.5rem}.project-filter-form .form-group{display:flex;flex-direction:column;gap:.5rem}.project-filter-form label{align-items:center;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.project-filter-form label svg{color:#546e7a;height:16px;width:16px}.project-filter-form .form-control{background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;color:#1e293b;font-size:.9375rem;padding:.75rem 1rem;transition:all .2s ease}.project-filter-form .form-control:focus{border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a;outline:none}.project-filter-modal-footer{background:#f8fafc;border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem 2rem}.project-filter-modal-footer .btn-outline-modern:disabled{cursor:not-allowed;opacity:.5}.project-filter-modal-footer .btn-outline-modern:disabled:hover{box-shadow:none;transform:none}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}.profile-info-card.attendance-card{grid-column:1}}@media (max-width:768px){.profile-hero{padding:2rem 1.5rem}.profile-hero-content{flex-direction:column;gap:1.5rem;text-align:center}.profile-avatar-large{font-size:2.5rem;height:100px;width:100px}.profile-name{font-size:2rem}.profile-content{padding:0 1.5rem 2rem}.profile-grid{gap:1.5rem}.card-content{padding:1.25rem}.card-header-modern{align-items:stretch;gap:1rem;padding:1rem 1.25rem}.attendance-actions-modern,.card-header-modern{flex-direction:column}.btn-attendance-modern{min-width:auto}.password-modal-modern{margin:1rem;width:95%}.password-modal-header-modern{padding:1.25rem 1.5rem}.password-form-modern{padding:1.5rem}.card-header-modern{padding:1.25rem 1.5rem}.info-item{align-items:stretch;flex-direction:column;gap:.5rem}.info-item,.info-value{text-align:left}.form-actions-modern{flex-direction:column}.btn-primary-modern,.btn-secondary-modern{justify-content:center;width:100%}}@media (max-width:480px){.profile-hero{padding:1.5rem 1rem}.profile-avatar-large{font-size:2rem;height:80px;width:80px}.profile-name{font-size:1.75rem}.profile-badges{justify-content:center}.profile-content{padding:0 1rem}.card-content{padding:1rem}.card-header-modern{align-items:stretch;flex-direction:column;gap:1rem;padding:1rem}.btn-secondary-modern,.card-header-info{justify-content:center}.btn-secondary-modern{width:100%}.profile-grid{gap:1rem;grid-template-columns:1fr}.attendance-entry-modern{align-items:flex-start;flex-direction:column;gap:.5rem}.entry-type-modern{min-width:auto}.password-modal-modern{border-radius:12px;margin:.5rem;width:100%}.password-modal-header-modern{padding:1rem 1.25rem}.password-form-modern{padding:1.25rem}}.task-details-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:2fr 1fr;margin-top:2rem}@media (max-width:1024px){.task-details-grid{gap:1.5rem;grid-template-columns:1fr}}.card-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding-bottom:1rem}.task-badges{display:flex;gap:.5rem}.task-status{border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.025em;padding:.25rem .75rem;text-transform:uppercase}.status-to-do{background-color:#f1f5f9;color:#475569}.status-in-progress{background-color:#fef3c7;color:#d97706}.status-in-review{background-color:#dbeafe;color:#455a64}.status-done{background-color:#dcfce7;color:#16a34a}.status-checked{background-color:#e0f2fe;border:1px solid #81d4fa;color:#0277bd;font-weight:600}.status-on-hold{background-color:#fecaca;color:#dc2626}.priority-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:uppercase}.priority-high{background-color:#fecaca;color:#dc2626}.priority-urgent{background-color:#fde2e8;border:1px solid #f9a8d4;color:#be185d;font-weight:700}.priority-medium{background-color:#fef3c7;color:#d97706}.priority-low{background-color:#dcfce7;color:#16a34a}.project-link{color:#455a64;font-weight:500;text-decoration:none}.project-link:hover{text-decoration:underline}.client-name{color:#64748b;font-size:.875rem}.user-info{font-weight:500}.user-email{font-size:.875rem;font-weight:400}.overdue-badge{background-color:#dc2626;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;margin-left:.5rem;padding:.125rem .5rem}.time-logs-list{display:flex;flex-direction:column;gap:1rem}.time-log-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;padding:1rem}.time-log-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.hours-badge{background-color:#455a64;border-radius:.25rem;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem}.date-logged{color:#64748b;font-size:.875rem}.time-log-description{color:#374151;margin-bottom:.5rem}.time-log-user{color:#64748b;font-size:.75rem}.total-time{background-color:#f0f9ff;border:1px solid #bae6fd;border-radius:.5rem;color:#0c4a6e;margin-top:1rem;padding:1rem;text-align:center}.empty-state{color:#64748b;padding:3rem 1rem;text-align:center}.empty-icon{display:block;font-size:3rem;margin-bottom:1rem}.text-danger{color:#dc2626!important}.profile-layout{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:300px 1fr;margin-top:2rem}@media (max-width:768px){.profile-layout{gap:1.5rem;grid-template-columns:1fr}}.profile-summary{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;height:-webkit-fit-content;height:fit-content;padding:2rem}.profile-avatar{margin:0 auto 1.5rem}.profile-summary-info{text-align:center}.profile-summary-info h2{color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.edit-profile-btn{align-self:center;background:#0000;border:1px solid #546e7a;border-radius:.375rem;color:#546e7a;cursor:pointer;font-size:.875rem;margin-top:1rem;padding:.5rem 1rem;transition:all .2s ease}.edit-profile-btn:hover{background:#546e7a;color:#fff}.professional-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin:1rem 0;padding:1rem}.professional-info .info-row{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:.5rem 0}.professional-info .info-row:last-child{border-bottom:none}.professional-info .label{color:#64748b;font-size:.875rem;font-weight:500;min-width:100px}.professional-info .value{color:#1e293b;flex:1 1;font-size:.875rem;text-align:right}.professional-info .value-link{color:#546e7a;font-size:.875rem;font-weight:500;text-decoration:none}.professional-info .value-link:hover{text-decoration:underline}.profile-card{margin-bottom:2rem}.profile-card .card-header{padding:1rem 1.5rem}.profile-card .card-header h3{font-size:1.125rem}.top-row{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:2rem}.profile-summary-card{min-height:400px}@media (max-width:768px){.top-row{gap:1.5rem;grid-template-columns:1fr}}.professional-info-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:2rem;overflow:hidden}.professional-info-card .card-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:1rem 1.5rem}.professional-info-card .card-header h3{color:#1e293b;font-size:1.125rem;font-weight:600;margin:0}.professional-details{padding:1.5rem}.professional-details .info-row{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:.75rem 0}.professional-details .info-row:last-child{border-bottom:none}.professional-details .label{color:#64748b;font-weight:500;min-width:120px}.professional-details .value{color:#1e293b;flex:1 1;text-align:right}.portfolio-link{color:#546e7a;font-weight:500;text-decoration:none}.portfolio-link:hover{text-decoration:underline}.section-header{margin-bottom:16px}.change-password-btn{background:#546e7a;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 8px;transition:all .2s ease}.change-password-btn:hover{background:#455a64;box-shadow:0 2px 4px #3b82f64d;transform:translateY(-1px)}.change-password-btn:active{box-shadow:0 1px 2px #3b82f64d;transform:translateY(0)}.password-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:3000}.password-modal{background:#fff;border-radius:8px;box-shadow:0 10px 25px #0003;max-height:90vh;max-width:400px;overflow-y:auto;padding:0;width:90%}.password-modal-header{align-items:center;background:#f9fafb;border-bottom:1px solid #e5e7eb;border-radius:8px 8px 0 0;display:flex;justify-content:space-between;padding:20px 24px}.password-modal-header h3{color:#1f2937;font-size:1.25rem;font-weight:600;margin:0}.close-btn{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:24px;line-height:1;padding:4px;transition:all .2s ease}.close-btn:hover{background:#f3f4f6;color:#374151}.password-modal .password-form{padding:24px}.password-modal .form-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}.profile-role{margin-bottom:.25rem}.profile-org,.profile-role{color:#64748b;font-size:.875rem}.profile-org{margin-bottom:1rem}.status-badge{display:inline-block;padding:.25rem .75rem}.status-badge.active{background-color:#dcfce7;color:#16a34a}.status-badge.inactive{background-color:#fecaca;color:#dc2626}.profile-details{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden}.detail-section{border-bottom:1px solid #e2e8f0;padding:2rem}.detail-section:last-child{border-bottom:none}.detail-section h3{margin-bottom:1.5rem}.section-header h3{margin-bottom:0}.info-grid{display:flex;flex-direction:column;gap:1rem}.info-row{align-items:start;justify-content:space-between;padding:.75rem 0}.info-row .label{color:#64748b;font-weight:500}.info-row .value{color:#1e293b;text-align:right}.value-link{color:#455a64;text-decoration:none}.value-link:hover{text-decoration:underline}.bio-row{align-items:start}.bio-text{text-align:right}.attendance-status{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;justify-content:space-between;margin-bottom:1.5rem;padding:1rem}.status-info{flex:1 1}.status-indicator{gap:.5rem;margin-bottom:.25rem}.status-dot{display:inline-block;height:10px;width:10px}.status-dot.active{background-color:#10b981;box-shadow:0 0 0 2px #10b9814d}.status-dot.inactive{background-color:#6b7280}.last-entry{color:#64748b;font-size:.875rem}.btn-attendance{align-items:center;border-radius:.375rem;display:flex;font-size:.875rem;gap:.25rem;padding:.5rem 1rem}.btn-attendance.clock-in{background-color:#10b981}.btn-attendance.clock-in:hover:not(:disabled){background-color:#059669}.btn-attendance.clock-out{background-color:#ef4444}.btn-attendance.clock-out:hover:not(:disabled){background-color:#dc2626}.btn-attendance.disabled{background-color:#e5e7eb;color:#9ca3af}.btn-attendance:disabled{cursor:not-allowed;opacity:.6}.today-attendance{margin-top:1.5rem}.today-attendance h4{color:#1e293b;font-size:1rem;font-weight:600;margin-bottom:1rem}.attendance-log{display:flex;flex-direction:column;gap:.5rem}.attendance-entry{background:#fff;border:1px solid #e2e8f0;border-radius:.375rem;box-shadow:0 1px 2px #0000000d;justify-content:space-between;padding:.75rem}.attendance-entry,.entry-type{align-items:center;display:flex}.entry-type{font-weight:500;gap:.25rem;min-width:100px}.entry-type.clock-in{color:#10b981}.entry-type.clock-out{color:#ef4444}.entry-time{background:#f1f5f9;border-radius:.25rem;color:#475569;font-family:Menlo,Monaco,Courier New,monospace;font-size:.875rem;font-weight:500;padding:.25rem .5rem}.entry-notes{color:#64748b;flex:1 1;font-size:.875rem;font-style:italic;text-align:right}.no-attendance{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:.375rem;color:#64748b;padding:2rem;text-align:center}.loading-message{color:#64748b;font-style:italic;padding:1rem;text-align:center}@media (max-width:768px){.attendance-status{flex-direction:column;gap:1rem;text-align:center}.attendance-actions{justify-content:center}.attendance-entry{flex-direction:column;gap:.5rem;text-align:center}.entry-time{order:-1}}.tasks-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:.5rem;margin:2rem 0 1.5rem}.tab-button{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:1rem 1.5rem;transition:all .2s}.tab-button.active,.tab-button:hover{background-color:#f8fafc;color:#455a64}.tab-button.active{border-bottom-color:#455a64}.tab-icon{font-size:1rem}.tasks-content{margin-top:1.5rem}.tasks-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr))}@media (max-width:768px){.tasks-grid{grid-template-columns:1fr}}.task-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem;transition:box-shadow .2s}.task-card:hover{box-shadow:0 4px 6px #0000001a}.task-card-header{align-items:start;display:flex;justify-content:space-between;margin-bottom:1rem}.task-title{font-size:1.125rem;font-weight:600;margin:0}.task-title a{color:#1e293b;text-decoration:none}.task-title a:hover{color:#455a64}.task-card-content{margin-bottom:1.5rem}.task-description{color:#64748b;line-height:1.5;margin-bottom:1rem}.task-meta{display:flex;flex-direction:column;gap:.5rem}.meta-item{font-size:.875rem;justify-content:space-between}.meta-label{color:#64748b;font-weight:500}.due-date,.stage-info{color:#1e293b}.due-date.overdue{color:#dc2626;font-weight:600}.user-details-container{margin:0 auto;max-width:1200px;padding:0 20px}.detail-section{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;margin-bottom:24px;padding:24px}.detail-section.compact{margin-bottom:16px;padding:16px}.detail-section h3{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.25rem;font-weight:600;margin-bottom:16px;padding-bottom:8px}.info-grid{grid-gap:12px;display:grid;gap:12px}.info-grid-compact{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:16px}.info-item{align-items:center;gap:8px;padding:6px 0}.bio-section{border-top:1px solid #e2e8f0;margin-top:16px;padding-top:16px}.personal-info-section{margin-top:24px}.info-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;margin-bottom:16px;overflow:hidden}.info-card-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:12px 16px}.info-card-header h4{color:#374151;font-size:1rem;font-weight:600;margin:0}.info-card-content{padding:16px}.info-card .info-row{align-items:flex-start;display:flex;gap:24px;margin-bottom:16px}.info-card .info-row:last-child{margin-bottom:0}.info-field{display:flex;flex:1 1;flex-direction:column;gap:4px}.info-field.full-width{flex:1 1 100%}.field-label{color:#6b7280;font-size:.875rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.field-value{color:#1f2937}.field-link,.field-value{font-size:1rem;font-weight:500}.field-link{color:#546e7a;text-decoration:none}.field-link:hover{text-decoration:underline}.info-card .bio-text{color:#4b5563;font-size:.95rem;line-height:1.6;margin:0;padding:0;text-align:left;white-space:pre-wrap}.info-row{align-items:flex-start;display:flex;gap:12px;padding:8px 0}.info-row .label{color:#374151;flex-shrink:0;font-weight:600;min-width:120px}.info-row .value{color:#1f2937;flex:1 1}.info-row .value-link{color:#546e7a;text-decoration:none}.info-row .value-link:hover{text-decoration:underline}.bio-row{align-items:flex-start;flex-direction:column}.bio-text{color:#4b5563;line-height:1.6;margin-top:4px;white-space:pre-wrap}.status-badge{border-radius:4px;font-size:.875rem;font-weight:500;padding:4px 8px}.status-active{background-color:#dcfce7;color:#166534}.status-inactive{background-color:#fef2f2;color:#dc2626}.attendance-calendar{background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000001a;padding:24px}.calendar-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:24px;padding-bottom:16px}.calendar-navigation{align-items:center;display:flex;gap:16px}.calendar-actions{align-items:center;display:flex;gap:8px}.export-btn{align-items:center!important;background:#10b981!important;border:none!important;border-radius:6px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:6px!important;padding:8px 16px!important;transition:all .2s ease!important}.export-btn:hover{background:#059669!important;box-shadow:0 4px 12px #10b9814d!important;transform:translateY(-1px)!important}.export-btn:active{transform:translateY(0)!important}.export-dropdown-container{display:inline-block;position:relative}.export-dropdown{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 10px 25px #00000026;margin-top:4px;min-width:200px;overflow:hidden;position:absolute;right:0;top:100%;z-index:1000}.export-option{align-items:center!important;background:#fff!important;border:none!important;color:#374151!important;cursor:pointer!important;display:flex!important;font-size:.875rem!important;font-weight:500!important;gap:12px!important;padding:12px 16px!important;text-align:left!important;transition:all .2s ease!important;width:100%!important}.export-option:hover{background:#f8fafc!important;color:#1e293b!important}.export-option:active{background:#e2e8f0!important}.export-icon{font-size:1rem;text-align:center;width:20px}.export-dropdown{animation:dropdownFadeIn .2s ease-out}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calendar-title{color:#1e293b;font-size:1.5rem;font-weight:600;margin:0}.attendance-stats{grid-gap:16px;background-color:#f8fafc;border-radius:6px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:24px;padding:16px}.stat-item{align-items:center;display:flex;flex-direction:column;gap:4px}.stat-label{color:#6b7280;font-size:.875rem;font-weight:500}.stat-value{color:#1f2937;font-size:1.5rem}.stat-value.present{color:#059669}.stat-value.absent{color:#dc2626}.calendar-grid{grid-gap:1px;background-color:#e2e8f0;border:1px solid #e2e8f0;border-radius:6px;display:grid;gap:1px;grid-template-columns:repeat(7,1fr);overflow:hidden}.calendar-day-header{background-color:#f1f5f9;color:#475569;font-size:.875rem;font-weight:600;padding:12px 8px;text-align:center}.calendar-day{align-items:center;background-color:#fff;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-height:60px;padding:8px;position:relative;transition:background-color .2s}.calendar-day.empty,.calendar-day:hover{background-color:#f8fafc}.calendar-day.empty{cursor:default}.calendar-day.weekend{background-color:#f1f5f9}.calendar-day.weekend:hover{background-color:#e2e8f0}.day-number{color:#374151;font-size:.875rem;font-weight:500}.attendance-indicator{align-items:center;border-radius:50%;color:#fff;display:flex;font-size:10px;font-weight:700;height:16px;justify-content:center;position:absolute;right:2px;top:2px;width:16px}.attendance-indicator.present{background-color:#059669}.attendance-indicator.absent{background-color:#dc2626}.calendar-day.attendance-present{background-color:#dcfce7;border:2px solid #059669}.calendar-day.attendance-absent{background-color:#fef2f2;border:2px solid #dc2626}.calendar-day.attendance-no-data{background-color:#f8fafc;border:1px solid #e2e8f0}.calendar-day.today{background-color:#dbeafe!important;border:2px solid #546e7a!important;font-weight:600}.calendar-day.today .day-number{color:#1e40af;font-weight:700}.calendar-legend{border-top:1px solid #e2e8f0;display:flex;gap:24px;justify-content:center;margin-top:20px;padding-top:16px}.legend-item{align-items:center;color:#6b7280;display:flex;font-size:.875rem;gap:8px}.legend-color{border-radius:4px;height:16px;width:16px}.legend-color.present{background-color:#059669}.legend-color.absent{background-color:#dc2626}.legend-color.today{background-color:#546e7a}.legend-color.weekend{background-color:#e2e8f0}.legend-color.no-data{background-color:#f3f4f6;border:1px solid #d1d5db}.attendance-calendar-error,.attendance-calendar-loading{color:#6b7280;padding:40px;text-align:center}.attendance-calendar-error .error-text{color:#dc2626;margin-bottom:16px}.btn-small{border:1px solid #0000;border-radius:4px;cursor:pointer;display:inline-block;font-size:.875rem;padding:6px 12px;text-align:center;text-decoration:none;transition:all .2s}.btn-info{background-color:#546e7a;border-color:#546e7a;color:#fff}.btn-info:hover{background-color:#455a64;border-color:#455a64}.btn-small:disabled{cursor:not-allowed}.btn-small:disabled,.btn-small:disabled:hover{background-color:#f3f4f6;border-color:#e5e7eb;color:#9ca3af}.update-time{color:#64748b}.task-card-actions{display:flex;gap:.75rem}.profile-container{background:#f8fafc;margin:0 auto;max-width:1200px;min-height:calc(100vh - 80px);padding:2rem}.profile-header{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:2rem;justify-content:space-between;margin-bottom:2rem;padding:1.5rem}.profile-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:50%;box-shadow:0 8px 32px #546e7a4d;color:#fff;display:flex;flex-shrink:0;font-size:2rem;font-weight:600;height:80px;justify-content:center;width:80px}.profile-basic-info{display:flex;flex-direction:column;gap:.5rem}.profile-name{color:#1e293b;font-size:1.75rem;font-weight:700;line-height:1.2;margin:0}.profile-role{color:#546e7a;font-size:1.1rem;font-weight:500;margin:0}.profile-organization{color:#64748b;font-size:1rem;margin:0 0 1rem}.profile-professional-info{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;padding:.75rem 1rem}.professional-item{display:flex;flex-direction:column;gap:.25rem;min-width:120px}.prof-label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.prof-value{color:#1e293b}.prof-link,.prof-value{font-size:.875rem;font-weight:500}.prof-link{color:#546e7a;text-decoration:none;transition:color .2s ease}.prof-link:hover{color:#455a64;text-decoration:underline}.profile-actions{display:flex;flex-shrink:0;gap:1rem}.profile-section-header{margin:2rem 0 1rem;padding:0 .5rem}.profile-section-header h2{border-bottom:2px solid #e2e8f0;color:#1e293b;font-size:1.5rem;font-weight:600;margin:0;padding-bottom:.5rem}.profile-content-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:1fr 1fr}.profile-card.personal-info-card{max-width:600px;width:100%}.profile-card.personal-info-card .card-content{padding:1rem 1.5rem}.profile-card{box-shadow:0 4px 20px #00000014;transition:transform .2s ease,box-shadow .2s ease}.profile-card:hover{box-shadow:0 8px 32px #0000001f;transform:translateY(-2px)}.profile-card .card-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.profile-card .card-header h3{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.profile-card .card-content{padding:1.5rem}.info-section{gap:.75rem}.info-item,.info-section{display:flex;flex-direction:column}.info-item{border-bottom:1px solid #f1f5f9;gap:.25rem;padding-bottom:.75rem}.info-item:last-child{border-bottom:none;padding-bottom:0}.info-item label{color:#64748b;font-size:.75rem;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.info-value{color:#1e293b;font-size:.9rem;font-weight:500}.info-link{color:#546e7a;font-size:1rem;font-weight:500;text-decoration:none;transition:color .2s ease}.info-link:hover{color:#455a64;text-decoration:underline}.bio-item{gap:.5rem}.bio-text{color:#475569;font-size:.875rem;line-height:1.5;margin:0}.profile-edit-form{display:flex;flex-direction:column;gap:1rem}.profile-edit-form .form-group{display:flex;flex-direction:column;gap:.375rem}.profile-edit-form label{color:#374151;font-size:.875rem;font-weight:500}.profile-edit-form input,.profile-edit-form textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:border-color .2s ease,box-shadow .2s ease}.profile-edit-form input:focus,.profile-edit-form textarea:focus{border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a;outline:none}.profile-edit-form textarea{min-height:100px;resize:vertical}.attendance-status{display:flex;flex-direction:column;gap:1.5rem}.status-indicator{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;padding:1rem}.status-dot{flex-shrink:0;height:12px;width:12px}.status-dot.active{background:#10b981;box-shadow:0 0 0 4px #10b98133}.status-dot.inactive{background:#6b7280}.status-info{display:flex;flex-direction:column;gap:.25rem}.status-text{color:#1e293b;font-size:1rem;font-weight:500}.last-entry-time{color:#64748b;font-size:.875rem}.attendance-actions{flex-wrap:wrap;gap:1rem}.btn-attendance{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.95rem;font-weight:500;min-width:140px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-attendance.clock-in{background:#10b981;color:#fff}.btn-attendance.clock-in:hover:not(.disabled){background:#059669;box-shadow:0 4px 12px #10b9814d;transform:translateY(-1px)}.btn-attendance.clock-out{background:#ef4444;color:#fff}.btn-attendance.clock-out:hover:not(.disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-attendance.disabled{background:#9ca3af;box-shadow:none;color:#6b7280;cursor:not-allowed;transform:none}.message{border-radius:8px;font-weight:500;margin:1rem 0;padding:1rem}.message.error{background:#fef2f2;border:1px solid #fecaca;color:#dc2626}.message.success{background:#f0fdf4;border:1px solid #bbf7d0;color:#16a34a}.form-actions{gap:1rem;margin-top:1rem}.btn-outline,.btn-primary,.btn-secondary{border-radius:8px;padding:.75rem 1.5rem;transition:all .2s ease}.btn-outline{cursor:pointer;font-weight:500}.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled{box-shadow:none;cursor:not-allowed;opacity:.6;transform:none}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-professional-info{grid-template-columns:1fr 1fr}}@media (max-width:768px){.profile-container{padding:1rem}.profile-header{gap:1.5rem;padding:1rem}.profile-avatar-section,.profile-header{flex-direction:column;text-align:center}.profile-avatar{font-size:1.75rem;height:70px;width:70px}.profile-name{font-size:1.5rem}.profile-actions{flex-direction:column;width:100%}.profile-actions button{width:100%}.profile-professional-info{flex-direction:column;gap:.5rem}.professional-item{min-width:auto}.profile-content-grid{grid-template-columns:1fr}.profile-card.personal-info-card{max-width:100%}}@media (max-width:480px){.profile-header{padding:1.5rem}.profile-avatar{font-size:1.75rem;height:70px;width:70px}.profile-name{font-size:1.5rem}.attendance-actions{flex-direction:column}.btn-attendance{min-width:auto}}.pagination-controls{align-items:center;border-top:1px solid #e5e7eb;display:flex;flex-direction:column;gap:1rem;margin-top:2rem;padding:1rem}.pagination-info{color:#6b7280;font-size:.875rem;text-align:center}.pagination-buttons{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.page-numbers{align-items:center;display:flex;gap:.25rem}.pagination-buttons .btn-small{align-items:center;display:flex;font-size:.875rem;height:2.5rem;justify-content:center;min-width:2.5rem}.pagination-buttons .btn-small:disabled{background-color:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:.5}.pagination-buttons .btn-small:disabled:hover{background-color:#f9fafb;box-shadow:none;color:#9ca3af;transform:none}@media (max-width:768px){.pagination-controls{gap:.75rem}.pagination-buttons{gap:.25rem}.pagination-buttons .btn-small{font-size:.75rem;height:2rem;min-width:2rem;padding:.25rem .5rem}.page-numbers{gap:.125rem}}.modal-overlay{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#00000080;z-index:2000}.modal-container-modern{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;margin:1rem;max-height:90vh;max-width:600px;width:100%}.modal-header-modern{border-bottom:1px solid #e5e7eb;gap:1rem;padding:1.5rem}.modal-icon-wrapper{background:#f1f5f9;color:#64748b;flex-shrink:0}.modal-title{font-size:1.25rem}.modal-close-button:hover{background:#f1f5f9}.modal-body-modern{overflow-y:auto;padding:1.5rem}.search-input-modern{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#1e293b;font-size:.9375rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s ease;width:100%}.search-input-modern:focus{border-color:#546e7a;box-shadow:0 0 0 3px #546e7a1a;outline:none}.search-input-container{position:relative}.modal-content{border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-height:90vh;max-width:500px;overflow-y:auto;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{color:#111827;font-size:1.25rem;font-weight:600;margin:0}.btn-close{background:none;border:none;border-radius:4px;color:#6b7280;cursor:pointer;font-size:1.5rem;padding:.25rem;transition:all .2s ease}.btn-close:hover{background:#f3f4f6;color:#374151}.task-form{padding:1.5rem}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-control{border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;padding:.75rem;transition:border-color .2s ease,box-shadow .2s ease;width:100%}.form-control:focus{border-color:#546e7a;box-shadow:0 0 0 3px #3b82f61a;outline:none}.form-row{grid-gap:1rem;gap:1rem}.form-actions{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1rem}@media (max-width:640px){.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}}.btn-danger,.btn-danger-large,.btn-outline,.btn-primary,.btn-secondary{align-items:center;border:none;border-radius:8px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;justify-content:center;min-height:2.75rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.btn-primary:hover:not(:disabled){background:#455a64;box-shadow:0 4px 12px #546e7a4d;transform:translateY(-1px)}.btn-secondary{background:#546e7a;color:#fff}.btn-secondary:hover:not(:disabled){background:#455a64;box-shadow:0 4px 12px #3b82f64d;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #546e7a;color:#546e7a}.btn-outline:hover:not(:disabled){background:#546e7a;box-shadow:0 4px 12px #546e7a4d;color:#fff;transform:translateY(-1px)}.btn-danger,.btn-danger-large{background:#ef4444;color:#fff}.btn-danger-large:hover:not(:disabled),.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 4px 12px #ef44444d;transform:translateY(-1px)}.btn-small{font-size:.75rem;min-height:2.25rem;padding:.5rem 1rem}.btn-danger-large:disabled,.btn-danger:disabled,.btn-outline:disabled,.btn-primary:disabled,.btn-secondary:disabled{background:#f3f4f6!important;border-color:#e5e7eb!important;box-shadow:none;color:#9ca3af!important;cursor:not-allowed;opacity:.6;transform:none}.page-actions>*+*{margin-left:1rem}@media (max-width:768px){.btn-danger,.btn-danger-large,.btn-outline,.btn-primary,.btn-secondary{font-size:.8rem;padding:.625rem 1.25rem}.page-actions{gap:.75rem}.page-actions>*+*{margin-left:0}}.modern-admin-dashboard{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1400px;min-height:100vh;padding:2rem}.dashboard-header-compact{align-items:center;background:#0000;display:flex;justify-content:center;margin-bottom:2rem;padding:0}.dashboard-title-compact{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2rem;font-weight:700;margin:0}.btn-compact-primary{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:8px;box-shadow:0 2px 4px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s ease}.btn-compact-primary:hover{box-shadow:0 4px 8px -2px #3b82f666;transform:translateY(-1px)}.dashboard-header-modern{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2.5rem;padding:2rem}.dashboard-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;color:#1e293b;font-size:2.5rem;font-weight:800;margin:0}.dashboard-subtitle-modern{color:#64748b;font-size:1rem;font-weight:500;margin:.5rem 0 0}.header-actions-modern{display:flex;gap:1rem}.btn-modern-primary{border-radius:12px;font-size:.9rem}.btn-icon{font-size:1.1rem;font-weight:700}.stats-grid-modern{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:3rem}.stat-card-modern{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.stat-card-modern:before{background:linear-gradient(90deg,#546e7a,#455a64);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-users:before{background:linear-gradient(90deg,#10b981,#059669)}.stat-projects:before{background:linear-gradient(90deg,#f59e0b,#d97706)}.stat-tasks:before{background:linear-gradient(90deg,#546e7a,#7c3aed)}.stat-active:before{background:linear-gradient(90deg,#ef4444,#dc2626)}.stat-card-modern:hover{box-shadow:0 12px 20px -4px #00000026;transform:translateY(-4px)}.stat-icon-modern{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:12px;color:#64748b;margin-bottom:1rem}.stat-users .stat-icon-modern{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.stat-projects .stat-icon-modern{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#d97706}.stat-tasks .stat-icon-modern{background:linear-gradient(135deg,#e9d5ff,#ddd6fe);color:#7c3aed}.stat-active .stat-icon-modern{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626}.stat-content-modern{gap:.5rem}.stat-value-modern{color:#1e293b;font-size:2.5rem;font-weight:800}.stat-label-modern{color:#374151;font-size:1rem;font-weight:600}.stat-trend-modern{color:#64748b;font-size:.875rem;font-weight:500}.actions-section-modern{margin-bottom:2rem}.section-title-modern{color:#1e293b;font-size:1.875rem;font-weight:700;margin:0 0 2rem;text-align:center}.actions-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.action-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.action-card-modern:before{background:linear-gradient(90deg,#6b7280,#4b5563);content:"";height:4px;left:0;position:absolute;right:0;top:0}.action-primary:before,.action-standard:before{background:linear-gradient(90deg,#546e7a,#455a64)}.action-secondary:before{background:linear-gradient(90deg,#10b981,#059669)}.action-disabled:before{background:linear-gradient(90deg,#9ca3af,#6b7280)}.action-card-modern:hover{box-shadow:0 12px 20px -4px #00000026;transform:translateY(-4px)}.action-header-modern{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.action-icon-modern{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:10px;color:#64748b;display:flex;height:40px;justify-content:center;width:40px}.action-primary .action-icon-modern,.action-standard .action-icon-modern{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#455a64}.action-secondary .action-icon-modern{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.action-disabled .action-icon-modern{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#9ca3af}.action-title-modern{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.action-description-modern{color:#64748b;flex-grow:1;font-size:.9rem;line-height:1.6;margin:0 0 auto}.action-btn-modern{border:none;border-radius:10px;cursor:pointer;display:block;font-size:.9rem;font-weight:600;margin-top:1.5rem;padding:.75rem 1.5rem;text-align:center;text-transform:none;transition:all .3s ease;width:100%}.action-btn-standard{background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.action-btn-standard:hover{box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.action-btn-primary{background:linear-gradient(135deg,#546e7a,#455a64);box-shadow:0 4px 6px -1px #3b82f64d;color:#fff}.action-btn-primary:hover{box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.action-btn-secondary{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.action-btn-secondary:hover{box-shadow:0 8px 15px -3px #10b98166;transform:translateY(-2px)}.action-btn-disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;cursor:not-allowed;opacity:.6}.action-btn-disabled:hover{box-shadow:0 4px 6px -1px #9ca3af4d;transform:none}@media (max-width:768px){.modern-admin-dashboard{padding:1rem}.dashboard-title-compact{font-size:1.75rem}.dashboard-header-modern{flex-direction:column;gap:1.5rem;text-align:center}.dashboard-title-modern{font-size:2rem}.actions-grid-modern,.stats-grid-modern{gap:1rem;grid-template-columns:1fr}.action-card-modern,.stat-card-modern{padding:1.5rem}}.modern-profile-container{background:linear-gradient(135deg,#f8fafc,#f1f5f9);margin:0 auto;max-width:1200px;min-height:100vh;padding:2rem}.modern-profile-header{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;display:flex;justify-content:space-between;margin-bottom:2rem;padding:2rem}.profile-avatar-section{align-items:center;display:flex;gap:1.5rem}.modern-profile-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:50%;box-shadow:0 8px 16px -4px #3b82f64d;color:#fff;display:flex;font-size:2rem;font-weight:700;height:80px;justify-content:center;width:80px}.profile-info{display:flex;flex-direction:column;gap:.5rem}.modern-profile-name{color:#1e293b;font-size:2rem;font-weight:700;margin:0}.profile-username{color:#64748b;font-size:1rem;font-weight:500;margin:0}.profile-professional-badges{display:flex;gap:1rem;margin-top:.5rem}.professional-badge{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:20px;color:#475569;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.5rem 1rem}.profile-actions-modern{display:flex;gap:1rem}.btn-modern-secondary{align-items:center;background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border:1px solid #cbd5e1;border-radius:10px;color:#475569;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-modern-secondary:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);transform:translateY(-1px)}.btn-modern-outline{align-items:center;background:#0000;border:1px solid #546e7a;border-radius:10px;color:#546e7a;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-modern-outline:hover{background:#546e7a;color:#fff;transform:translateY(-1px)}.modern-profile-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr}.modern-profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.card-header-modern{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem}.card-title-section{align-items:center;display:flex;gap:.75rem}.card-title-section svg{color:#546e7a}.card-title-section h3{color:#1e293b;font-size:1.25rem;font-weight:700;margin:0}.card-content-modern{padding:2rem}.info-grid-modern{display:flex;flex-direction:column;gap:1.5rem}.info-item-modern{display:flex;flex-direction:column;gap:.5rem}.info-label-modern{color:#64748b;font-size:.875rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.info-value-modern{color:#1e293b;font-size:1rem;font-weight:500}.bio-item-modern{grid-column:1/-1}.bio-text-modern{background:#f8fafc;border-left:4px solid #546e7a;border-radius:8px;color:#475569;font-size:1rem;line-height:1.6;padding:1rem}.modern-profile-form{display:flex;flex-direction:column;gap:1.5rem}.modern-input,.modern-textarea{background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:1rem;padding:.75rem 1rem;transition:all .3s ease}.modern-input:focus,.modern-textarea:focus{border-color:#546e7a;box-shadow:0 0 0 3px #3b82f61a;outline:none}.modern-textarea{min-height:100px;resize:vertical}.form-actions-modern{margin-top:1rem}.btn-modern-primary{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #3b82f64d;color:#fff;cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.btn-modern-primary:hover{box-shadow:0 8px 15px -3px #3b82f666;transform:translateY(-2px)}.attendance-status-modern{display:flex;flex-direction:column;gap:1.5rem}.status-indicator-modern{align-items:center;display:flex;gap:1rem}.status-dot-modern{border-radius:50%;height:12px;position:relative;width:12px}.status-dot-modern.active{background:#10b981;box-shadow:0 0 0 4px #10b98133}.status-dot-modern.inactive{background:#6b7280;box-shadow:0 0 0 4px #6b728033}.status-info-modern{display:flex;flex-direction:column;gap:.25rem}.status-text-modern{color:#1e293b;font-size:1rem;font-weight:600}.last-entry-time-modern{color:#64748b;font-size:.875rem}.attendance-actions-modern{display:flex;gap:1rem}.btn-attendance-modern{align-items:center;border:none;border-radius:10px;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;transition:all .3s ease}.btn-attendance-modern.clock-in{background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 6px -1px #10b9814d;color:#fff}.btn-attendance-modern.clock-out{background:linear-gradient(135deg,#ef4444,#dc2626);box-shadow:0 4px 6px -1px #ef44444d;color:#fff}.btn-attendance-modern:hover:not(.disabled){transform:translateY(-2px)}.btn-attendance-modern.clock-in:hover:not(.disabled){box-shadow:0 8px 15px -3px #10b98166}.btn-attendance-modern.clock-out:hover:not(.disabled){box-shadow:0 8px 15px -3px #ef444466}.btn-attendance-modern.disabled{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;cursor:not-allowed;opacity:.6}.modern-message{border-radius:8px;font-size:.875rem;font-weight:500;margin-top:1rem;padding:1rem}.modern-message.success{background:#d1fae5;border:1px solid #a7f3d0;color:#065f46}.modern-message.error{background:#fee2e2;border:1px solid #fecaca;color:#991b1b}@media (max-width:768px){.modern-profile-container{padding:1rem}.modern-profile-header{gap:1.5rem}.modern-profile-header,.profile-avatar-section{flex-direction:column;text-align:center}.modern-profile-content{gap:1.5rem;grid-template-columns:1fr}.attendance-actions-modern,.form-actions-modern{flex-direction:column}}.modern-task-card-new{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 4px -1px #0000001a;overflow:hidden;padding:1rem;position:relative;transition:all .3s ease}.modern-task-card-new:before{background:linear-gradient(90deg,#546e7a,#455a64);content:"";height:3px;left:0;position:absolute;right:0;top:0}.modern-task-card-new:hover{border-color:#546e7a;box-shadow:0 8px 16px -4px #00000026;transform:translateY(-2px)}.task-card-header-new{align-items:flex-start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:1rem}.task-title-section{flex:1 1;min-width:0}.task-title-new{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#1e293b;display:-webkit-box;font-size:1.1rem;font-weight:700;line-height:1.3;margin:0 0 .5rem;overflow:hidden}.task-title-new a{color:inherit;text-decoration:none;transition:color .3s ease}.task-title-new a:hover{color:#546e7a}.task-badges-new{display:flex;flex-wrap:wrap;gap:.375rem}.task-status-new{border-radius:16px;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.task-status-new.status-todo{background:linear-gradient(135deg,#f3f4f6,#e5e7eb);color:#6b7280}.task-status-new.status-in-progress{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#455a64}.task-status-new.status-done{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#059669}.task-status-new.status-checked{background:linear-gradient(135deg,#e0e7ff,#c7d2fe);color:#5b21b6}.priority-badge-new{border-radius:16px;font-size:.7rem;font-weight:600;letter-spacing:.05em;padding:.2rem .6rem;text-transform:uppercase}.priority-badge-new.priority-low{background:linear-gradient(135deg,#f0fdf4,#dcfce7);color:#166534}.priority-badge-new.priority-medium{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.priority-badge-new.priority-high{background:#546e7a;color:#991b1b}.priority-badge-new.priority-urgent{animation:pulse 2s infinite;background:linear-gradient(135deg,#fce7f3,#fbcfe8);color:#be185d}.task-actions-new{display:flex;flex-shrink:0;gap:.375rem}.btn-task-action{align-items:center;border:1px solid #0000;border-radius:6px;display:inline-flex;font-size:.7rem;font-weight:600;gap:.25rem;padding:.375rem .6rem;text-decoration:none;transition:all .3s ease}.btn-task-action.btn-view{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-color:#e2e8f0;color:#64748b}.btn-task-action.btn-view:hover{background:linear-gradient(135deg,#e2e8f0,#cbd5e1);color:#475569;transform:translateY(-1px)}.btn-task-action.btn-edit{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#93c5fd;color:#455a64}.btn-task-action.btn-edit:hover{background:linear-gradient(135deg,#bfdbfe,#93c5fd);color:#1e40af;transform:translateY(-1px)}.btn-task-action.btn-time{background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#6ee7b7;color:#059669}.btn-task-action.btn-time:hover{background:linear-gradient(135deg,#a7f3d0,#6ee7b7);color:#047857;transform:translateY(-1px)}.btn-task-action.btn-delete{background:linear-gradient(135deg,#fef2f2,#fee2e2);border-color:#fecaca;color:#dc2626}.btn-task-action.btn-delete:hover{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#b91c1c;transform:translateY(-1px)}.task-card-content-new{margin-bottom:.75rem}.task-description-new{-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:.85rem;line-height:1.5;margin:0 0 1rem;overflow:hidden}.task-meta-new{display:flex;gap:1.5rem}.task-meta-left,.task-meta-right{display:flex;flex:1 1;flex-direction:column;gap:.5rem}.meta-item-new{gap:.6rem;padding:.375rem 0}.meta-icon,.meta-item-new{align-items:center;display:flex}.meta-icon{background:linear-gradient(135deg,#f1f5f9,#e2e8f0);border-radius:6px;color:#64748b;flex-shrink:0;height:28px;justify-content:center;width:28px}.meta-content{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.meta-label-new{color:#64748b;font-size:.7rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value-new{color:#1e293b;font-size:.8rem;font-weight:500;word-break:break-word}.project-link-new{color:#546e7a;text-decoration:none;transition:color .3s ease}.project-link-new:hover{color:#455a64;text-decoration:underline}.due-date-new.overdue{color:#dc2626;font-weight:600}.overdue-indicator{background:#dc2626;border-radius:4px;color:#fff;display:inline-block;font-size:.6rem;font-weight:700;letter-spacing:.05em;margin-left:.5rem;padding:.1rem .3rem;text-transform:uppercase}@media (max-width:768px){.modern-task-card-new{padding:.75rem}.task-card-header-new{align-items:flex-start;flex-direction:column;gap:.75rem}.task-actions-new{justify-content:space-between;width:100%}.btn-task-action{flex:1 1;justify-content:center}.task-meta-new{gap:.375rem}.meta-item-new{padding:.25rem 0}.task-meta-new{flex-direction:column;gap:.75rem}.task-meta-left,.task-meta-right{gap:.375rem}}.profile-container{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:350px 1fr}@media (max-width:1024px){.profile-container{grid-template-columns:1fr}}.profile-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem;overflow:hidden}.profile-cover{background:linear-gradient(135deg,#6366f1,#546e7a);height:120px}.profile-header-content{padding:0 1.5rem 1.5rem;position:relative;text-align:center}.profile-avatar-large{align-items:center;background:#f1f5f9;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;color:#475569;display:flex;font-size:2.5rem;font-weight:600;height:100px;justify-content:center;margin:-50px auto 1rem;overflow:hidden;position:relative;width:100px}.profile-avatar-clickable{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.profile-avatar-clickable:hover{box-shadow:0 8px 12px -3px #00000026;transform:scale(1.05)}.profile-avatar-image{border-radius:50%;height:100%;object-fit:cover;width:100%}.avatar-edit-overlay{align-items:center;background:#00000080;border-radius:50%;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.avatar-edit-overlay svg{color:#fff}.profile-avatar-clickable:hover .avatar-edit-overlay{opacity:1}.profile-image-upload{width:100%}.upload-zone{align-items:center;background:#f8fafc;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;display:flex;justify-content:center;min-height:200px;overflow:hidden;padding:2rem;position:relative;text-align:center;transition:all .2s ease}.upload-zone:hover{background:#f1f5f9;border-color:#6366f1}.upload-zone.drag-over{background:#eef2ff;border-color:#6366f1;border-style:solid}.upload-zone.uploading{opacity:.7;pointer-events:none}.upload-zone.has-image{border-color:#e2e8f0;border-style:solid;padding:0}.upload-placeholder{align-items:center;display:flex;flex-direction:column;gap:1rem}.upload-icon{color:#94a3b8}.upload-text{display:flex;flex-direction:column;gap:.25rem}.upload-main-text{color:#334155;font-size:1rem;font-weight:600}.upload-sub-text{color:#64748b;font-size:.875rem}.image-preview-container{height:200px;position:relative;width:100%}.profile-image-preview{border-radius:10px;height:100%;object-fit:cover;width:100%}.image-overlay{align-items:center;background:#0006;border-radius:10px;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease}.upload-zone:hover .image-overlay{opacity:1}.overlay-actions{align-items:center;display:flex;flex-direction:column;gap:.75rem}.overlay-text{color:#fff;font-size:.875rem;font-weight:500}.delete-btn{align-items:center;background:#ef4444e6;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;height:32px;justify-content:center;transition:transform .2s ease,background .2s ease;width:32px}.delete-btn:hover{background:#dc2626;transform:scale(1.1)}.upload-progress-overlay{align-items:center;background:#ffffffe6;border-radius:10px;display:flex;flex-direction:column;gap:.75rem;inset:0;justify-content:center;position:absolute}.progress-container{background:#e2e8f0;border-radius:3px;height:6px;overflow:hidden;width:80%}.progress-bar{background:linear-gradient(90deg,#6366f1,#546e7a);border-radius:3px;height:100%;transition:width .2s ease}.progress-text{color:#6366f1;font-size:.875rem;font-weight:600}.upload-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#dc2626;display:flex;font-size:.875rem;gap:.5rem;margin-top:.75rem;padding:.75rem 1rem}.error-icon{font-size:1rem}.image-upload-modal{max-width:480px}.image-upload-modal .modal-content{padding:1.5rem}.upload-tip{color:#64748b;font-size:.875rem;margin-top:1rem;text-align:center}.profile-name-large{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.25rem}.profile-username-large{color:#64748b;font-size:.875rem;margin-bottom:1rem}.profile-badges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.profile-info-list{border-top:1px solid #e2e8f0;padding:1.5rem}.profile-info-item{border-bottom:1px solid #f1f5f9;display:flex;font-size:.875rem;justify-content:space-between;padding:.75rem 0}.profile-info-item:last-child{border-bottom:none}.profile-info-label{color:#64748b;font-weight:500}.profile-info-value{color:#0f172a;font-weight:500;text-align:right}.profile-section-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.profile-section-header h3{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0}.profile-section-content{padding:1.5rem}.attendance-status-box{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1.5rem}.status-badge-large{align-items:center;border-radius:9999px;display:inline-flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.status-badge-large.active{background-color:#dcfce7;color:#166534}.status-badge-large.inactive{background-color:#f1f5f9;color:#475569}.attendance-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr)}@media (max-width:640px){.attendance-grid{grid-template-columns:1fr}}.login-modern-container{align-items:center;background:#fff;display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-modern-card{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 25px -5px #00000026,0 10px 10px -5px #0000001a;max-width:400px;overflow:hidden;width:100%}.login-modern-header{padding:2rem 2rem 1.5rem;text-align:center}.login-brand-logo{border-radius:8px;height:48px;margin-bottom:1rem;width:48px}.login-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.login-subtitle{color:#64748b;font-size:.875rem}.login-modern-form{padding:0 2rem 2rem}.login-form-group{margin-bottom:1.25rem}.login-label{color:#334155;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.login-input{background-color:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#0f172a;font-size:.925rem;padding:.75rem 1rem;transition:all .2s;width:100%}.login-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a;outline:none}.login-options{font-size:.875rem;justify-content:space-between;margin-bottom:1.5rem}.login-checkbox,.login-options{align-items:center;display:flex}.login-checkbox{color:#64748b;cursor:pointer;gap:.5rem}.login-forgot-link{color:#6366f1;font-weight:500;text-decoration:none}.login-forgot-link:hover{color:#455a64}.login-btn{background:linear-gradient(135deg,#6366f1,#455a64);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:all .2s;width:100%}.login-btn:hover{box-shadow:0 4px 12px #4f46e533;transform:translateY(-1px)}.login-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;color:#64748b;font-size:.875rem;padding:1.5rem;text-align:center}.login-footer-link{color:#6366f1;font-weight:600;margin-left:.25rem;text-decoration:none}.login-footer-link:hover{text-decoration:underline}@keyframes float-gentle{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.login-modern-card{perspective:1000px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),box-shadow .4s cubic-bezier(.175,.885,.32,1.275)}.login-modern-card:hover{box-shadow:0 30px 60px -12px #32325d40,0 18px 36px -18px #0000004d;transform:translateY(-12px) scale(1.01)}.login-btn{overflow:hidden;position:relative;transition:all .3s ease;z-index:1}.login-btn:hover{box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014;transform:translateY(-3px)}.login-btn:after{background-color:#fff3;border-radius:8px;bottom:0;content:"";height:100%;left:0;position:absolute;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease-out;width:100%;z-index:-1}.login-btn:hover:after{transform:scaleX(1);transform-origin:bottom left}.login-input{transition:all .3s ease}.login-input:focus{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.page-header-modern{border-bottom:2px solid #e5e7eb;padding-bottom:1.5rem}.page-title-modern{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#546e7a,#455a64);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin:0 0 .5rem}.page-subtitle{color:#64748b;font-size:.95rem;margin:0}.project-form-container{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden}.project-form-modern{padding:2rem}.form-section{background:#f8fafc;border:1px solid #e5e7eb;border-radius:12px;margin-bottom:2.5rem;padding:1.5rem}.form-section:last-of-type{margin-bottom:0}.form-section-header{align-items:center;border-bottom:2px solid #e5e7eb;display:flex;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.form-section-icon{align-items:center;background:linear-gradient(135deg,#546e7a1a,#764ba21a);border-radius:10px;color:#546e7a;display:flex;font-size:1.25rem;height:36px;justify-content:center;width:36px}.form-section-title{color:#1e293b;font-size:1.25rem;font-weight:600;margin:0}.form-section-content{display:flex;flex-direction:column;gap:1.25rem}.form-group-modern{display:flex;flex-direction:column;gap:.5rem}.form-group-modern label{align-items:center;color:#374151;display:flex;font-size:.875rem;font-weight:600;gap:.25rem}.required-asterisk{color:#ef4444;font-weight:700}.form-input-modern,.form-textarea-modern{background:#fff;border:2px solid #e5e7eb;border-radius:10px;color:#1e293b;font-family:inherit;font-size:.95rem;padding:.875rem 1rem;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-input-modern:hover,.form-textarea-modern:hover{background:#fafafa;border-color:#cbd5e1}.form-input-modern:focus,.form-textarea-modern:focus{background:#fff;border-color:#546e7a;box-shadow:0 0 0 4px #546e7a1a;outline:none;transform:translateY(-1px)}.form-textarea-modern{font-family:inherit;min-height:120px;resize:vertical}.form-help-text{align-items:center;color:#64748b;display:flex;font-size:.8rem;gap:.375rem;margin-top:.25rem}.form-row-modern{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:1fr 1fr}.client-select-wrapper{align-items:flex-start;display:flex;gap:.75rem}.client-select-input{flex:1 1}.btn-new-client{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border:none;border-radius:10px;box-shadow:0 2px 8px #546e7a33;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .2s ease;white-space:nowrap}.btn-new-client:hover{box-shadow:0 4px 12px #546e7a4d;transform:translateY(-2px)}.btn-new-client:active{transform:translateY(0)}.form-actions-modern{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem}.btn-primary-modern{align-items:center;background:#546e7a;border-radius:10px;box-shadow:0 4px 12px #546e7a4d;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:.875rem 2rem;transition:all .2s ease}.btn-primary-modern:hover:not(:disabled){background:#455a64;box-shadow:0 6px 20px #546e7a66;transform:translateY(-2px)}.btn-primary-modern:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-outline-modern{border:2px solid #546e7a;border-radius:10px;color:#546e7a;display:flex;font-size:.95rem;font-weight:600;padding:.875rem 2rem;transition:all .2s ease}.btn-outline-modern:hover:not(:disabled){background:#546e7a;box-shadow:0 4px 12px #546e7a33;color:#fff;transform:translateY(-2px)}.btn-outline-modern:disabled{opacity:.6;transform:none}.modal-content-modern{animation:modalSlideIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 25px 50px -12px #00000040;max-height:90vh;max-width:550px;overflow-y:auto;width:90%}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header-modern{align-items:flex-start;background:linear-gradient(135deg,#546e7a0d,#764ba20d);border-bottom:2px solid #e5e7eb;display:flex;justify-content:space-between;padding:2rem 2rem 1.5rem}.modal-header-content{align-items:flex-start;display:flex;flex:1 1;gap:1rem}.modal-icon-wrapper{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:12px;box-shadow:0 4px 12px #546e7a4d;color:#fff;display:flex;font-size:1.25rem;height:48px;justify-content:center;width:48px}.modal-title{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.modal-subtitle{color:#64748b;font-size:.875rem;margin:0}.modal-close-button{align-items:center;background:#f1f5f9;color:#64748b;display:flex;font-size:1rem;height:36px;justify-content:center;transition:all .2s ease;width:36px}.modal-close-button:hover{background:#e2e8f0;color:#1e293b;transform:rotate(90deg)}.modal-body-modern{padding:2rem}.client-form-modern{display:flex;flex-direction:column;gap:1.5rem}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:#9ca3af;font-size:1rem;left:1rem;pointer-events:none;position:absolute;z-index:1}.input-icon-top{align-self:flex-start;top:1rem}.input-wrapper .form-input-modern,.input-wrapper .form-textarea-modern{padding-left:2.75rem}.input-wrapper .form-textarea-modern{padding-top:1rem}.alert-danger-modern{align-items:center;background:#fee2e2;border:1px solid #fca5a5;border-radius:10px;color:#991b1b;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem}.alert-danger-modern i{font-size:1.125rem}.modal-actions-modern{border-top:2px solid #e5e7eb;display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem}@media (max-width:768px){.page-header-modern{flex-direction:column;gap:1rem}.form-row-modern{grid-template-columns:1fr}.client-select-wrapper{flex-direction:column}.btn-new-client{justify-content:center;width:100%}.form-actions-modern,.modal-actions-modern{flex-direction:column}.btn-outline-modern,.btn-primary-modern{justify-content:center;width:100%}.modal-content-modern{max-height:95vh;width:95%}.modal-body-modern,.modal-header-modern{padding:1.5rem}}.profile-tabs{border-bottom:1px solid #e2e8f0;display:flex;gap:2rem;margin-bottom:2rem;padding:0 .5rem}.profile-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;gap:.5rem;padding:1rem .5rem;transition:all .2s ease}.profile-tab:hover{color:#1e293b}.profile-tab.active{border-bottom-color:#6366f1;color:#6366f1}.profile-tab-icon{font-size:1.1rem}.profile-content-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:350px 1fr}.profile-main-col,.profile-side-col{display:flex;flex-direction:column;gap:1.5rem}.profile-card-modern{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.profile-card-modern:hover{box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px rgba(0,0,0,.025)}.profile-cover-modern{background:linear-gradient(135deg,#6366f1,#546e7a);height:140px;position:relative}.profile-header-modern{padding:0 2rem 2rem;position:relative;text-align:center}.profile-avatar-wrapper{display:inline-block;margin-bottom:1rem;margin-top:-60px;position:relative}.profile-avatar-modern{background:#f1f5f9;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 6px -1px #0000001a;height:120px;overflow:hidden;position:relative;width:120px}.profile-avatar-modern img{height:100%;object-fit:cover;width:100%}.profile-avatar-placeholder{align-items:center;background:#f8fafc;color:#64748b;display:flex;font-size:3rem;font-weight:600;height:100%;justify-content:center;width:100%}.profile-name-modern{color:#1e293b;font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.profile-username-modern{color:#64748b;font-size:.95rem;margin:0 0 1rem}.profile-badges-modern{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.profile-stats-grid{grid-gap:1rem;border-top:1px solid #e2e8f0;display:grid;gap:1rem;grid-template-columns:repeat(3,1fr);padding-top:1.5rem}.profile-stat-item{align-items:center;display:flex;flex-direction:column;gap:.25rem}.stat-value{font-size:1.1rem;font-weight:700}.stat-label{font-size:.75rem;font-weight:600;letter-spacing:.05em}.settings-section{background:#fff;border:1px solid #e2e8f0;border-radius:16px;margin-bottom:2rem;overflow:hidden}.settings-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1.5rem 2rem}.settings-title{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0}.settings-content{padding:2rem}.settings-form-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.full-width{grid-column:1/-1}.attendance-widget{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;display:flex;gap:1.5rem;justify-content:space-between;padding:1.5rem}.attendance-info{align-items:center;display:flex;gap:1rem}.attendance-status-indicator{background:#cbd5e1;border-radius:50%;box-shadow:0 0 0 4px #f1f5f9;height:12px;width:12px}.attendance-status-indicator.active{background:#10b981;box-shadow:0 0 0 4px #d1fae5}.attendance-text h4{color:#1e293b;font-size:1rem;margin:0 0 .25rem}.attendance-text p{color:#64748b;font-size:.875rem;margin:0}.attendance-actions{display:flex;gap:.75rem}@media (max-width:1024px){.profile-content-grid{grid-template-columns:1fr}.profile-side-col{order:-1}}@media (max-width:640px){.settings-form-grid{grid-template-columns:1fr}.attendance-widget{align-items:flex-start;flex-direction:column}.attendance-actions{width:100%}.attendance-actions button{flex:1 1}}.tab-header-standard{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:.5rem;padding-bottom:.5rem}.tab-header-title{align-items:center;color:#1e293b;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;margin:0}.project-hero-meta{align-items:center;color:#64748b;display:flex;font-size:.9rem;gap:1.5rem;margin-top:.5rem}.project-hero-meta-item{align-items:center;display:flex;gap:.5rem}.project-hero-meta-item svg{color:#94a3b8;height:16px;width:16px}.page-header-modern{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:2rem}.page-title-modern{color:#1e293b;font-size:1.875rem;font-weight:700;line-height:1.2;margin:0}.btn-outline-modern{align-items:center;background:#fff;display:inline-flex;font-size:.875rem;gap:.5rem;padding:.5rem 1rem}.btn-outline-modern:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.project-details-grid{grid-gap:2rem;display:grid;gap:2rem}.project-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.project-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem}.project-card-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0}.project-card-body{padding:1.5rem}.stats-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat-card-modern{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.stat-icon-modern{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon-modern.primary{background:#eff6ff;color:#546e7a}.stat-icon-modern.success{background:#f0fdf4;color:#22c55e}.stat-content-modern{display:flex;flex-direction:column}.stat-value-modern{color:#0f172a;font-size:1.5rem;font-weight:700;line-height:1;margin-bottom:.25rem}.stat-label-modern{color:#64748b;font-size:.875rem;font-weight:500}.empty-state-modern{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#64748b;padding:3rem;text-align:center}.permissions-grid-modern{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.permission-group-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:1.25rem}.permission-group-title{border-bottom:1px solid #e2e8f0;color:#334155;font-size:.9375rem;font-weight:600;margin:0 0 1rem;padding-bottom:.75rem}.permission-tags{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:6px;box-shadow:0 1px 2px #0000000d;color:#475569;display:inline-flex;font-size:.8125rem;font-weight:500;padding:.375rem .75rem}.lifecycle-container.vertical.single-stage{min-height:auto;padding:0}.lifecycle-group-label-small{color:#94a3b8;font-size:.75rem;font-weight:500;margin-top:.25rem}.landing-page{background-color:#fff;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow-x:hidden;overflow-y:scroll;scroll-behavior:smooth;scroll-snap-type:y mandatory;width:100%}body{height:100vh;margin:0;overflow:hidden}.landing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.landing-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.landing-logo h2{color:#4f46e5;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.landing-nav-links{align-items:center;display:flex;gap:1.5rem}.mobile-menu,.mobile-menu-btn{display:none}.features-dropdown{position:relative}.features-dropdown-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffff2;border-radius:16px;box-shadow:0 25px 50px -12px #00000026,0 0 0 1px #4f46e514,inset 0 1px 0 #fffc;left:50%;min-width:200px;opacity:0;padding:.75rem;position:absolute;top:100%;transform:translateX(-50%) translateY(10px);transition:all .3s cubic-bezier(.16,1,.3,1);visibility:hidden;z-index:1001}.features-dropdown:hover .features-dropdown-menu{opacity:1;transform:translateX(-50%) translateY(4px);visibility:visible}.dropdown-item{border-radius:10px;color:#334155;cursor:default;display:block;font-size:.95rem;font-weight:500;overflow:hidden;padding:.875rem 1rem;position:relative;transition:all .2s ease}.dropdown-item:before{background:linear-gradient(135deg,#4f46e5,#7c3aed);border-radius:2px;content:"";height:0;left:0;position:absolute;top:50%;transform:translateY(-50%);transition:height .2s ease;width:3px}.dropdown-item:hover{background:linear-gradient(135deg,#4f46e514,#7c3aed0d);color:#4f46e5;padding-left:1.25rem}.dropdown-item:hover:before{height:60%}.intro-section{align-items:center;background:#fff 100%;padding-bottom:4rem;padding-top:80px;width:100%}.intro-section,.pricing-preview-section{display:flex;justify-content:center;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.pricing-preview-section{flex-direction:column;opacity:0;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.pricing-preview-section.visible{opacity:1;transform:translateY(0)}.pricing-preview-container{margin:0 auto;max-width:1200px;padding:0 2rem;text-align:center;width:100%}.pricing-preview-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;width:100%}.hero-container{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.hero-content{max-width:600px;text-align:left}.hero-image{position:relative}.hero-dashboard-img{border-radius:12px;height:auto;-webkit-mask-image:radial-gradient(circle at center,#000 60%,#0000 100%);mask-image:radial-gradient(circle at center,#000 60%,#0000 100%);width:100%}.hero-title{color:#0f172a;font-size:3.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:1.5rem}.hero-subtitle{color:#64748b;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.hero-actions{display:flex;gap:1rem;justify-content:flex-start}.btn-hero-primary{background-color:#4f46e5;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #4f46e533;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.btn-hero-primary:hover{background-color:#4338ca;box-shadow:0 10px 15px -3px #4f46e54d;transform:translateY(-2px)}.btn-hero-secondary{background-color:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4f46e5;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2rem;transition:all .2s}.btn-hero-secondary:hover{background-color:#f8fafc;border-color:#4f46e5}.hero-section{background:#fff;padding:0;width:100%}.features-container{margin:0 auto;max-width:100%;padding:0;width:100%}.section-title-wrapper{align-items:center;display:flex;justify-content:center;min-height:100vh;scroll-snap-align:start;scroll-snap-stop:always}.section-title{color:#0f172a;font-size:2.5rem;font-weight:800;opacity:0;padding:0 2rem;text-align:center;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.section-title.visible{opacity:1;transform:translateY(0)}.features-vertical{display:flex;flex-direction:column;gap:0;margin:0;padding:0}.feature-item{grid-gap:4rem;align-items:center;background-color:#fff;display:grid;gap:4rem;grid-template-columns:1fr 1fr;margin:0 auto;max-width:1200px;min-height:100vh;padding:0 2rem;scroll-snap-align:start;scroll-snap-stop:always;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out;width:100%}.feature-item.visible{margin-bottom:0;opacity:1;transform:translateY(0)}.feature-item:nth-child(2n) .feature-content{order:2}.feature-item:nth-child(2n) .feature-image-container{order:1}.feature-content{align-self:center;display:flex;flex-direction:column;justify-content:center;max-width:600px;text-align:left}.feature-content h4{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin-bottom:.5rem}.feature-content p{color:#0f172a;font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem}.feature-image-container{align-items:center;align-self:center;background-color:#fff;display:flex;justify-content:center;max-width:600px;position:relative;width:100%}.feature-image{border-radius:12px;height:auto;-webkit-mask-image:radial-gradient(circle at center,#000 60%,#0000 100%);mask-image:radial-gradient(circle at center,#000 60%,#0000 100%);width:100%}.contact-section{align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);display:flex;justify-content:center;min-height:100vh;padding:4rem 2rem;scroll-snap-align:start;scroll-snap-stop:always}.contact-container{background:#fff;border:1px solid #e2e8f0;border-radius:24px;box-shadow:0 25px 50px -12px #0000001a;max-width:700px;padding:3rem;width:100%}.contact-header{margin-bottom:2.5rem;text-align:center}.contact-title{color:#0f172a;font-size:2.25rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .75rem}.contact-subtitle{color:#64748b;font-size:1.1rem;line-height:1.5;margin:0}.contact-form-element{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1.5rem;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group.full-width{grid-column:1/-1}.form-group input,.form-group textarea{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:1rem;padding:.875rem 1rem;transition:all .2s ease;width:100%}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{min-height:120px;resize:vertical}.phone-input-wrapper{align-items:stretch;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;display:flex;overflow:hidden;transition:all .2s ease}.phone-input-wrapper:focus-within{background:#fff;border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.phone-prefix{align-items:center;background:#e2e8f0;border-right:1.5px solid #e2e8f0;color:#475569;display:flex;font-size:.95rem;font-weight:600;padding:0 1rem}.phone-input-wrapper input{background:#0000;border:none;border-radius:0;flex:1 1}.phone-input-wrapper input:focus{box-shadow:none}.role-selector{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(4,1fr)}.role-option{background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:600;padding:1rem;text-align:center;transition:all .2s ease}.role-option:hover{background:#f8f7ff;border-color:#4f46e5;color:#4f46e5}.role-option.selected{background:#4f46e5;border-color:#4f46e5;color:#fff}.btn-contact-submit{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:12px;box-shadow:0 4px 15px -3px #4f46e566;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:.5rem;padding:1rem;transition:all .3s ease;width:100%}.btn-contact-submit:hover:not(:disabled){box-shadow:0 8px 25px -5px #4f46e580;transform:translateY(-2px)}.btn-contact-submit:disabled{cursor:not-allowed;opacity:.6}.form-error{background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#dc2626;font-size:.9rem;padding:1rem;text-align:center}.contact-success{padding:3rem 2rem;text-align:center}.success-icon{align-items:center;background:linear-gradient(135deg,#22c55e,#16a34a);border-radius:50%;box-shadow:0 10px 25px -5px #22c55e66;color:#fff;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.contact-success h3{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0 0 .5rem}.contact-success p{color:#64748b;font-size:1.1rem;margin:0 0 2rem}.btn-reset-form{background:#0000;border:2px solid #4f46e5;border-radius:10px;color:#4f46e5;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s ease}.btn-reset-form:hover{background:#4f46e5;color:#fff}.footer-cta-wrapper{display:flex;flex-direction:column;min-height:100vh;opacity:0;scroll-snap-align:start;scroll-snap-stop:always;transform:translateY(30px);transition:opacity .8s ease-out,transform .8s ease-out}.footer-cta-wrapper.visible{opacity:1;transform:translateY(0)}.cta-section{align-items:center;background:linear-gradient(135deg,#4f46e5,#4338ca);color:#fff;display:flex;flex:1 1;justify-content:center;padding:8rem 2rem}.pricing-preview-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;display:flex;flex-direction:column;height:100%;padding:2.5rem;position:relative;text-align:left;transition:transform .3s ease,box-shadow .3s ease}.pricing-preview-card:hover{transform:translateY(-5px)}.pricing-preview-card.popular,.pricing-preview-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.pricing-preview-card.popular{border:2px solid #4f46e5;transform:scale(1.05);z-index:1}.pricing-preview-card.popular:hover{transform:scale(1.05) translateY(-5px)}.pricing-preview-card h3{color:#0f172a;font-size:1.75rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.pricing-preview-card .price{color:#0f172a;font-size:3rem;font-weight:800;letter-spacing:-.02em;line-height:1;margin:1rem 0}.pricing-preview-card .price span{color:#64748b;font-size:1rem;font-weight:500;margin-left:4px}.pricing-preview-card p{color:#64748b;font-size:1rem;line-height:1.5;margin:0}.pricing-preview-card ul{margin:2rem 0;width:100%}.pricing-preview-card li{color:#334155;font-size:.95rem;font-weight:500;margin-bottom:1rem}.cta-container{max-width:800px;text-align:center}.cta-content{align-items:center;display:flex;flex-direction:column;gap:2rem}.cta-title{font-size:2.5rem;font-weight:800;line-height:1.2;margin:0}.cta-subtitle{color:#ffffffe6;font-size:1.125rem;line-height:1.6;margin:0}.cta-actions{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.btn-cta-primary{background-color:#fff;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;color:#4f46e5;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-cta-primary:hover{background-color:#f8fafc;box-shadow:0 10px 20px -5px #0003;transform:translateY(-2px)}.btn-cta-secondary{background-color:initial;border:2px solid #fff;border-radius:8px;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;padding:1rem 2.5rem;transition:all .3s ease}.btn-cta-secondary:hover{background-color:#ffffff1a;transform:translateY(-2px)}.landing-footer{background-color:#0f172a;border-top:1px solid #1e293b;color:#94a3b8;flex:0 0 auto;padding:3rem 0 1.5rem}.footer-main{margin:0 auto;max-width:1200px;padding:0 2rem;width:100%}.footer-grid{align-items:flex-start;display:flex;gap:3rem;justify-content:space-between;margin-bottom:3rem}.footer-brand{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#fff,#94a3b8);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2rem;font-weight:800;letter-spacing:-.02em;margin-bottom:1.5rem}.footer-description{color:#94a3b8;font-size:1.05rem;line-height:1.7;max-width:320px}.footer-heading{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;text-transform:uppercase}.footer-links{flex-direction:column;gap:1rem;list-style:none;margin:0;padding:0}.footer-links li{margin:0;width:-webkit-fit-content;width:fit-content}.footer-link{color:#94a3b8;font-size:1rem;font-weight:400;padding:0;transition:all .2s ease}.footer-link:hover{color:#fff;transform:translateX(2px)}.footer-contact-item{align-items:center;display:flex;gap:1rem;margin-bottom:1.25rem}.footer-contact-icon{font-size:1.25rem;opacity:.8}.footer-contact-link{color:#94a3b8;font-size:1rem;text-decoration:none;transition:all .2s ease}.footer-contact-link:hover{color:#fff}.footer-bottom{align-items:center;border-top:1px solid #1e293b;display:flex;justify-content:space-between;padding-top:2.5rem}.footer-copyright{color:#64748b;font-size:.95rem}.footer-legal{display:flex;gap:2.5rem}.footer-legal-link{background:none;border:none;color:#64748b;cursor:pointer;font-size:.95rem;transition:color .2s}.footer-legal-link:hover{color:#94a3b8}@media (max-width:1024px){.hero-container{gap:3rem;grid-template-columns:1fr;text-align:center}.hero-content{max-width:100%;text-align:center}.hero-actions{justify-content:center}.footer-grid{gap:3rem;grid-template-columns:1fr 1fr}}@media (max-width:768px){.desktop-nav{display:none!important}.mobile-menu-btn{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:column;gap:5px;height:40px;justify-content:center;padding:8px;width:40px;z-index:1002}.mobile-menu-btn span{background:#334155;border-radius:2px;display:block;height:2px;transition:all .3s ease;width:22px}.mobile-menu-btn.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.mobile-menu-btn.open span:nth-child(2){opacity:0}.mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#fffffffa;border-top:1px solid #e2e8f0;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;gap:1rem;left:0;max-height:0;opacity:0;overflow:hidden;padding:1.5rem;position:absolute;right:0;top:100%;transition:all .3s ease}.mobile-menu.open{max-height:500px;opacity:1;padding:1.5rem}.mobile-menu-section{display:flex;flex-direction:column;gap:.75rem}.mobile-menu-label{color:#94a3b8;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.mobile-features-grid{grid-gap:.5rem;display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr)}.mobile-feature-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#475569;font-size:.85rem;font-weight:500;padding:.625rem .5rem;text-align:center}.mobile-nav-link{background:none;border:none;border-radius:10px;color:#334155;cursor:pointer;font-size:1rem;font-weight:600;padding:.875rem 1rem;text-align:left;transition:all .2s ease}.mobile-nav-link:hover{background:#f8fafc;color:#4f46e5}.mobile-nav-btn-primary{background:linear-gradient(135deg,#4f46e5,#4338ca);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:.5rem;padding:1rem;text-align:center}.hero-title{font-size:2.5rem}.feature-item{gap:3rem;grid-template-columns:1fr;padding:80px 2rem 4rem;text-align:center}.feature-item:nth-child(2n) .feature-content{order:1}.feature-item:nth-child(2n) .feature-image-container{order:2}.feature-content{max-width:100%;text-align:center}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.form-row{grid-template-columns:1fr}.role-selector{grid-template-columns:repeat(2,1fr)}.contact-container{padding:2rem 1.5rem}.contact-title{font-size:1.75rem}}.skeleton{background-color:#e2e8f0;border-radius:4px;overflow:hidden;position:relative}.skeleton:after{animation:shimmer 2s infinite;background-image:linear-gradient(90deg,#fff0,#fff3 20%,#ffffff80 60%,#fff0);bottom:0;content:"";left:0;position:absolute;right:0;top:0;transform:translateX(-100%)}@keyframes shimmer{to{transform:translateX(100%)}}.skeleton-text{border-radius:4px;height:1em;margin-bottom:.5em}.skeleton-circular{border-radius:50%}.skeleton-rectangular{border-radius:8px}.skeleton-title{height:2rem;margin-bottom:1rem;width:50%}.skeleton-button{border-radius:6px;height:40px;width:120px}.project-list-container{display:flex;flex-direction:column;gap:.75rem}.projects-list-page.main-content{max-width:100%}.project-list-row{background:#fff;border:1px solid #e0e0e0;border-radius:12px;box-shadow:0 1px 2px #0f172a08;transition:box-shadow .2s ease,transform .2s ease}.project-list-row:hover{box-shadow:0 4px 12px #0f172a14;transform:translateY(-2px)}.project-header-row{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:1rem 1.25rem}.project-name-section{align-items:center;color:#0f172a;display:flex;font-weight:600;gap:.5rem}.project-progress-section{align-items:center;display:flex;gap:.75rem;justify-content:flex-end;min-width:200px}.project-progress-bar{background:#e2e8f0;border-radius:999px;flex:1 1;height:6px;overflow:hidden}.project-progress-fill{background:linear-gradient(90deg,#4ade80,#38bdf8);height:100%}.project-progress-text{color:#334155;font-size:.875rem;text-align:right;width:36px}.project-expanded-content{border-top:1px solid #f1f5f9;padding:0 1.25rem 1.25rem}.project-tasks-table{border-collapse:collapse;width:100%}.project-tasks-table th{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.75rem;letter-spacing:.05em;padding:.75rem .5rem;text-transform:uppercase}.project-tasks-table td{border-bottom:1px solid #f1f5f9;font-size:.9rem;padding:.75rem .5rem}.project-task-empty-state{color:#94a3b8;font-size:.95rem;padding:1.5rem;text-align:center}.project-task-add-row{align-items:center;display:flex;gap:.75rem;margin-top:1rem}.project-task-add-row input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-size:.9rem;padding:.6rem .75rem}.project-task-add-row button{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:999px;box-shadow:0 6px 20px #6366f140;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.2rem}.project-task-add-row button:disabled{box-shadow:none;cursor:not-allowed;opacity:.6}.project-toast{border-radius:999px;bottom:24px;box-shadow:0 8px 20px #0f172a26;color:#fff;font-weight:600;padding:.75rem 1rem;position:fixed;right:24px}.project-toast.success{background:#22c55e}.project-toast.error{background:#ef4444}.audit-log-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.audit-log-item{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;padding:1rem}.audit-log-header{align-items:center;display:flex;gap:.75rem;margin-bottom:.75rem}.audit-user-avatar{align-items:center;background-color:#3b82f6;border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:600;height:32px;justify-content:center;width:32px}.audit-meta{display:flex;flex:1 1;flex-direction:column}.audit-user-name{color:#1e293b;font-weight:600}.audit-time{color:#64748b;font-size:.75rem}.audit-action-badge{border-radius:4px;font-size:.75rem;font-weight:600;padding:.25rem .5rem;text-transform:uppercase}.action-create{background-color:#dcfce7;color:#166534}.action-update{background-color:#dbeafe;color:#1e40af}.action-delete{background-color:#fee2e2;color:#991b1b}.audit-content{padding-left:3rem}.audit-change{background-color:#fff;border:1px solid #f1f5f9;border-radius:6px;padding:.75rem}.field-label{color:#64748b;display:block;font-size:.85rem;margin-bottom:.5rem}.value-change{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.old-value{background-color:#fef2f2;color:#ef4444;text-decoration:line-through}.new-value,.old-value{border-radius:4px;font-size:.85rem;padding:.125rem .375rem}.new-value{background-color:#ecfdf5;color:#10b981;font-weight:500}.arrow-icon{color:#94a3b8}.audit-message{color:#475569}.audit-empty,.audit-error,.audit-loading{color:#64748b;font-style:italic;padding:2rem;text-align:center}.audit-error{color:#ef4444}.resource-allocator{background:#fff;padding:0}.resource-allocator .loading-spinner{align-items:center;color:#64748b;display:flex;font-size:.875rem;height:200px;justify-content:center}.resource-allocator .empty-state{background:#f8fafc;border-radius:8px;padding:2rem;text-align:center}.resource-allocator .empty-state h3{color:#1e293b;font-size:1rem;margin-bottom:.5rem}.resource-allocator .error-message{background:#fef2f2;border-radius:6px;color:#dc2626;font-size:.875rem;padding:.75rem 1rem}.budget-header{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:1rem;padding:.75rem 1rem}.budget-stats{display:flex;flex:1 1;gap:1.5rem}.stat-card{display:flex;flex-direction:column;gap:.125rem}.stat-card.highlight{border-left:2px solid #22c55e;padding-left:1rem}.stat-label{color:#64748b;font-size:.625rem;letter-spacing:.5px;text-transform:uppercase}.stat-value{color:#1e293b;font-size:1rem;font-weight:600}.burn-bar-container{flex:1 1;max-width:400px;min-width:250px}.burn-bar-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.375rem}.burn-label{color:#64748b;font-size:.625rem;letter-spacing:.5px;text-transform:uppercase}.burn-amount{color:#475569;font-size:.75rem;font-weight:500}.burn-bar{background:#e2e8f0;border-radius:4px;height:8px;overflow:hidden;position:relative}.burn-bar-fill{border-radius:4px;height:100%;transition:width .5s ease,background-color .3s ease}.burn-bar-overflow{background:repeating-linear-gradient(135deg,#ef4444,#ef4444 3px,#dc2626 0,#dc2626 6px);height:100%;position:absolute;right:0;top:0}.burn-bar-footer{align-items:center;display:flex;justify-content:space-between;margin-top:.25rem}.burn-status{font-size:.625rem}.burn-status.healthy{color:#22c55e}.burn-status.warning{color:#f97316}.burn-status.critical{color:#ef4444}.burn-percentage{color:#1e293b;font-size:.75rem;font-weight:600}.allocation-grid{border:1px solid #e2e8f0;border-radius:6px;font-size:.8125rem;overflow:hidden}.allocation-header{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;display:grid;font-size:.6875rem;font-weight:500;grid-template-columns:180px 90px repeat(auto-fill,minmax(100px,1fr));letter-spacing:.5px;text-transform:uppercase}.header-cell{border-right:1px solid #f1f5f9;display:flex;flex-direction:column;justify-content:center;padding:.5rem .75rem}.header-cell:last-child{border-right:none}.header-cell.team-member-col{background:#f8fafc;left:0;position:-webkit-sticky;position:sticky;z-index:1}.phase-name{color:#1e293b;font-size:.6875rem;font-weight:500}.phase-number{color:#94a3b8;font-size:.5625rem;font-weight:400}.user-group{border-bottom:1px solid #e2e8f0}.user-group:last-child{border-bottom:none}.group-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:.625rem;font-weight:600;letter-spacing:.5px;padding:.375rem .75rem;text-transform:uppercase}.allocation-row{border-bottom:1px solid #f1f5f9;display:grid;grid-template-columns:180px 90px repeat(auto-fill,minmax(100px,1fr));transition:background-color .1s ease}.allocation-row:last-child{border-bottom:none}.allocation-row:hover{background:#fafafa}.team-member-cell{align-items:center;background:inherit;border-right:1px solid #f1f5f9;display:flex;gap:.5rem;left:0;padding:.5rem .75rem;position:-webkit-sticky;position:sticky;z-index:1}.member-avatar{align-items:center;background:linear-gradient(135deg,#546e7a,#455a64);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.6875rem;font-weight:500;height:24px;justify-content:center;width:24px}.member-info{display:flex;flex-direction:column;min-width:0}.member-name{color:#1e293b;font-size:.8125rem;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.member-designation{color:#94a3b8;font-size:.6875rem}.rate-cell{align-items:center;border-right:1px solid #f1f5f9;display:flex;padding:.5rem .75rem}.hourly-rate{color:#475569;font-size:.75rem;font-weight:500}.phase-cell{align-items:center;border-right:1px solid #f1f5f9;cursor:pointer;display:flex;justify-content:center;min-height:44px;padding:.375rem;transition:background-color .1s ease}.phase-cell:last-child{border-right:none}.phase-cell:hover:not(.has-assignment){background:#eceff1}.phase-cell .add-icon{color:#cbd5e1;font-size:1rem;opacity:0;transition:opacity .1s ease}.phase-cell:hover .add-icon{color:#546e7a;opacity:1}.phase-cell.has-assignment{cursor:default}.assignment-info{align-items:center;background:#eceff1;border-radius:4px;display:flex;flex-direction:column;gap:.125rem;padding:.25rem .5rem}.assignment-info .hours{color:#37474f;font-size:.75rem;font-weight:600}.assignment-info .cost{color:#546e7a;font-size:.625rem}.modal-overlay{background:#0006;inset:0}.modal-content{background:#fff;border-radius:8px;box-shadow:0 10px 25px -5px #00000026;max-width:360px;padding:1.25rem;width:100%}.modal-content h3{color:#1e293b;font-size:1rem;margin:0 0 .75rem}.modal-info{background:#f8fafc;border-radius:6px;font-size:.8125rem;margin-bottom:.75rem;padding:.5rem .75rem}.modal-info p{color:#475569;margin:.125rem 0}.utilization-warning{background:#fef3c7;border:1px solid #f59e0b;border-radius:6px;color:#92400e;font-size:.75rem;margin-bottom:.75rem;padding:.625rem}.over-limit{color:#dc2626;font-weight:600}.form-group{margin-bottom:.75rem}.form-group label{color:#374151;display:block;font-size:.75rem;font-weight:500;margin-bottom:.25rem}.form-group input{border:1px solid #d1d5db;border-radius:4px;font-size:.8125rem;padding:.5rem .625rem;width:100%}.form-group input:focus{border-color:#546e7a;box-shadow:0 0 0 2px #546e7a1a;outline:none}.form-row{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1rem}.btn-primary{background:#546e7a;border-radius:4px;font-size:.8125rem;padding:.5rem .875rem}.btn-primary:hover{background:#455a64}.btn-secondary{background:#f1f5f9;border:none;border-radius:4px;color:#475569;cursor:pointer;font-size:.8125rem;font-weight:500;padding:.5rem .875rem}.btn-secondary:hover{background:#e2e8f0}@media (max-width:768px){.budget-header{flex-direction:column;gap:.75rem}.budget-stats{width:100%}.burn-bar-container{max-width:none;width:100%}.allocation-header,.allocation-row{grid-template-columns:140px 70px repeat(auto-fill,minmax(80px,1fr))}}.loading-container-modern{min-height:200px;padding:2rem}.loading-container-modern,.loading-full-page{align-items:center;display:flex;justify-content:center}.loading-full-page{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;bottom:0;left:0;position:fixed;right:0;top:0;z-index:9999}.loading-spinner-modern{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center}.spinner-ring{display:inline-block;position:relative}.spinner-small{height:32px;width:32px}.spinner-medium{height:48px;width:48px}.spinner-large{height:64px;width:64px}.ring-segment{animation:spin-ring 1.2s cubic-bezier(.5,0,.5,1) infinite;border:3px solid #0000;border-radius:50%;border-top-color:#667eea;height:100%;position:absolute;width:100%}.ring-segment:first-child{animation-delay:-.45s;border-top-color:#667eea}.ring-segment:nth-child(2){animation-delay:-.3s;border-top-color:#764ba2;opacity:.8}.ring-segment:nth-child(3){animation-delay:-.15s;border-top-color:#8b5cf6;opacity:.6}.ring-segment:nth-child(4){animation-delay:0s;border-top-color:#a78bfa;opacity:.4}@keyframes spin-ring{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-spinner-modern.pulse .spinner-ring{animation:pulse-scale 1.5s ease-in-out infinite}@keyframes pulse-scale{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.loading-message-modern{animation:fade-in-out 2s ease-in-out infinite;color:#64748b;font-size:.9375rem;font-weight:500;margin:0;text-align:center}@keyframes fade-in-out{0%,to{opacity:.6}50%{opacity:1}}.loading-inline{align-items:center;display:inline-flex;gap:.5rem}.loading-inline .spinner-ring{height:16px;width:16px}.loading-inline .ring-segment{border-width:2px}.skeleton-loading{animation:skeleton-loading 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%);background-size:200% 100%;border-radius:4px}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-loading-overlay{align-items:center;animation:fade-in .3s ease-in;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffffa;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.loading-container-modern{min-height:150px;padding:1.5rem}.loading-message-modern{font-size:.875rem}}.project-details-page{-ms-overflow-style:none;background-color:#f8fafc;color:#1e293b;display:flex;flex-direction:column;height:100%;overflow-y:auto;scrollbar-width:none}.project-details-page::-webkit-scrollbar{display:none}.project-header-modern{border-bottom:1px solid #e2e8f0;box-sizing:border-box;display:flex;flex-direction:column;margin-bottom:1.5rem;padding:0 0 .5rem;width:100%}.project-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.project-header-left{align-items:center;display:flex;gap:1rem}.project-icon-square{align-items:center;background-color:#fca5a5;border-radius:6px;color:#7f1d1d;display:flex;height:32px;justify-content:center;width:32px}.project-title-wrapper{align-items:center;display:flex;gap:.75rem}.project-title-modern{align-items:center;color:#1e293b;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin:0}.project-status-pill{align-items:center;background:none;color:#64748b;display:flex;font-size:.875rem;gap:.5rem;padding:0}.status-dot{border-radius:50%;height:8px;width:8px}.status-dot.active{background-color:#22c55e}.status-dot.on-hold{background-color:#94a3b8}.status-dot.at-risk{background-color:#ef4444}.project-tabs-modern{display:flex;gap:1.5rem;margin-top:.25rem}.project-tab-modern{align-items:center;background:none;border:none;color:#64748b;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.5rem;padding:.5rem 0;position:relative;transition:color .2s}.project-tab-modern:hover{color:#1e293b}.project-tab-modern.active{color:#0f172a;font-weight:600}.project-tab-modern.active:after{background-color:#0f172a;bottom:-1px;content:"";height:2px;left:0;position:absolute;width:100%}.project-content-area{box-sizing:border-box;width:100%}.project-overview-tab{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:1fr 350px;margin:0 auto;max-width:1400px;padding:2rem}.overview-section-header h3{color:#1e293b;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.overview-description{color:#334155;font-size:1rem;line-height:1.6;margin-bottom:2rem}.overview-details-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.overview-detail-item{display:flex;flex-direction:column;gap:.5rem}.detail-label{color:#64748b;font-size:.875rem;font-weight:500}.detail-value{color:#1e293b;font-size:.95rem;font-weight:500}.overview-sidebar-section{border-left:1px solid #e2e8f0;padding-left:2rem}.overview-meta-list{gap:1.5rem}.meta-item,.overview-meta-list{display:flex;flex-direction:column}.meta-item{gap:.25rem}.meta-label{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.meta-value{color:#334155;font-size:.9rem}.budget-value,.cost-value{font-family:Inter,sans-serif;font-weight:600}@media (max-width:1024px){.project-overview-tab{gap:2rem;grid-template-columns:1fr;padding:1.5rem}.overview-sidebar-section{border-left:none;border-top:1px solid #e2e8f0;padding-left:0;padding-top:2rem}}.header-actions{align-items:center;display:flex;gap:.75rem}.btn-customize,.btn-share{align-items:center;border-radius:6px;cursor:pointer;display:flex;font-size:.85rem;font-weight:500;gap:.4rem;padding:.4rem .8rem}.btn-share{background-color:#4f46e5;border:none;color:#fff}.btn-customize{background-color:initial;border:1px solid #cbd5e1;color:#475569}.fade-in{animation:fadeIn .5s ease-in-out}.asana-task-list{display:flex;flex-direction:column;font-size:.9rem;width:100%}.asana-list-header{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;color:#64748b;display:grid;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.asana-list-header>div{align-items:center;border-right:1px solid #e2e8f0;display:flex;padding:.5rem 1rem;position:relative}.resize-handle{bottom:0;cursor:col-resize;position:absolute;right:0;top:0;transition:background-color .2s;width:4px;z-index:10}.asana-list-header>div:hover .resize-handle,.resize-handle:hover{background-color:#cbd5e1}.asana-list-header>div:last-child{border-right:none}.asana-section{margin-top:1.5rem}.asana-section-header{align-items:center;color:#1e293b;cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem}.asana-section-header:hover{background-color:#f8fafc}.asana-section-toggle{transition:transform .2s}.asana-section-toggle.collapsed{transform:rotate(-90deg)}.asana-section-body>.asana-task-row:first-child{border-top:1px solid #e2e8f0}.asana-task-row{align-items:stretch;border-bottom:1px solid #e2e8f0;color:inherit;display:grid;font-size:.9rem;min-height:40px;text-decoration:none;transition:background-color .1s}.asana-task-row>div{align-items:center;border-right:1px solid #e2e8f0;display:flex;padding:.5rem 1rem}.asana-task-row>div:last-child{border-right:none}.asana-task-row:hover{background-color:#f1f5f9}.asana-task-check{align-items:center;border:1px solid #cbd5e1;border-radius:50%;color:#0000;display:flex;height:18px;justify-content:center;margin-right:.75rem;transition:all .2s;width:18px}.asana-task-row:hover .asana-task-check{border-color:#94a3b8}.asana-task-check.completed{background-color:#22c55e;border-color:#22c55e;color:#fff}.asana-task-name-cell{align-items:center;color:#334155;display:flex;font-weight:500}.asana-task-assignee{align-items:center;display:flex;gap:.5rem}.asana-avatar-small{align-items:center;background-color:#e2e8f0;border:1px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #e2e8f0;color:#64748b;display:flex;font-size:.7rem;height:24px;justify-content:center;width:24px}.asana-assignee-name{font-size:.85rem}.asana-task-date{color:#64748b;font-size:.85rem}.asana-task-date.overdue{color:#ef4444}.asana-badge{border-radius:4px;display:inline-block;font-size:.75rem;font-weight:500;padding:.15rem .5rem;text-align:center}.asana-badge.priority-low{background-color:#dcfce7;color:#166534}.asana-badge.priority-medium{background-color:#fef9c3;color:#854d0e}.asana-badge.priority-high{background-color:#fce7f3;color:#9d174d}.asana-badge.priority-urgent{background-color:#fee2e2;color:#991b1b}.asana-badge.status-on-track{background-color:#dbeafe;color:#1e40af}.asana-badge.status-at-risk{background-color:#ffedd5;color:#9a3412}.asana-badge.status-off-track{background-color:#fee2e2;color:#991b1b}.asana-badge.status-on-hold{background-color:#f1f5f9;color:#475569}.asana-badge.status-paid{background-color:#dcfce7;color:#166534}.asana-badge.status-partial{background-color:#ffedd5;color:#9a3412}.asana-badge.status-unpaid{background-color:#f1f5f9;color:#475569}.asana-badge.status-overdue{background-color:#fee2e2;color:#991b1b}.asana-badge.status-sent{background-color:#dbeafe;color:#1e40af}.asana-badge.status-draft{background-color:#f1f5f9;border:1px dashed #cbd5e1;color:#64748b}.asana-badge.status-cancelled{background-color:#f1f5f9;color:#94a3b8;text-decoration:line-through}.asana-add-task-row{align-items:center;color:#94a3b8;cursor:pointer;display:flex;font-size:.9rem;font-style:normal;gap:.5rem;padding:.5rem 1rem .5rem 2.5rem}.asana-add-task-row:hover{background-color:#f8fafc;color:#64748b}.asana-task-input{background:#0000;border:none;color:inherit;font-family:inherit;font-size:inherit;outline:none;padding:0;width:100%}.asana-task-input:focus{box-shadow:none}.asana-cell-trigger{align-items:center;cursor:pointer;display:flex;height:100%;width:100%}.asana-cell-trigger.form-input,.asana-date-input.form-input{background:#0000;border:none;border-radius:0;box-shadow:none;height:100%;min-height:auto;padding:0;transform:none}.asana-cell-trigger.form-input:focus,.asana-cell-trigger.form-input:hover,.asana-date-input.form-input:focus,.asana-date-input.form-input:hover{background:#0000;border:none;box-shadow:none;transform:none}.asana-dropdown-menu{animation:fadeIn .1s ease-out;background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;left:0;min-width:200px;padding:.5rem 0;position:absolute;top:100%;z-index:1000}.asana-dropdown-item{align-items:center;cursor:pointer;display:flex;gap:.5rem;padding:.5rem 1rem;transition:background-color .1s}.asana-dropdown-item:hover{background-color:#f1f5f9}.assignee-dropdown{overflow:hidden;padding:0;width:300px}.asana-dropdown-search{border:none;border-bottom:1px solid #e2e8f0;font-size:.875rem;outline:none;padding:.75rem 1rem;width:100%}.asana-dropdown-list{max-height:250px;overflow-y:auto}.user-item{padding:.75rem 1rem}.user-info{display:flex;flex-direction:column}.user-name{color:#1e293b;font-size:.875rem;font-weight:500}.user-email{color:#64748b;font-size:.75rem}.asana-dropdown-empty{color:#94a3b8;font-size:.875rem;padding:1rem;text-align:center}.asana-date-input{background:#0000;border:none;color:#64748b;cursor:pointer;font-family:inherit;font-size:.875rem;outline:none;width:100%}.asana-placeholder{color:#cbd5e1;font-size:1.2rem;line-height:1}.asana-task-row.form-mode{background-color:#f8fafc;box-shadow:0 1px 3px 0 #0000001a,0 1px 2px 0 #0000000f;position:relative;z-index:50}.form-input{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:6px;display:flex;height:32px;padding:.25rem .5rem;transition:all .2s;width:100%}.form-input:focus,.form-input:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.placeholder-text{color:#94a3b8;font-size:.875rem;font-style:italic}.task-name-display{cursor:default;flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asana-priority-badge{border-radius:6px;display:inline-block;font-size:.875rem;font-weight:500;line-height:1.25;padding:.25rem .75rem}.asana-priority-badge.priority-low{background-color:#a7f3d0;color:#065f46}.asana-priority-badge.priority-medium{background-color:#fcd34d;color:#78350f}.asana-priority-badge.priority-high{background-color:#c4b5fd;color:#5b21b6}.asana-priority-none{color:#94a3b8;font-size:1.25rem;font-weight:300}.board-view{height:100%;overflow-x:auto;overflow-y:hidden;padding:1.5rem}.board-columns{display:flex;gap:1rem;height:100%;min-width:-webkit-fit-content;min-width:fit-content}.board-column{border-radius:12px;display:flex;flex-direction:column;height:100%;width:300px}.board-column-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem;padding:0 .25rem}.board-column-title{align-items:center;color:#1e293b;display:flex;font-size:.875rem;font-weight:600;gap:.5rem}.board-column-count{background-color:#f1f5f9;border-radius:12px;color:#94a3b8;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.board-column-actions{display:flex;gap:.25rem;opacity:0;transition:opacity .2s}.board-column:hover .board-column-actions{opacity:1}.btn-add-column,.btn-column-menu{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:.25rem;transition:all .2s}.btn-add-column:hover,.btn-column-menu:hover{background-color:#f1f5f9;color:#64748b}.board-column-content{display:flex;flex:1 1;flex-direction:column;overflow-y:auto;padding-right:.25rem}.project-tasks-tab{background:#0000;border:none;border-radius:0;box-shadow:none;padding:0}.task-tag{border-radius:6px;font-size:.625rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;text-transform:uppercase}.tag-design{background-color:#f3e8ff;color:#7e22ce}.tag-marketing{background-color:#fce7f3;color:#be185d}.tag-engineering{background-color:#dbeafe;color:#1e40af}.tag-product{background-color:#fed7aa;color:#9a3412}.tag-legal{background-color:#f1f5f9;color:#475569}.tag-general{background-color:#e0e7ff;color:#4f46e5}.priority-icon{align-items:center;border:2px solid;border-radius:50%;display:flex;height:16px;justify-content:center;position:relative;width:16px}.priority-icon:after{border-radius:50%;content:"";height:6px;position:absolute;width:6px}.priority-high{border-color:#ef4444}.priority-high:after{background-color:#ef4444}.priority-medium{border-color:#f59e0b}.priority-medium:after{background-color:#f59e0b}.priority-low{border-color:#22c55e}.priority-low:after{background-color:#22c55e}.new-task-card{animation:slideDown .15s ease-out;background-color:#fff;border:2px solid #667eea;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:.5rem;padding:.5rem}.new-task-input{border:none;color:#1e293b;font-family:inherit;font-size:.875rem;outline:none;resize:none;width:100%}.new-task-input::placeholder{color:#cbd5e1}.new-task-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem}.btn-cancel{background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;font-size:.75rem;padding:.375rem .75rem;transition:background-color .2s}.btn-cancel:hover{background-color:#f1f5f9}.btn-add{background-color:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.75rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.btn-add:hover{background-color:#5568d3}.btn-add-task{align-items:center;background:none;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:flex-start;margin-top:.25rem;padding:.5rem;transition:all .2s;width:100%}.btn-add-task:hover{background-color:#f1f5f9;color:#64748b}.task-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:50}.task-modal{animation:slideUp .2s ease-out;background-color:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;display:flex;flex-direction:column;max-height:85vh;max-width:48rem;overflow:hidden;width:100%}.task-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1rem 1.5rem}.btn-complete,.task-modal-actions-left,.task-modal-actions-right{align-items:center;display:flex;gap:.5rem}.btn-complete{background-color:#dcfce7;border:none;border-radius:6px;color:#166534;cursor:pointer;font-size:.875rem;font-weight:500;padding:.375rem .75rem;transition:all .2s}.btn-complete:hover{background-color:#bbf7d0}.btn-icon-modal{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;padding:.5rem;transition:all .2s}.btn-icon-modal:hover{background-color:#f1f5f9;color:#64748b}.task-modal-body{display:flex;flex:1 1;gap:2rem;overflow-y:auto;padding:2rem}.task-modal-main{flex:1 1}.task-modal-title{color:#0f172a;font-size:1.875rem;font-weight:600;line-height:1.3;margin:0 0 1.5rem}.task-modal-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.task-field-row{display:flex}.task-field-label{font-size:.875rem;width:130px}.task-field-value{border-radius:6px;cursor:pointer;font-size:.875rem;padding:.375rem .5rem;transition:background-color .2s}.task-field-value:hover{background-color:#f8fafc}.field-icon{color:#94a3b8}.assignee-display{align-items:center;display:flex;gap:.5rem}.assignee-avatar-modal{align-items:center;background:linear-gradient(135deg,#a78bfa,#c084fc);border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:24px;justify-content:center;width:24px}.task-field-empty{color:#cbd5e1}.status-badge-modal{background-color:#dbeafe;border-radius:6px;color:#1e40af;font-size:.75rem;font-weight:500;padding:.25rem .75rem}.status-badge-todo{background-color:#f1f5f9;color:#475569}.status-badge-in-progress{background-color:#dbeafe;color:#1e40af}.status-badge-in-review{background-color:#f3e8ff;color:#7e22ce}.status-badge-done{background-color:#dcfce7;color:#166534}.status-badge-checked{background-color:#ccfbf1;color:#0f766e}.status-badge-on-hold{background-color:#ffedd5;color:#9a3412}.task-description-section{margin-bottom:1rem}.task-description-header{align-items:center;color:#1e293b;display:flex;font-weight:500;gap:.5rem;margin-bottom:.5rem}.task-description-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#1e293b;font-family:inherit;font-size:.875rem;line-height:1.6;min-height:150px;outline:none;padding:.75rem;resize:vertical;transition:all .2s;width:100%}.task-description-input:focus{background-color:#fff;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.task-description-input::placeholder{color:#cbd5e1}.task-modal-sidebar{background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:8px;height:-webkit-fit-content;height:fit-content;padding:1rem;width:280px}.sidebar-title{color:#94a3b8;font-size:.75rem;font-weight:600;letter-spacing:.5px;margin:0 0 1rem;text-transform:uppercase}.sidebar-content{display:flex;flex-direction:column;gap:.75rem}.sidebar-row{color:#64748b;display:flex;font-size:.875rem;justify-content:space-between}.sidebar-divider{background-color:#e2e8f0;height:1px;margin:.5rem 0}.sidebar-id{color:#94a3b8;font-size:.75rem}.task-modal-footer{align-items:flex-start;background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:.75rem;padding:1rem}.comment-avatar{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:32px;justify-content:center;width:32px}.comment-input-wrapper{flex:1 1;position:relative}.comment-input{border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;outline:none;padding:.625rem 2.5rem .625rem 1rem;transition:all .2s;width:100%}.comment-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.comment-send-btn{background:none;border:none;border-radius:4px;color:#667eea;cursor:pointer;padding:.25rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:all .2s}.comment-send-btn:hover{background-color:#f1f5f9;color:#5568d3}@media (max-width:1024px){.task-modal-body{flex-direction:column}.task-modal-sidebar{width:100%}}@media (max-width:768px){.board-columns{flex-direction:column}.board-column{width:100%}}.task-panel-overlay{animation:fadeIn .2s ease-out;background-color:#0000004d;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1000}.task-detail-panel{animation:slideInRight .3s cubic-bezier(.16,1,.3,1);background-color:#fff;bottom:0;box-shadow:-4px 0 15px #0000001a;display:flex;flex-direction:column;max-width:90vw;position:fixed;right:0;top:0;width:600px;z-index:1001}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.task-panel-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:1rem 1.5rem}.task-panel-actions{display:flex;gap:.5rem}.btn-icon-panel{align-items:center;background:none;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:.5rem;transition:all .2s}.btn-icon-panel:hover{background-color:#f1f5f9;color:#1e293b}.btn-icon-panel.close-btn{margin-left:.5rem}.btn-complete-toggle{align-items:center;background-color:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.btn-complete-toggle:hover{background-color:#f8fafc;border-color:#94a3b8}.btn-complete-toggle.completed{background-color:#dcfce7;border-color:#22c55e;color:#166534}.task-panel-content{display:flex;flex:1 1;overflow-y:auto}.task-panel-main{border-right:1px solid #f1f5f9;flex:1 1;padding:2rem}.task-panel-sidebar{background-color:#f8fafc;padding:2rem 1.5rem;width:250px}.task-panel-title-input{background:#0000;border:none;color:#1e293b;font-size:1.5rem;font-weight:600;margin-bottom:2rem;outline:none;width:100%}.task-panel-fields{display:flex;flex-direction:column;gap:1rem;margin-bottom:2.5rem}.task-field-row{align-items:center;display:grid;grid-template-columns:120px 1fr}.task-field-label{color:#64748b;font-size:.9rem}.task-field-value{align-items:center;color:#1e293b;display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.task-field-empty{color:#94a3b8;font-style:italic;font-weight:400}.task-panel-footer{align-items:center;background-color:#fff;border-top:1px solid #e2e8f0;display:flex;gap:1rem;padding:1rem 1.5rem}.task-name-content{align-items:center;display:flex;justify-content:space-between;padding-right:.5rem;width:100%}.btn-task-details-slider{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;color:#64748b;cursor:pointer;display:flex;font-size:.75rem;font-weight:500;gap:.25rem;opacity:0;padding:.25rem .5rem;transform:translateX(-10px);transition:all .2s}.asana-task-row:hover .btn-task-details-slider{opacity:1;transform:translateX(0)}.btn-task-details-slider:hover{background-color:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.asana-assignee-display{align-items:center;display:flex;gap:.5rem;overflow:hidden;width:100%}.asana-assignee-name{color:#1e293b;font-size:.875rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.my-tasks-page.main-content{max-width:100%}.board-task-card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;cursor:pointer;display:flex;flex-direction:column;gap:.75rem;margin-bottom:.75rem;padding:1rem;transition:all .2s;-webkit-user-select:none;user-select:none}.board-task-card:hover{border-color:#cbd5e1;box-shadow:0 4px 12px #00000014;transform:translateY(-2px)}.board-task-card.dragging{border-color:#94a3b8;border-style:dashed;opacity:.4}.task-card-row-1{align-items:flex-start;display:flex;gap:.75rem}.task-check-icon{align-items:center;color:#94a3b8;display:flex;margin-top:2px}.task-card-name{color:#1e293b;font-size:.95rem;font-weight:500;line-height:1.4}.task-card-row-2{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.task-card-row-3{align-items:center;display:flex;gap:.75rem}.task-assignee-avatar-small{align-items:center;background-color:#a78bfa;border-radius:50%;color:#fff;display:flex;font-size:.75rem;font-weight:600;height:28px;justify-content:center;width:28px}.task-due-date-text{color:#64748b;font-size:.85rem}.task-due-date-text.overdue{color:#ef4444}.modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.task-filter-modal{animation:slideUp .3s cubic-bezier(.16,1,.3,1);background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:480px;overflow:hidden;width:100%}.task-filter-modal-header{align-items:flex-start;background-color:#f8fafc;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:1.5rem}.task-filter-modal-header-content{align-items:center;display:flex;gap:1rem}.task-filter-modal-icon{align-items:center;background-color:#eff6ff;border-radius:10px;color:#3b82f6;display:flex;height:40px;justify-content:center;width:40px}.task-filter-modal-title{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0}.task-filter-modal-subtitle{color:#64748b;font-size:.875rem;margin:.25rem 0 0}.modal-close-button{background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;padding:.5rem;transition:all .2s}.modal-close-button:hover{background-color:#e2e8f0;color:#64748b}.task-filter-modal-body{padding:1.5rem}.task-filter-form{display:flex;flex-direction:column;gap:1.5rem}.form-group label{align-items:center;color:#334155;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}.form-group label svg{color:#64748b}.user-search-input-wrapper{position:relative}.user-search-input{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-size:.95rem;padding:.75rem 1rem .75rem 2.5rem;transition:all .2s;width:100%}.user-search-input:focus{background-color:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.checkbox-group{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.checkbox-label{align-items:center;background-color:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;display:flex;gap:.75rem;padding:.75rem;transition:all .2s}.checkbox-label:hover{background-color:#f8fafc;border-color:#cbd5e1}.checkbox-input{accent-color:#3b82f6;border:2px solid #cbd5e1;border-radius:4px;cursor:pointer;height:1.125rem;width:1.125rem}.checkbox-text{color:#475569;font-size:.9rem;font-weight:500}.selected-users-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.selected-user-chip{align-items:center;background-color:#eff6ff;border:1px solid #dbeafe;border-radius:20px;color:#1e40af;display:flex;font-size:.875rem;gap:.5rem;padding:.375rem .5rem .375rem .375rem}.selected-user-avatar{background-color:#3b82f6;border-radius:50%;color:#fff;font-size:.75rem;font-weight:600;height:24px;width:24px}.selected-user-avatar,.selected-user-remove{align-items:center;display:flex;justify-content:center}.selected-user-remove{background:none;border:none;border-radius:50%;color:#60a5fa;cursor:pointer;padding:2px}.selected-user-remove:hover{background-color:#dbeafe;color:#1e40af}.task-filter-modal-footer{background-color:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:1rem;justify-content:flex-end;padding:1.5rem}.btn-outline-modern{background-color:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-outline-modern:hover:not(:disabled){background-color:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-outline-modern:disabled{cursor:not-allowed;opacity:.5}.btn-primary-modern{background-color:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 2px #3b82f64d;color:#fff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.625rem 1.25rem;transition:all .2s}.btn-primary-modern:hover{background-color:#2563eb;box-shadow:0 4px 6px -1px #3b82f666}@keyframes slideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.approvals-page.main-content{max-width:100%}:root{--primary-color:#2563eb;--primary-hover:#1d4ed8;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--text-primary:#1f2937;--text-secondary:#6b7280;--bg-light:#f9fafb;--card-bg:#fff;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--radius-md:0.5rem;--radius-lg:0.75rem}.payslip-management{padding:24px 0}.payslip-controls-bar{align-items:center;background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:24px;padding:16px}.view-toggles{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);display:flex;gap:8px;padding:4px}.toggle-btn{border-radius:4px;color:#6b7280;color:var(--text-secondary);font-size:16px;padding:6px 12px;transition:all .2s ease}.toggle-btn:hover{background:#0000000d;color:#1f2937;color:var(--text-primary)}.toggle-btn.active{background:#fff;background:var(--card-bg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);color:#2563eb;color:var(--primary-color);font-weight:600}.filter-controls{align-items:center;display:flex;gap:12px}.filter-controls label{color:#6b7280;color:var(--text-secondary);font-size:14px;font-weight:500}.status-filter-select{background-color:#f9fafb;background-color:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:14px;outline:none;padding:8px 12px;transition:border-color .2s}.status-filter-select:focus{border-color:#2563eb;border-color:var(--primary-color)}.payslips-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.payslip-card{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;padding:20px;transition:transform .2s,box-shadow .2s}.payslip-card:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);transform:translateY(-2px)}.payslip-header{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:16px}.payslip-header h4{color:#1f2937;color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0}.payslip-details{flex-grow:1;margin-bottom:20px}.detail-row{display:flex;font-size:14px;justify-content:space-between;margin-bottom:10px}.detail-row span:first-child{color:#6b7280;color:var(--text-secondary)}.detail-row span:last-child,.detail-row strong{color:#1f2937;color:var(--text-primary);font-weight:500}.net-salary{color:#10b981!important;color:var(--success-color)!important;font-size:1.1em;font-weight:700!important}.payslip-card-actions{align-items:center;border-top:1px solid #e5e7eb;border-top:1px solid var(--border-color);display:flex;justify-content:space-between;margin-top:auto;padding-top:16px}.data-table-container{background:#fff;background:var(--card-bg);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{border-collapse:collapse;font-size:14px;width:100%}.data-table td,.data-table th{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:14px 20px;text-align:left}.data-table th{background-color:#f9fafb;background-color:var(--bg-light);color:#6b7280;color:var(--text-secondary);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover{background-color:#f9fafb}.table-actions{align-items:center;display:flex;gap:12px}.status-badge{box-shadow:0 1px 2px #0000001a;color:#fff;font-size:11px;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.status-select-small{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);color:#1f2937;color:var(--text-primary);cursor:pointer;font-size:12px;padding:6px 10px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:16px;padding:6px;transition:background .2s}.btn-icon:hover{background-color:#f9fafb;background-color:var(--bg-light)}.btn-link{background:none;border:none;color:#2563eb;color:var(--primary-color);cursor:pointer;font-size:13px;font-weight:500;padding:0}.btn-link:hover{text-decoration:underline}.modal-content.small{max-width:400px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.user-select-list{background:#f9fafb;background:var(--bg-light);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:.5rem;border-radius:var(--radius-md);max-height:200px;overflow-y:auto}.user-select-item{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;gap:10px;padding:10px 12px;transition:background .1s}.user-select-item:last-child{border-bottom:none}.user-select-item:hover{background-color:#f3f4f6}.user-select-item.header{background-color:#f9fafb;font-weight:600;position:-webkit-sticky;position:sticky;top:0;z-index:1}.user-select-item input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-color);cursor:pointer;height:16px;width:16px}.progress-bar{background-color:#e5e7eb;border-radius:9999px;height:8px;margin:20px 0;overflow:hidden}.progress-fill{background-color:#10b981;background-color:var(--success-color);height:100%;transition:width .3s ease}.no-data{background:#fff;background:var(--card-bg);border:1px dashed #e5e7eb;border:1px dashed var(--border-color);border-radius:.75rem;border-radius:var(--radius-lg);color:#6b7280;color:var(--text-secondary);padding:48px;text-align:center}.alert{align-items:center;border-radius:.5rem;border-radius:var(--radius-md);box-shadow:0 1px 2px 0 #0000000d;box-shadow:var(--shadow-sm);display:flex;font-size:14px;justify-content:space-between;margin-bottom:24px;padding:14px 18px}.alert-error{background-color:#fef2f2;border:1px solid #fecaca;color:#991b1b}.alert-success{background-color:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.text-muted{color:#6b7280;color:var(--text-secondary)}.text-sm{font-size:13px}.btn-danger{background-color:#ef4444;background-color:var(--danger-color);border:none;border-radius:.5rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;font-weight:500;padding:10px 20px}.btn-danger:hover{background-color:#dc2626}.financial-dashboard{background-color:#f8fafc;color:#1e293b;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;min-height:100vh;padding:2rem}.dashboard-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:2rem}.dashboard-title{color:#0f172a;font-size:1.5rem;font-weight:700;margin:0}.dashboard-subtitle{color:#64748b;font-size:.875rem;margin-bottom:0;margin-top:.25rem}.dashboard-controls{display:flex;gap:.75rem}.control-group{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;display:flex;padding:.5rem .75rem}.control-select{background:#0000;border:none;color:#334155;outline:none}.btn-primary,.control-select{cursor:pointer;font-size:.875rem;font-weight:500}.btn-primary{align-items:center;background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;display:flex;padding:.5rem 1rem;transition:background-color .2s}.btn-primary:hover{background-color:#1d4ed8}.kpi-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:768px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.kpi-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;padding:1.5rem}.kpi-card{border-left-style:solid;border-left-width:4px}.kpi-card.blue{border-left-color:#3b82f6}.kpi-card.green{border-left-color:#22c55e}.kpi-card.orange{border-left-color:#f97316}.kpi-card.purple{border-left-color:#a855f7}.kpi-header{align-items:flex-start;display:flex;justify-content:space-between}.kpi-label{color:#64748b;font-size:.875rem;font-weight:500;margin:0}.kpi-value{color:#0f172a;font-size:1.5rem;font-weight:700;margin-bottom:0;margin-top:.25rem}.kpi-icon-wrapper{border-radius:.5rem;display:flex;padding:.5rem}.kpi-icon-wrapper.blue{background-color:#eff6ff;color:#2563eb}.kpi-icon-wrapper.green{background-color:#f0fdf4;color:#16a34a}.kpi-icon-wrapper.orange{background-color:#fff7ed;color:#ea580c}.kpi-icon-wrapper.purple{background-color:#faf5ff;color:#9333ea}.kpi-trend{font-size:.75rem;margin-top:1rem}.kpi-trend,.trend-badge{align-items:center;display:flex}.trend-badge{border-radius:.25rem;font-weight:500;margin-right:.5rem;padding:.125rem .375rem}.trend-badge.positive{background-color:#f0fdf4;color:#16a34a}.trend-badge.negative{background-color:#fef2f2;color:#dc2626}.main-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr;margin-bottom:2rem}@media (min-width:1024px){.main-grid{grid-template-columns:2fr 1fr}}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.section-title{color:#1e293b;font-size:1.125rem;font-weight:700;margin:0}.text-link{background:none;border:none;color:#2563eb;cursor:pointer;font-size:.875rem;font-weight:500}.text-link:hover{color:#1e40af}.table-container{overflow-x:auto}.dashboard-table{border-collapse:collapse;font-size:.875rem;width:100%}.dashboard-table th{background-color:#f8fafc;border-bottom:1px solid #f1f5f9;color:#64748b;font-size:.75rem;font-weight:600;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.dashboard-table td{border-bottom:1px solid #f1f5f9;color:#334155;padding:1rem;vertical-align:middle}.dashboard-table tr:hover{background-color:#f8fafc}.text-right{text-align:right}.text-center{text-align:center}.font-bold{font-weight:700}.text-green{color:#16a34a}.text-red{color:#dc2626}.status-badge{border-radius:9999px;font-size:.75rem;font-weight:600;padding:.25rem .625rem}.status-badge.healthy{background-color:#dcfce7;color:#15803d}.status-badge.critical{background-color:#fee2e2;color:#b91c1c}.status-badge.warning{background-color:#ffedd5;color:#c2410c}.status-badge.current{background-color:#dcfce7;color:#15803d}.status-badge.loss{background-color:#fee2e2;color:#b91c1c}.list-item{align-items:center;border:1px solid #f1f5f9;border-radius:.5rem;display:flex;justify-content:space-between;margin-bottom:1rem;padding:1rem;transition:box-shadow .2s}.list-item:hover{box-shadow:0 4px 6px -1px #0000001a}.list-item-left{gap:1rem}.circle-avatar,.list-item-left{align-items:center;display:flex}.circle-avatar{border-radius:50%;font-size:.75rem;font-weight:700;height:3rem;justify-content:center;min-width:3rem}.circle-avatar.red{background-color:#fee2e2;color:#b91c1c}.circle-avatar.orange{background-color:#ffedd5;color:#c2410c}.circle-avatar.green{background-color:#dcfce7;color:#15803d}.list-item-title{color:#1e293b;font-size:.95rem;font-weight:700;margin:0}.list-item-sub{color:#64748b;font-size:.8rem;margin:0}.progress-item{margin-bottom:1.25rem}.progress-label{display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:.25rem}.progress-bar-bg{background-color:#f1f5f9;border-radius:9999px;height:.5rem;width:100%}.progress-bar-fill{background-color:#6366f1;border-radius:9999px;height:100%}.sidebar-col{display:flex;flex-direction:column;gap:2rem}.tax-card{background-color:#0f172a;border:1px solid #1e293b;color:#fff}.tax-title{align-items:center;color:#fff;display:flex;gap:.5rem}.tax-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1.5rem}.tax-box{background-color:#1e293b;border-radius:.5rem;padding:.75rem}.tax-label{color:#94a3b8;font-size:.75rem;margin-bottom:.25rem}.tax-value{font-size:1.125rem;font-weight:700;margin:0}.tax-sub{font-size:.65rem;margin-top:.25rem}.text-yellow{color:#facc15}.text-green-light{color:#4ade80}.btn-block{background-color:#2563eb;border:none;border-radius:.5rem;color:#fff;cursor:pointer;font-weight:500;padding:.625rem;width:100%}.btn-block:hover{background-color:#3b82f6}.chart-container{align-items:flex-end;display:flex;gap:.5rem;height:10rem;justify-content:space-around}.chart-bar-wrapper{align-items:center;display:flex;flex:1 1;flex-direction:column;height:100%;justify-content:flex-end;position:relative}.chart-bar{border-radius:2px 2px 0 0;transition:height .5s ease;width:100%}.chart-bar.red{background-color:#f87171}.chart-bar.green{background-color:#34d399}.chart-label{color:#94a3b8;font-size:.65rem;margin-top:.25rem}.chart-tooltip{background-color:#1e293b;border-radius:.25rem;bottom:100%;color:#fff;font-size:.75rem;margin-bottom:.5rem;opacity:0;padding:.25rem .5rem;pointer-events:none;position:absolute;transition:opacity .2s;white-space:nowrap}.chart-bar-wrapper:hover .chart-tooltip{opacity:1}.demo-toast{align-items:flex-start;animation:slideIn .5s ease-out;background-color:#1e3a8a;border-left:4px solid #facc15;border-radius:.25rem;box-shadow:0 10px 15px -3px #0000001a;color:#fff;display:flex;max-width:24rem;padding:1rem;position:fixed;right:2rem;top:6rem;z-index:50}.toast-icon{margin-right:.75rem;margin-top:.25rem}.toast-body{flex:1 1}.toast-title{color:#fef08a;font-size:.875rem;font-weight:700;margin-bottom:.25rem}.toast-text{color:#cbd5e1;font-size:.875rem}.toast-close{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:1.25rem;line-height:1;margin-left:1rem}.toast-close:hover{color:#fff}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.pricing-page{background-color:#fff;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow-x:hidden;overflow-y:auto}.pricing-nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.pricing-nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.pricing-logo{cursor:pointer}.pricing-logo h2{color:#4f46e5;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0}.pricing-nav-links{align-items:center;display:flex;gap:1.5rem}.nav-link-btn{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;transition:color .2s}.nav-link-btn:hover{color:#0f172a}.nav-btn-primary{background-color:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:.6rem 1.25rem;transition:all .2s}.nav-btn-primary:hover{background-color:#4338ca;transform:translateY(-1px)}.pricing-hero{margin:0 auto;max-width:800px;padding:6rem 2rem 2rem;text-align:center}.pricing-title{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;line-height:1.2;margin:0 0 .75rem}.pricing-subtitle{color:#64748b;font-size:1.125rem;line-height:1.6;margin:0 0 2rem}.billing-toggle{background:#f1f5f9;border-radius:12px;display:inline-flex;padding:4px}.toggle-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:#64748b;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s}.toggle-btn.active{background:#4f46e5;box-shadow:0 2px 8px #4f46e540;color:#fff}.save-badge{background:#10b981;border-radius:100px;color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px}.pricing-card-section{display:flex;justify-content:center;padding:0 2rem 4rem}.pricing-card{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 40px -10px #0000001a,0 4px 6px -2px #0000000d;max-width:900px;overflow:hidden;padding:0;width:100%}.pricing-card:hover{box-shadow:0 20px 50px -15px #00000026,0 10px 20px -5px #00000014}.card-layout{display:grid;grid-template-columns:1fr 1fr}.benefits-section{background:linear-gradient(135deg,#667eea,#764ba2);border-right:none;padding:2.5rem;position:relative}.price-section{background:#fff;display:flex;flex-direction:column;padding:2.5rem}.card-header{margin-bottom:1.5rem;text-align:center}.plan-badge{background:#4f46e5;border-radius:100px;color:#fff;display:inline-block;font-size:.75rem;font-weight:700;letter-spacing:.05em;margin-bottom:.75rem;padding:4px 12px}.plan-name{color:#0f172a;font-size:1.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.plan-description{color:#64748b;font-size:1rem;margin:0}.price-block{border-bottom:1px solid #e2e8f0;border-top:1px solid #e2e8f0;margin-bottom:1.5rem;padding:1.5rem 0;text-align:center}.price-display{align-items:flex-start;display:flex;justify-content:center}.currency{color:#0f172a;font-size:1.75rem;font-weight:700;margin-top:.5rem}.price-amount{color:#0f172a;font-size:4rem;font-weight:800;letter-spacing:-.02em;line-height:1}.price-suffix{display:flex;flex-direction:column;margin-left:.5rem;margin-top:1rem;text-align:left}.price-suffix span{color:#64748b;font-size:.9rem;font-weight:500;line-height:1.3}.annual-price{color:#10b981;font-size:.9rem;font-weight:600;margin:.75rem 0 0}.tax-note{color:#94a3b8;font-size:.875rem;margin:.5rem 0 0}.cta-button{background:#4f46e5;border:none;border-radius:8px;box-shadow:0 4px 6px -1px #4f46e533;color:#fff;cursor:pointer;font-size:1.125rem;font-weight:600;margin-bottom:2rem;padding:1rem 2rem;transition:all .2s;width:100%}.cta-button:hover{background:#4338ca;box-shadow:0 10px 15px -3px #4f46e54d;transform:translateY(-2px)}.benefits-title{color:#fff;font-size:1.25rem;font-weight:700;margin:0 0 1.5rem}.benefits-list{display:flex;flex-direction:column;gap:.625rem;list-style:none;margin:0;padding:0}.benefit-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border-radius:8px;display:flex;gap:.75rem;padding:.625rem .875rem;transition:all .2s ease}.benefit-item:hover{background:#ffffff40;transform:translateX(4px)}.benefit-item svg{flex-shrink:0;height:18px;width:18px}.benefit-item svg path{stroke:#10b981}.benefit-item span{color:#fff;font-size:.9rem;font-weight:500}.trust-row{border-top:1px solid #e2e8f0;display:flex;gap:2rem;justify-content:center;padding-top:1.5rem}.trust-item{align-items:center;color:#64748b;display:flex;font-size:.875rem;gap:.5rem}.faq-section{background:#f8fafc;border-top:1px solid #e2e8f0;padding:4rem 2rem}.faq-container{margin:0 auto;max-width:700px}.faq-title{color:#0f172a;font-size:2rem;font-weight:800;margin:0 0 2rem;text-align:center}.faq-list{display:flex;flex-direction:column;gap:.75rem}.faq-item{background:#fff;border:1px solid #e2e8f0;border-radius:12px;overflow:hidden;transition:all .2s}.faq-item:hover{border-color:#cbd5e1}.faq-item.open{border-color:#4f46e5;box-shadow:0 4px 6px -1px #4f46e51a}.faq-question{align-items:center;background:#0000;border:none;cursor:pointer;display:flex;justify-content:space-between;padding:1.25rem 1.5rem;text-align:left;width:100%}.faq-question span{color:#0f172a;font-size:1rem;font-weight:600}.faq-question svg{color:#64748b;flex-shrink:0}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-item.open .faq-answer{max-height:200px}.faq-answer p{color:#64748b;font-size:.95rem;line-height:1.6;margin:0;padding:0 1.5rem 1.25rem}.pricing-footer{background:#0f172a;padding:2rem}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-content p{color:#64748b;font-size:.95rem;margin:0}.footer-links{display:flex;gap:2rem}.footer-link{background:none;border:none;color:#64748b;cursor:pointer;font-size:.95rem;transition:color .2s}.footer-link:hover{color:#94a3b8}@media (max-width:768px){.pricing-nav-links{gap:1rem}.pricing-title{font-size:2rem}.pricing-subtitle{font-size:1rem}.billing-toggle{flex-direction:column;max-width:300px;width:100%}.toggle-btn{justify-content:center}.pricing-card{border-radius:16px}.price-amount{font-size:3rem}.trust-row{align-items:center;flex-direction:column;gap:.75rem}.card-layout{grid-template-columns:1fr}.benefits-section{order:2;padding:2rem 1.5rem}.price-section{order:1;padding:2rem 1.5rem}.footer-content{flex-direction:column;gap:1rem;text-align:center}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.pricing-page{animation:fadeIn .5s ease-out}.privacy-wrapper{background-color:#fff;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow-x:hidden;overflow-y:auto}.privacy-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.privacy-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.privacy-logo{align-items:center;cursor:pointer;display:flex;gap:8px}.privacy-logo img{height:32px;width:auto}.privacy-logo span{color:#4f46e5;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.privacy-nav-links{align-items:center;display:flex;gap:1.5rem}.privacy-nav-links button{background:none;border:none;color:#64748b;cursor:pointer;font-size:1rem;font-weight:500;transition:color .2s}.privacy-nav-links button:hover{color:#0f172a}.privacy-main{min-height:calc(100vh - 80px);padding:7rem 2rem 4rem}.privacy-article{margin:0 auto;max-width:800px}.privacy-article h1{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.privacy-article .subtitle{color:#4f46e5;font-size:1.125rem;font-weight:600;margin:0 0 1.5rem}.privacy-article .intro{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:3rem;padding-bottom:2rem}.privacy-article section{margin-bottom:2.5rem}.privacy-article h2{color:#0f172a;font-size:1.375rem;font-weight:700;margin:0 0 1rem}.privacy-article p{color:#475569;font-size:1rem;line-height:1.7;margin:0 0 1rem}.privacy-article ul{list-style:disc;margin:1rem 0;padding-left:1.5rem}.privacy-article li{color:#475569;display:list-item;font-size:1rem;line-height:1.7;margin-bottom:.75rem}.privacy-article li strong{color:#1e293b}.privacy-footer{background:#0f172a;padding:2rem}.privacy-footer p{color:#64748b;font-size:.95rem;margin:0 auto;max-width:1200px;text-align:center}@media (max-width:768px){.privacy-header-content{padding:0 1.5rem}.privacy-main{padding:6rem 1.5rem 3rem}.privacy-article h1{font-size:2rem}.privacy-nav-links{gap:1rem}}*{box-sizing:border-box}.terms-wrapper{background-color:#fff;color:#1e293b;font-family:Inter,system-ui,-apple-system,sans-serif;height:100vh;overflow-x:hidden;overflow-y:auto}.terms-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border-bottom:1px solid #e2e8f0;left:0;padding:1rem 0;position:fixed;right:0;top:0;z-index:1000}.terms-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.terms-logo{align-items:center;cursor:pointer;display:flex;gap:8px}.terms-logo img{height:32px;width:auto}.terms-logo span{color:#4f46e5;font-size:1.5rem;font-weight:800;letter-spacing:-.02em}.terms-main{min-height:calc(100vh - 80px);padding:7rem 2rem 4rem}.terms-article{margin:0 auto;max-width:800px}.terms-article h1{color:#0f172a;font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin:0 0 .5rem}.terms-article .effective-date{color:#4f46e5;font-size:1rem;font-weight:600;margin:0 0 1.5rem}.terms-article .intro{border-bottom:1px solid #e2e8f0;color:#64748b;font-size:1rem;line-height:1.7;margin-bottom:3rem;padding-bottom:2rem}.terms-article section{margin-bottom:2rem}.terms-article h2{color:#0f172a;font-size:1.25rem;font-weight:700;margin:0 0 .75rem}.terms-article p{color:#475569;font-size:1rem;line-height:1.7;margin:0 0 .75rem}.terms-article p a{color:#4f46e5;text-decoration:none}.terms-article p a:hover{text-decoration:underline}.terms-article ul{list-style:disc;margin:.75rem 0;padding-left:1.5rem}.terms-article li{color:#475569;display:list-item;font-size:1rem;line-height:1.7;margin-bottom:.5rem}.last-updated{border-top:1px solid #e2e8f0;margin-top:3rem;padding-top:2rem;text-align:center}.last-updated p{color:#64748b;font-size:.9rem;margin:.5rem 0}.last-updated a{color:#4f46e5;text-decoration:none}.last-updated a:hover{text-decoration:underline}.terms-footer{background:#0f172a;padding:2rem}.terms-footer p{color:#64748b;font-size:.95rem;margin:0 auto;max-width:1200px;text-align:center}@media (max-width:768px){.terms-header-content{padding:0 1.5rem}.terms-main{padding:6rem 1.5rem 3rem}.terms-article h1{font-size:2rem}}
/*# sourceMappingURL=main.f4eab721.css.map*/