:root{--board-bg:#020617;--board-card-bg:#020617;--board-card-bg-soft:#020617;--board-border:#1e293b;--board-text-main:#f9fafb;--board-text-muted:#9ca3af;--board-accent:#3b82f6;--board-warning:#f97316;--board-danger:#ef4444;--board-success:#22c55e;--board-radius-lg:16px;--board-radius-md:12px}.board-page{max-width:1200px;color:var(--board-text-main);margin:0 auto;padding:32px 24px 64px}.board-header{margin-bottom:24px}.board-title{margin-bottom:4px;font-size:28px;font-weight:600}.board-subtitle{color:var(--board-text-muted);font-size:14px}.board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.board-stat-card{border-radius:var(--board-radius-lg);border:1px solid var(--board-border);background:#0f172ae6;flex-direction:column;justify-content:center;padding:16px 20px;display:flex}.board-stat-label{color:var(--board-text-muted);margin-bottom:8px;font-size:13px}.board-stat-value{font-size:22px;font-weight:600}.board-stat-value--warning{color:var(--board-warning)}.board-stat-value--danger{color:var(--board-danger)}.board-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.board-column{flex-direction:column;gap:12px;display:flex}.board-column-title{margin-bottom:8px;font-size:16px;font-weight:600}.board-card{border-radius:var(--board-radius-lg);border:1px solid var(--board-border);background:#0f172af2;flex-direction:column;gap:10px;padding:16px 20px;display:flex}.board-card--warning{border-color:#ef444480;box-shadow:0 0 0 1px #ef444426}.board-card--success{border-color:#22c55e66;box-shadow:0 0 0 1px #22c55e1f}.board-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-card-title{font-size:15px;font-weight:500}.board-card-status{border:1px solid var(--board-border);color:var(--board-text-muted);background:#0f172ae6;border-radius:999px;padding:4px 10px;font-size:12px}.board-card-meta{color:var(--board-text-muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.board-card-meta-row{justify-content:space-between;display:flex}.board-card-progress{margin-top:4px}.board-card-progress-label{color:var(--board-text-muted);margin-bottom:4px;font-size:11px}.board-card-progress-bar{background:#0f172ae6;border:1px solid #0f172ae6;border-radius:999px;width:100%;height:6px;overflow:hidden}.board-card-progress-bar-fill{background:linear-gradient(to right,var(--board-accent),var(--board-success));height:100%}.board-error{border-radius:var(--board-radius-md);border:1px solid var(--board-danger);color:#fecaca;background:#7f1d1d4d;margin-bottom:16px;padding:10px 14px;font-size:13px}@media (max-width:1024px){.board-page{padding:24px 16px 40px}.board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.board-columns{grid-template-columns:1fr}}@media (max-width:640px){.board-page{padding:20px 12px 32px}.board-stat-card{padding:12px 14px}.board-card{padding:14px}}
.projects-page{padding:2.5rem 2rem}.projects-header{justify-content:space-between;align-items:center;margin-bottom:1.75rem;display:flex}.projects-toolbar{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.projects-toolbar-left,.projects-toolbar-right{align-items:center;gap:1rem;display:flex}.projects-search{background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:.75rem;padding:.5rem .9rem;display:flex}.projects-search-icon{opacity:.7;font-size:.9rem}.projects-search input{color:#fff;background:0 0;border:none;outline:none;width:220px;font-size:.9rem}.projects-select{color:#fff;background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;min-width:180px;padding:.4rem .9rem;font-size:.9rem}.projects-select:focus{border-color:#78b4ffcc;outline:none}.projects-table-wrapper{margin-top:.75rem;padding:0}.projects-table{border-collapse:collapse;width:100%;font-size:.9rem}.projects-table thead{border-bottom:1px solid #ffffff0f}.projects-table th,.projects-table td{text-align:left;white-space:nowrap;padding:.9rem 1.5rem}.projects-table th{text-transform:uppercase;letter-spacing:.08em;color:#ffffff8c;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.8rem;font-weight:500}.projects-table th.projects-table-actions{text-align:right;cursor:default}.projects-table td.projects-table-actions{text-align:right}.projects-table tbody tr:hover{background:#ffffff05}.projects-name-cell{max-width:260px}.projects-name-primary{font-weight:500}.projects-name-secondary{color:#ffffff8c;white-space:normal;margin-top:.1rem;font-size:.8rem}.projects-progress{min-width:120px}.projects-progress-label{color:#ffffffb3;font-size:.8rem}.projects-progress-bar{background:#ffffff0a;border-radius:999px;height:4px;margin-top:.25rem;overflow:hidden}.projects-progress-bar-fill{border-radius:inherit;background:linear-gradient(90deg,#29d890,#2ea8ff);height:100%}.status-pill{color:#ffffffe6;border:1px solid #ffffff1a;border-radius:999px;align-items:center;padding:.15rem .8rem;font-size:.8rem;display:inline-flex}.status-pill--active{color:#b9f5d4;border-color:#58c77ab3}.status-pill--blocked{color:#ffd1c9;border-color:#ff725ecc}.status-pill--done{color:#cfe9ff;border-color:#64c8ffcc}.status-pill--archived{color:#d0d0d0;border-color:#96969699}.table-action-link{color:#9ec5ff;font-size:.9rem}.table-action-link:hover{text-decoration:underline}.projects-empty{color:#ffffffb3;text-align:center;padding:1.5rem;font-size:.9rem}.project-detail-card--tasks{background:#0f172ae6;border:1px solid #94a3b833;border-radius:1rem;margin-top:1.5rem;padding:1.25rem 1.5rem}.project-detail-tasks-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.875rem}.project-detail-tasks-table th,.project-detail-tasks-table td{text-align:left;border-bottom:1px solid #94a3b826;padding:.5rem .75rem}.project-detail-tasks-table th{text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;font-size:.75rem;font-weight:500}.project-detail-tasks-table td{color:#f8fafcf2}.project-detail-tasks-table tbody tr:hover{background:#0f172ae6}.project-detail-card--tasks{margin-top:1.5rem;padding:1.25rem 1.5rem}.project-detail-card-header-row{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.project-detail-card-header-row .project-detail-card-title{letter-spacing:.03em;text-transform:uppercase;font-size:.95rem;font-weight:600}.project-overview-tasks-list{flex-direction:column;gap:.5rem;display:flex}.project-overview-task-row{color:#e5e7eb;background:#111827;border-radius:999px;grid-template-columns:minmax(0,2fr) 110px 140px 140px;align-items:center;padding:.6rem 1rem;font-size:.85rem;display:grid}.project-overview-task-title{white-space:nowrap;text-overflow:ellipsis;font-weight:500;overflow:hidden}.project-overview-task-col{text-align:center}.project-overview-task-status{color:#e5e7eb;background:#1f2937;border-radius:999px;justify-content:center;align-items:center;min-width:72px;padding:.15rem .5rem;font-size:.75rem;font-weight:500;display:inline-flex}.project-overview-task-status--done{background:#065f46}.project-overview-task-status--active{background:#1d4ed8}.project-overview-task-status--blocked{background:#b91c1c}.projects-page{color:#f5f5f7!important}.projects-toolbar{justify-content:space-between;align-items:center;display:flex;color:#f5f5f7!important}.projects-search input{background:#fff;border:1px solid #d0d3e0;border-radius:12px;padding:10px 14px;color:#0b1020!important}.projects-search input::placeholder{color:#666!important}.projects-select{border:1px solid #33384a;border-radius:12px;padding:8px 14px;color:#f5f5f7!important;background:#10141f!important}.projects-select option{color:#000!important;background:#fff!important}.projects-table th,.projects-table td{color:#f5f5f7!important}
:root{--background:#020617;--foreground:#e5e7eb;--primary:#2563eb;--primary-foreground:#fff;--border-color:#1f2937;--radius:.75rem;--surface-elevated:#050816;--text-primary:#e5e7eb;--text-muted:#9ca3af}*,:before,:after{box-sizing:border-box}html,body{background:var(--background);color:var(--foreground);margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}.container{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.card{border-radius:var(--radius);border:1px solid var(--border-color);background:#fff;padding:1.5rem}button{border-radius:calc(var(--radius) - 2px);cursor:pointer;background:var(--primary);color:var(--primary-foreground);border:none;padding:.5rem 1rem;font-weight:500}button:disabled{opacity:.6;cursor:not-allowed}input{border:1px solid var(--border-color);border-radius:.5rem;width:100%;padding:.5rem .75rem}label{margin-bottom:.25rem;font-size:.9rem;display:block}.form-row{margin-bottom:.75rem}body{color:#e5e7eb;background:#020617;margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}.layout{color:#e5e7eb;background:#020617;min-height:100vh;display:flex}.sidebar{border-right:1px solid #111827;flex-direction:column;width:260px;padding:24px 20px;display:flex}.sidebar-link{color:#9ca3af;border-radius:12px;padding:8px 12px;font-size:14px;text-decoration:none}.sidebar-link:hover{color:#e5e7eb;background:#020617}.sidebar-link-active{color:#e5e7eb;background:#111827}.layout-main{flex:1;padding:24px 32px}.board-kpis{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.board-kpi-card{background:#020617;border:1px solid #111827;border-radius:16px;padding:12px 16px}.board-kpi-label{color:#9ca3af;margin-bottom:4px;font-size:13px}.board-kpi-value{font-size:16px;font-weight:500}.board-kpi-warning .board-kpi-value{color:#fbbf24}.board-kpi-muted .board-kpi-value{color:#22c55e}.board-columns{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:20px;display:grid}.board-project-card{background:#020617;border:1px solid #111827;border-radius:18px;margin-bottom:12px;padding:14px 16px}.board-project-danger{border-color:#b91c1c}.board-project-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.board-project-name{font-size:15px;font-weight:500}.board-project-client{color:#9ca3af;font-size:13px}.board-project-status{color:#9ca3af;font-size:14px}.board-progress{background:#020617;border:1px solid #111827;border-radius:999px;height:6px;margin-bottom:8px;overflow:hidden}.board-progress-bar{width:70%;height:100%}.board-progress-green{background:#22c55e}.board-progress-orange{background:#f97316}.board-progress-red{background:#ef4444}.board-project-footer{color:#9ca3af;justify-content:space-between;font-size:13px;display:flex}.sidebar{background:#020617;border-right:1px solid #020617;flex-direction:column;width:280px;padding:28px 20px;display:flex}.sidebar-title{color:#f9fafb;margin-bottom:28px;font-size:20px;font-weight:600}.sidebar-nav{flex-direction:column;gap:12px;display:flex}.sidebar-link{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:18px;align-items:center;gap:12px;padding:12px 14px;font-size:15px;text-decoration:none;display:flex;box-shadow:0 0 0 1px #0f172a66}.sidebar-link:hover{border-color:#334155;box-shadow:0 0 0 1px #334155b3}.sidebar-link-active{background:#020617;border-color:#2563eb;box-shadow:0 0 0 1px #2563ebe6}.sidebar-link-disabled{opacity:.6;cursor:default}.sidebar-link-icon{justify-content:center;width:24px;font-size:20px;display:inline-flex}.sidebar-link-label{white-space:nowrap}.sidebar-logout{color:#9ca3af;cursor:pointer;background:0 0;border:1px solid #1f2937;border-radius:999px;margin-top:auto;margin-bottom:8px;padding:8px 14px;font-size:14px}.sidebar-logout:hover{color:#e5e7eb;background:#111827}.projects-page{max-width:1100px;margin:0 auto}.projects-left-title{margin:0 0 20px;font-size:24px;font-weight:600}.projects-left-menu{flex-direction:column;gap:8px;display:flex}.projects-left-item{color:#e5e7eb;background:0 0;border-radius:10px;padding:10px 14px;font-size:14px}.projects-left-item-active{background:#020617;border:1px solid #1f2937}.projects-left-item-disabled{color:#9ca3af}.projects-main{min-width:0}.projects-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.projects-title{margin:0;font-size:26px;font-weight:600}.projects-new-button{color:#f9fafb;cursor:pointer;background:#2563eb;border:none;border-radius:999px;padding:10px 20px;font-size:14px;font-weight:500}.projects-new-button:hover{background:#1d4ed8}.projects-filters{flex-wrap:wrap;gap:12px;margin-bottom:18px;display:flex}.projects-search-wrapper{flex:260px;max-width:360px;position:relative}.projects-search-icon{opacity:.5;font-size:14px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.projects-search-input{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:999px;width:100%;padding:8px 10px 8px 30px;font-size:14px}.projects-search-input::placeholder{color:#6b7280}.projects-filter-select{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:999px;padding:8px 12px;font-size:14px}.projects-table-wrapper{background:#020617;border:1px solid #111827;border-radius:18px;overflow:hidden}.projects-table{border-collapse:collapse;width:100%;font-size:14px}.projects-table thead{color:#9ca3af;background:#020617}.projects-table th,.projects-table td{text-align:left;padding:10px 14px}.projects-table th{font-weight:500}.projects-table tbody tr+tr{border-top:1px solid #111827}.projects-table tbody tr:hover{background:#020617}.projects-th-actions,.projects-td-actions{text-align:right}.projects-td-actions{white-space:nowrap}.projects-link{color:#60a5fa;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:13px}.projects-link:hover{text-decoration:underline}.projects-link-muted{color:#9ca3af}.projects-risk-low{color:#22c55e}.projects-risk-medium{color:#fbbf24}.projects-risk-high{color:#f97316}.clients-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.page-title{font-size:1.5rem;font-weight:600}.primary-pill-button{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:999px;align-items:center;gap:.5rem;padding:.6rem 1.6rem;font-weight:500;transition:background .15s,transform 50ms;display:inline-flex}.primary-pill-button:hover{background:#1d4ed8}.primary-pill-button:active{transform:translateY(1px)}.primary-pill-button__icon{font-size:1.1rem;line-height:1}.clients-filters{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.clients-filters__search input{border:1px solid var(--border-color);width:100%;color:inherit;background:0 0;border-radius:999px;padding:.55rem 1rem}.clients-filters__search input::placeholder{color:#6b7280}.clients-filters__right{align-items:center;gap:.75rem;display:flex}.clients-filters__status-label{align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.clients-filters__status-label select{border:1px solid var(--border-color);color:inherit;background:#020617;border-radius:999px;padding:.35rem .9rem}.clients-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.clients-empty{text-align:center;color:#9ca3af}.client-card{flex-direction:column;gap:.75rem;display:flex}.client-card__header{align-items:center;gap:.9rem;display:flex}.client-card__avatar{background:#111827;border-radius:999px;justify-content:center;align-items:center;width:40px;height:40px;font-size:1rem;font-weight:600;display:flex}.client-card__name{font-size:1rem;font-weight:600}.client-card__email{color:#9ca3af;font-size:.875rem}.client-card__body{border-top:1px solid var(--border-color);flex-direction:column;gap:.35rem;padding-top:.75rem;display:flex}.client-card__row{justify-content:space-between;font-size:.875rem;display:flex}.client-card__label{color:#9ca3af}.client-card__status{font-weight:500}.client-card__status--active{color:#22c55e}.client-card__status--inactive{color:#eab308}.client-card__status--archived{color:#9ca3af}.client-card__footer{flex-wrap:wrap;gap:.75rem;margin-top:.75rem;display:flex}.client-card__action{cursor:pointer;color:#60a5fa;background:0 0;border:none;padding:0;font-size:.875rem}.client-card__action:hover{text-decoration:underline}.client-card__action--danger{color:#fb7185}.client-modal-backdrop{z-index:40;background:#050a19b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.client-modal{background:#fff;border-radius:24px;width:100%;max-width:480px;padding:1.75rem 2rem;box-shadow:0 24px 60px #00000059}.client-modal__title{margin:0 0 1rem;font-size:1.4rem}.client-modal__form{flex-direction:column;gap:.75rem;display:flex}.client-modal__field{flex-direction:column;gap:.25rem;font-size:.9rem;display:flex}.client-modal__textarea{resize:vertical;border:1px solid #00000014;border-radius:16px;outline:none;min-height:80px;padding:.6rem .9rem}.client-modal__textarea:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}.client-modal__field span{opacity:.8}.client-modal__field input,.client-modal__field select{border:1px solid #00000014;border-radius:999px;outline:none;padding:.6rem .9rem}.client-modal__field input:focus,.client-modal__field select:focus{border-color:#2563eb;box-shadow:0 0 0 1px #2563eb4d}.client-modal__error{color:#b91c1c;background:#dc262614;border-radius:999px;margin-top:.5rem;padding:.5rem .75rem;font-size:.85rem}.client-modal__actions{justify-content:flex-end;gap:.75rem;margin-top:1rem;display:flex}.client-modal__button{cursor:pointer;border:none;border-radius:999px;padding:.55rem 1.2rem;font-size:.9rem}.client-modal__button--secondary{color:#111827;background:#e5e7eb}.client-modal__button--primary{color:#fff;background:#2563eb}.client-modal__button:disabled{opacity:.6;cursor:default}.app-layout{min-height:100vh;display:flex}.app-layout__sidebar{width:220px;padding:2rem 1.5rem}.app-layout__main{flex:1}.app-layout__logo{color:#fff;margin-bottom:2rem;font-weight:600}.app-layout__nav{flex-direction:column;gap:.5rem;display:flex}.app-layout__nav-item{color:#9ca3af;border-radius:999px;padding:.5rem .75rem;font-size:.9rem;display:block}.app-layout__nav-item--active{color:#fff;background:#ffffff10}.page-header--project{align-items:flex-start}.page-header__subtitle{color:#6b7280;margin-top:.25rem}.page-header__right{gap:.75rem;display:flex}.project-grid-top{grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:1.5rem;margin-top:1.5rem;display:grid}.project-grid-top__right{flex-direction:column;gap:1.5rem;display:flex}.project-grid-bottom{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-top:1.5rem;display:grid}.project-card h2,.project-card h3{margin-top:0}.project-progress-wrapper{align-items:center;gap:1.5rem;display:flex}.project-progress-circle{border-radius:999px;justify-content:center;align-items:center;width:160px;height:160px;display:flex}.project-progress-circle__inner{background:#fff;border:1px solid #e5e7eb;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex}.project-progress-circle__value{font-size:1.75rem;font-weight:700}.project-progress-circle__label{color:#6b7280;font-size:.75rem}.project-progress-meta{flex-direction:column;gap:.5rem;display:flex}.project-progress-meta__item .label{color:#6b7280;font-size:.75rem;display:block}.project-progress-meta__item .value{font-weight:600}.project-summary{flex-direction:column;gap:.5rem;display:flex}.project-summary__item .label{color:#6b7280;font-size:.75rem;display:block}.project-summary__item .value{font-weight:600}.project-card--panel .muted{color:#6b7280;font-size:.9rem}.board-page{max-width:1200px;margin:0 auto;padding:2rem 1.5rem 3rem}.board-header{margin-bottom:2rem}.board-title{margin:0 0 .25rem;font-size:1.8rem;font-weight:600}.board-subtitle{color:#9ca3af;margin:0;font-size:.95rem}.board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:2rem;display:grid}.board-stat-card{background:#0f172ae6;border:1px solid #94a3b840;border-radius:.75rem;padding:1rem 1.2rem}.board-stat-label{color:#9ca3af;margin-bottom:.4rem;font-size:.85rem}.board-stat-value{font-size:1.1rem;font-weight:600}.board-stat-value--warning{color:#f97316}.board-stat-value--danger{color:#ef4444}.board-error{color:#fecaca;background:#7f1d1d59;border:1px solid #f8717199;border-radius:.75rem;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.9rem}.board-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;display:grid}.board-column-title{margin-bottom:.75rem;font-size:1rem;font-weight:500}.board-card{background:#0f172ae6;border:1px solid #94a3b82e;border-radius:.9rem;margin-bottom:1rem;padding:1rem 1.2rem}.board-card--warning{border-color:#f8717199;box-shadow:0 0 0 1px #f871714d}.board-card--success{border-color:#22c55e99;box-shadow:0 0 0 1px #22c55e40}.board-card-header{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.board-card-title{font-weight:500}.board-card-status{color:#e5e7eb;border:1px solid #94a3b880;border-radius:999px;padding:.1rem .5rem;font-size:.75rem}.board-card-meta{color:#9ca3af;margin-bottom:.75rem;font-size:.8rem}.board-card-meta-row{gap:.4rem;display:flex}.board-card-meta-row span:first-child{color:#6b7280}.board-card-progress{font-size:.8rem}.board-card-progress-label{color:#9ca3af;margin-bottom:.25rem}.board-card-progress-bar{background:#1f2937e6;border-radius:999px;height:.35rem;position:relative;overflow:hidden}.board-card-progress-bar-fill{background:linear-gradient(90deg,#22c55e,#4ade80);border-radius:999px;width:0%;position:absolute;top:0;bottom:0;left:0}@media (max-width:1024px){.board-stats,.board-columns{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.board-page{padding:1.5rem 1rem 2.5rem}.board-stats{grid-template-columns:1fr 1fr}.board-columns{grid-template-columns:1fr}}.app-shell{color:#f5f5f7;background:#050814;min-height:100vh;display:flex}.app-sidebar{background:radial-gradient(circle at 0 0,#151b2f,#050814);border-right:1px solid #ffffff0a;flex-direction:column;gap:24px;width:260px;padding:32px 20px 24px;display:flex}.app-main{flex:1;padding:32px 40px;overflow:auto}.app-sidebar-header{margin-bottom:8px}.app-sidebar-title{letter-spacing:.03em;font-size:22px;font-weight:700}.app-sidebar-nav{flex-direction:column;gap:12px;display:flex}.app-sidebar-nav-item{color:#f5f5f7;background:linear-gradient(135deg,#050814,#050814);border:1px solid #ffffff0f;border-radius:999px;align-items:center;gap:14px;padding:14px 18px;font-size:16px;text-decoration:none;transition:background .15s,box-shadow .15s,transform .1s,border-color .15s;display:flex;box-shadow:0 0 0 1px #0006}.app-sidebar-nav-item:hover{background:radial-gradient(circle at 0 0,#141b2a,#050814);border-color:#5883fc99;transform:translateY(-1px);box-shadow:0 12px 30px #000000b3,0 0 0 1px #5883fc66}.app-sidebar-nav-item--active{background:radial-gradient(circle at 0 0,#12244b,#050814);border-color:#4b7bff;box-shadow:0 12px 30px #0f4cd173,0 0 0 1px #4b7bffb3}.app-sidebar-nav-icon{justify-content:center;width:26px;font-size:22px;display:inline-flex}.app-sidebar-nav-label{text-align:left;flex:1}.app-sidebar-footer{margin-top:auto}.app-sidebar-logout{color:#f5f5f7;cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:999px;width:100%;padding:12px 18px;font-size:15px;transition:background .15s,border-color .15s,transform .1s}.app-sidebar-logout:hover{background:#ffffff0f;border-color:#ffffff4d;transform:translateY(-1px)}.page-header{margin-bottom:1.5rem}.page-subtitle{color:var(--muted-foreground,#6b7280);margin-top:.25rem;font-size:.95rem}.settings-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:1.5rem;display:grid}.settings-section__title{margin-bottom:.25rem}.settings-section__description{color:#6b7280;margin-bottom:1rem;font-size:.9rem}.settings-form__field{flex-direction:column;gap:.25rem;margin-bottom:.75rem;display:flex}.settings-form__field>span{color:#4b5563;font-size:.85rem}.settings-form__field input,.settings-form__field select,.settings-form__field textarea{border:1px solid #d1d5db;border-radius:6px;padding:.45rem .6rem;font-size:.95rem}.settings-form__actions{margin-top:.75rem}.settings-form__message{color:#059669;margin-top:.5rem;font-size:.85rem}.settings-system-info{border-top:1px solid #e5e7eb;margin-top:1.5rem;padding-top:1rem}.settings-system-info ul{margin:0;padding:0;list-style:none}.settings-system-info li{margin-bottom:.25rem;font-size:.9rem}.settings-page{max-width:960px;margin:0 auto;padding:2rem 1.5rem}.settings-tabs{border-bottom:1px solid #2a2a38;gap:1.5rem;margin-bottom:2rem;display:flex}.settings-tab{color:#aaa;cursor:pointer;background:0 0;border:none;padding:.5rem 0;font-size:1rem}.settings-tab--active{color:#fff;border-bottom:2px solid #4d7cff}.settings-content{margin-top:1rem}.users-card{padding:1.5rem}.users-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.users-table{border-collapse:collapse;width:100%;margin-top:1rem;font-size:.95rem}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #2a2a38;padding:.75rem .5rem}.table-btn{color:#4d7cff;cursor:pointer;background:0 0;border:none;font-size:.9rem}.badge{border-radius:999px;padding:.2rem .6rem;font-size:.8rem}.badge--admin{color:#4d7cff;background:#4d7cff30}.badge--manager{color:#ffd547;background:#ffd54730}.badge--active{color:#3fa83b;background:#3fa83b30}.badge--inactive{color:#ff3e3e;background:#ff3e3e30}.project-detail-page{max-width:1200px;margin:0 auto;padding:32px 40px 40px}.project-detail-header{justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px;display:flex}.project-detail-back{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:6px 10px;font-size:.9rem;transition:background .15s,color .15s}.project-detail-back:hover{color:#e5e7eb;background:#94a3b81f}.project-detail-header-main{flex:1}.project-detail-title{margin:0 0 4px;font-size:1.8rem;font-weight:600}.project-detail-client{color:#9ca3af;font-size:.9rem}.project-detail-client span{color:#e5e7eb;font-weight:500}.project-detail-header-actions{gap:8px;display:flex}.project-detail-tabs{border-bottom:1px solid #94a3b859;gap:24px;margin-bottom:24px;display:flex}.project-detail-tab{color:#9ca3af;cursor:pointer;background:0 0;border:none;padding:10px 0;font-size:.95rem;position:relative}.project-detail-tab--active{color:#e5e7eb;font-weight:500}.project-detail-tab--active:after{content:"";background:linear-gradient(90deg,#22c55e,#3b82f6);border-radius:999px;width:100%;height:2px;position:absolute;bottom:-1px;left:0}.project-detail-main{flex-direction:column;gap:16px;display:flex}.project-detail-top{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;display:grid}.project-detail-card{background:#0f172ae6;border:1px solid #94a3b833;border-radius:18px;padding:18px 20px;box-shadow:0 18px 45px #0f172acc}.project-detail-card-title{margin:0 0 16px;font-size:1rem;font-weight:500}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 24px;display:grid}.project-detail-grid-item{min-width:0}.project-detail-label{letter-spacing:.08em;text-transform:uppercase;color:#6b7280;margin-bottom:2px;font-size:.75rem}.project-detail-value{color:#e5e7eb;font-size:.95rem}.project-detail-description{margin-top:18px}.project-detail-description p{color:#d1d5db;margin-top:4px;font-size:.95rem}.project-detail-card--progress{flex-direction:column;justify-content:space-between;display:flex}.project-detail-progress-wrapper{align-items:center;gap:24px;display:flex}.project-detail-progress-circle{background:radial-gradient(circle at 50% 50%,#020617 0,#020617 55%,transparent 56%),conic-gradient(#22c55e max(0deg,calc(var(--progress,0)*3.6deg)),#1f2937e6 0);border-radius:999px;justify-content:center;align-items:center;width:160px;height:160px;display:flex;position:relative}.project-detail-progress-inner{background:radial-gradient(circle at 30% 0,#1f2937,#020617);border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.project-detail-progress-value{font-size:1.8rem;font-weight:600}.project-detail-progress-sub{color:#9ca3af;font-size:.8rem}.project-detail-progress-legend{color:#9ca3af;margin:0;padding:0;font-size:.85rem;list-style:none}.project-detail-progress-legend li{align-items:center;gap:8px;margin-bottom:4px;display:flex}.legend-dot{border-radius:999px;width:8px;height:8px}.legend-dot--primary{background:#22c55e}.legend-dot--muted{background:#4b5563}.project-tasks-panel{background:var(--card-bg,#050816);border:1px solid var(--border-subtle,#94a3b826);border-radius:20px;margin-top:24px;padding:24px 28px 28px;box-shadow:0 24px 60px #0f172ab3}.project-tasks-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.project-tasks-title{font-size:20px;font-weight:600}.project-tasks-subtitle{color:var(--text-muted,#9ca3af);margin-top:4px;font-size:13px}.project-tasks-filters{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:16px;display:flex}.project-tasks-search{flex:260px}.project-tasks-search input{border:1px solid var(--border-subtle,#94a3b840);background:var(--input-bg,#0f172ae6);width:100%;color:inherit;border-radius:999px;padding:9px 14px;font-size:14px}.project-tasks-search input::placeholder{color:var(--text-muted,#6b7280)}.project-tasks-filters-right{align-items:center;gap:12px;display:flex}.project-tasks-filter{color:var(--text-muted,#9ca3af);align-items:center;gap:8px;font-size:13px;display:flex}.project-tasks-filter select{border:1px solid var(--border-subtle,#94a3b840);background:var(--input-bg,#0f172ae6);color:inherit;border-radius:999px;padding:7px 12px;font-size:13px}.project-tasks-summary{color:var(--text-muted,#9ca3af);flex-wrap:wrap;gap:12px;margin-bottom:16px;font-size:13px;display:flex}.project-tasks-summary strong{color:#e5e7eb}.project-tasks-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.task-card{background:#0f172af2;border:1px solid #1f2937e6;border-radius:18px;padding:18px 18px 14px;box-shadow:0 18px 45px #0f172ad9}.task-card-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:8px;display:flex}.task-card-title{font-size:16px;font-weight:600}.task-card-description{color:var(--text-muted,#9ca3af);margin-bottom:10px;font-size:14px}.task-card-meta{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:6px 12px;margin-bottom:10px;font-size:13px;display:grid}.task-card-meta-label{color:var(--text-muted,#9ca3af);display:block}.task-card-meta-value{font-weight:500}.task-card-footer{gap:12px;font-size:13px;display:flex}.task-card-link{color:var(--primary,#3b82f6);cursor:pointer;background:0 0;border:none;padding:0}.task-card-link:hover{text-decoration:underline}.task-status-pill{text-transform:uppercase;letter-spacing:.04em;border:1px solid #0000;border-radius:999px;padding:4px 10px;font-size:11px;font-weight:600}.task-status-pill--todo{color:#bfdbfe;background:#3b82f61f;border-color:#3b82f680}.task-status-pill--in_progress{color:#facc15;background:#eab3081f;border-color:#eab30880}.task-status-pill--done{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e80}.task-status-pill--blocked{color:#fecaca;background:#f871711f;border-color:#f8717180}.dark-form-card{background:#111827;border:1px solid #ffffff0d;border-radius:16px;padding:32px}.dark-form-card h1,.dark-form-card label{color:#fff}.dark-form-card input,.dark-form-card select,.dark-form-card textarea{color:#e5e7eb;background:#1f2937;border:1px solid #374151;border-radius:8px;width:100%;margin-top:6px;margin-bottom:18px;padding:10px 14px}.dark-form-card input::placeholder,.dark-form-card textarea::placeholder{color:#9ca3af}.dark-form-card button.primary{color:#fff;background:#2563eb;border-radius:8px;padding:10px 18px;font-weight:600}.dark-form-card button.secondary{color:#e5e7eb;background:#374151;border-radius:8px;padding:10px 18px}.project-form-page{max-width:960px;margin:0 auto;padding:2rem 1.5rem 3rem}.project-form-card{background:#050814;border:1px solid #141826;border-radius:18px;padding:2rem;box-shadow:0 18px 45px #000000a6}.project-form{flex-direction:column;gap:1.75rem;display:flex}.project-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2rem;display:grid}.project-form-column{flex-direction:column;gap:1rem;display:flex}.project-form-field{color:#9ca3af;flex-direction:column;gap:.35rem;font-size:.875rem;display:flex}.project-form-field span{font-weight:500}.project-form-field input,.project-form-field select,.project-form-field textarea{color:#e5e7eb;background:#020617;border:1px solid #1f2937;border-radius:10px;outline:none;width:100%;padding:.55rem .75rem;font-size:.9rem;transition:border-color .15s,box-shadow .15s,background-color .15s}.project-form-field textarea{resize:vertical;min-height:120px}.project-form-field input::placeholder,.project-form-field textarea::placeholder{color:#6b7280}.project-form-field input:focus,.project-form-field select:focus,.project-form-field textarea:focus{background:#02091b;border-color:#2563eb;box-shadow:0 0 0 1px #2563eb33}.project-form-actions{justify-content:flex-end;gap:.75rem;margin-top:.5rem;display:flex}.project-form-actions .client-modal__button{min-width:130px}@media (max-width:860px){.project-form-grid{grid-template-columns:1fr}.project-form-card{padding:1.25rem}}.project-detail-card--tasks{margin-top:2rem}.project-detail-tasks-grid{flex-direction:column;gap:.75rem;margin-top:1rem;display:flex}.project-task-card{background:var(--surface-elevated);color:var(--text-primary);border-radius:999px;grid-template-columns:1.7fr .9fr .9fr .9fr;align-items:center;column-gap:1.5rem;padding:.75rem 1.5rem;display:grid}.project-task-card-title{font-size:.95rem;font-weight:600}.project-task-card-desc{color:var(--text-muted);margin-top:.15rem;font-size:.8rem}.project-task-card-row{flex-direction:column;gap:.1rem;font-size:.8rem;display:flex}.project-task-card-label{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.7rem}.project-task-card-value{font-size:.8rem}.project-task-card-status-pill{background:#94a3b82e;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .6rem;font-size:.75rem;font-weight:500;display:inline-flex}.project-detail-card-header-row .project-detail-chip{color:var(--text-primary);background:#94a3b829}.projects-table{border-collapse:collapse;color:#f5f5f7;width:100%}.projects-table th,.projects-table td{color:#f5f5f7;padding:12px 16px;font-size:14px}.projects-table thead th{opacity:.8;font-weight:500}.projects-select{color:#f5f5f7;background:#050814;border:1px solid #33384a;border-radius:999px;padding:6px 14px;font-size:14px}.projects-select option{color:#000}
.board-page{padding:32px 40px}.board-header{flex-direction:column;gap:4px;margin-bottom:32px;display:flex}.board-title{margin:0;font-size:28px;font-weight:600}.board-subtitle{color:#fff9;margin:0;font-size:14px}.board-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:32px;display:grid}.board-stat-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:16px;flex-direction:column;justify-content:center;padding:16px 18px;display:flex}.board-stat-label{color:#fff9;margin-bottom:8px;font-size:13px}.board-stat-value{font-size:18px;font-weight:600}.board-stat-value--warning{color:#ffb020}.board-stat-value--danger{color:#ff4b4b}.board-error{color:#ffd4d4;background:#ff4c4c14;border:1px solid #ff4c4c66;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:14px}.board-columns{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.board-column{flex-direction:column;gap:12px;display:flex}.board-column-title{margin:0 0 8px;font-size:16px;font-weight:500}.board-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:18px;flex-direction:column;gap:10px;padding:16px 18px 18px;display:flex}.board-card--warning{background:linear-gradient(to bottom right,#ffb0200f,#ffb02005);border-color:#ffb02099}.board-card--success{background:linear-gradient(to bottom right,#3fbf5a0f,#3fbf5a05);border-color:#3fbf5a80}.board-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.board-card-title{font-size:15px;font-weight:500}.board-card-status{background:#ffffff0a;border:1px solid #ffffff24;border-radius:999px;padding:4px 10px;font-size:12px}.board-card-meta{flex-direction:column;gap:4px;font-size:13px;display:flex}.board-card-meta-row{color:#ffffffb3;justify-content:space-between;gap:12px;display:flex}.board-card-meta-row span:first-child{color:#ffffff80}.board-card-progress{flex-direction:column;gap:6px;margin-top:4px;display:flex}.board-card-progress-label{color:#ffffff8c;font-size:12px}.board-card-progress-bar{background:#ffffff14;border-radius:999px;width:100%;height:4px;position:relative;overflow:hidden}.board-card-progress-bar-fill{border-radius:inherit;background:#33d17a;width:0;transition:width .25s ease-out;position:absolute;inset:0}.board-card--warning .board-card-progress-bar-fill{background:#ffb020}.board-card--success .board-card-progress-bar-fill{background:#2ec27e}.board-column>p{color:#ffffffb3;margin:0;font-size:13px}@media (max-width:1100px){.board-page{padding:24px 20px}.board-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.board-columns{grid-template-columns:1fr}}@media (max-width:640px){.board-header{margin-bottom:24px}.board-title{font-size:24px}.board-stats{grid-template-columns:1fr}}
.project-detail-page{max-width:1120px;margin:0 auto;padding:2rem 1.5rem 3rem}.project-detail-header{justify-content:space-between;align-items:center;gap:1.5rem;margin-bottom:1.5rem;display:flex}.project-detail-back{color:var(--muted-foreground,#4b5563);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.4rem .7rem;font-size:.9rem;transition:background .15s,color .15s,transform .1s;display:inline-flex}.project-detail-back:hover{color:#111827;background:#0f172a0f;transform:translate(-1px)}.project-detail-header-main{flex-direction:column;flex:1;gap:.25rem;display:flex}.project-detail-title{color:#111827;font-size:1.4rem;font-weight:600}.project-detail-client{color:#6b7280;font-size:.9rem}.project-detail-client span{color:#111827;font-weight:500}.project-detail-header-actions{align-items:center;gap:.5rem;display:flex}.primary-pill-button{cursor:pointer;color:#f9fafb;background:#111827;border:none;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.secondary-pill-button{cursor:pointer;color:#374151;background:0 0;border:1px solid #94a3b8b3;border-radius:999px;align-items:center;gap:.4rem;padding:.45rem .9rem;font-size:.9rem;font-weight:500;display:inline-flex}.project-detail-tabs{border-bottom:1px solid #94a3b866;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding-bottom:.25rem;display:flex}.project-detail-tab{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:999px;padding:.5rem .9rem;font-size:.9rem;transition:background .15s,color .15s}.project-detail-tab--active{color:#111827;background:#0f172a14;font-weight:500}.project-detail-tab:disabled{opacity:.5;cursor:default}.project-detail-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:.75rem;margin-bottom:1rem;padding:.75rem 1rem;font-size:.9rem}.project-detail-main{flex-direction:column;gap:1.5rem;display:flex}.project-detail-top{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr);gap:1.25rem;display:grid}.project-detail-card{background:#fff;border:1px solid #94a3b866;border-radius:1rem;padding:1.25rem 1.3rem;box-shadow:0 6px 18px #0f172a0a}.project-detail-card-title{color:#111827;margin-bottom:.9rem;font-size:1rem;font-weight:600}.project-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem 1.5rem;margin-bottom:1rem;display:grid}.project-detail-grid-item{flex-direction:column;gap:.2rem;display:flex}.project-detail-label{text-transform:uppercase;letter-spacing:.04em;color:#9ca3af;font-size:.75rem}.project-detail-value{color:#111827;font-size:.95rem}.project-detail-description{border-top:1px dashed #94a3b8b3;margin-top:.75rem;padding-top:.75rem}.project-detail-description p{color:#4b5563;margin:.25rem 0 0;font-size:.9rem}.project-detail-card--progress{flex-direction:column;display:flex}.project-detail-progress-wrapper{align-items:center;gap:1.25rem;display:flex}.project-detail-progress-circle{background:conic-gradient(#111827 calc(var(--progress,0)*1%),#e5e7eb 0);border-radius:999px;justify-content:center;align-items:center;width:150px;height:150px;display:flex;position:relative}.project-detail-progress-inner{background:#fff;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;width:110px;height:110px;display:flex;box-shadow:0 0 0 6px #f3f4f6e6}.project-detail-progress-value{color:#111827;font-size:1.4rem;font-weight:600}.project-detail-progress-sub{color:#6b7280;font-size:.8rem}.project-detail-progress-legend{color:#4b5563;margin:0;padding:0;font-size:.85rem;list-style:none}.project-detail-progress-legend li{align-items:center;gap:.4rem;margin-bottom:.4rem;display:flex}.legend-dot{border-radius:999px;width:10px;height:10px;display:inline-block}.legend-dot--primary{background:#111827}.legend-dot--muted{background:#e5e7eb}.project-detail-card--tasks{margin-top:.25rem}.project-detail-card-header-row{justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.6rem;display:flex}.project-detail-chip{color:#374151;background:#f3f4f6;border-radius:999px;padding:.2rem .5rem;font-size:.8rem}.project-detail-muted{color:#6b7280;font-size:.9rem}.project-detail-tasks-table{border-collapse:collapse;width:100%;margin-top:.4rem;font-size:.9rem}.project-detail-tasks-table thead{background:#f9fafb}.project-detail-tasks-table th,.project-detail-tasks-table td{text-align:left;padding:.5rem .6rem}.project-detail-tasks-table th{text-transform:uppercase;letter-spacing:.03em;color:#9ca3af;border-bottom:1px solid #e5e7eb;font-size:.8rem}.project-detail-tasks-table tbody tr:nth-child(2n){background:#f9fafb}.project-detail-tasks-table tbody tr:hover{background:#f3f4f6}@media (max-width:960px){.project-detail-top{grid-template-columns:minmax(0,1fr)}.project-detail-header{flex-direction:column;align-items:flex-start}.project-detail-header-actions{flex-wrap:wrap;justify-content:flex-start;align-self:stretch}}@media (max-width:600px){.project-detail-page{padding:1.5rem 1rem 2rem}.project-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-progress-wrapper{flex-direction:column;align-items:flex-start}.project-detail-tabs{overflow-x:auto}}@media (max-width:768px){.project-milestones-form-grid{grid-template-columns:1fr}}@media (max-width:768px){.project-milestones-item{flex-direction:column}}.project-milestones-form{background:#f9fafb;border:1px dashed #e5e7eb;border-radius:.75rem;margin-top:1rem;padding:.75rem 1rem 1rem}.project-milestones-form-grid{grid-template-columns:minmax(0,2fr) minmax(0,1.1fr) minmax(0,1.1fr);gap:.75rem;display:grid}@media (max-width:768px){.project-milestones-form-grid{grid-template-columns:1fr}}.project-milestones-form-field label{color:#4b5563;margin-bottom:.25rem;font-size:.8rem;font-weight:500;display:block}.project-milestones-form-field input,.project-milestones-form-field select{border:1px solid #d1d5db;border-radius:.5rem;width:100%;padding:.45rem .6rem;font-size:.9rem}.project-milestones-form-actions{justify-content:flex-end;margin-top:.75rem;display:flex}.project-milestones-toolbar{justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;margin-bottom:.5rem;display:flex}.project-milestones-select{border:1px solid #d1d5db;border-radius:999px;padding:.35rem .6rem;font-size:.85rem}.project-milestones-list{flex-direction:column;gap:.5rem;margin:.5rem 0 0;padding:0;list-style:none;display:flex}.project-milestones-item{background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;gap:.75rem;padding:.75rem .75rem .6rem;display:flex}@media (max-width:768px){.project-milestones-item{flex-direction:column}}.project-milestones-title-row{align-items:center;gap:.5rem;display:flex}.project-milestones-title{font-weight:500}.project-milestones-description{color:#4b5563;margin:.25rem 0 0;font-size:.85rem}.project-milestones-meta{flex-direction:column;align-items:flex-end;gap:.35rem;min-width:160px;display:flex}.project-milestones-date{color:#6b7280;font-size:.8rem}.project-milestones-actions{flex-wrap:wrap;justify-content:flex-end;gap:.25rem .5rem;display:flex}