@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-main:#070913;--bg-sidebar:#090d16;--bg-card:#0d121ea6;--bg-card-hover:#141b2ed9;--border-glow:#6366f140;--border-light:#ffffff14;--border-focus:#8b5cf6;--color-primary:#8b5cf6;--color-primary-glow:#8b5cf659;--color-secondary:#06b6d4;--color-secondary-glow:#06b6d459;--color-success:#10b981;--color-warning:#f97316;--color-danger:#ef4444;--color-muted:#94a3b8;--text-main:#f8fafc;--text-muted:#64748b;--text-bright:#fff;--sidebar-width:260px;--transition-speed:.25s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-color:var(--bg-main);color:var(--text-main);font-family:Outfit,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-weight:400;line-height:1.5}[data-theme=light]{--bg-main:#f1f5f9;--bg-sidebar:#fff;--bg-card:#ffffffb3;--bg-card-hover:#fffffff2;--border-glow:#6366f126;--border-light:#0f172a14;--border-focus:#7c3aed;--color-primary:#7c3aed;--color-primary-glow:#7c3aed1f;--color-secondary:#0891b2;--color-secondary-glow:#0891b21f;--color-success:#059669;--color-warning:#ea580c;--color-danger:#dc2626;--color-muted:#475569;--text-main:#0f172a;--text-muted:#475569;--text-bright:#000;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}[data-theme=light] body{background-image:radial-gradient(at 10% 20%,#8b5cf60a 0,#0000 50%),radial-gradient(at 90% 10%,#6366f108 0,#0000 40%),radial-gradient(at 50% 90%,#06b6d408 0,#0000 50%)}[data-theme=light] .badge-idea{color:#6d28d9;background:#7c3aed14;border:1px solid #7c3aed26}[data-theme=light] .badge-planning{color:#0e7490;background:#0891b214;border:1px solid #0891b226}[data-theme=light] .badge-in_progress{color:#c2410c;background:#ea580c14;border:1px solid #ea580c26}[data-theme=light] .badge-paused{color:#334155;background:#47556914;border:1px solid #47556926}[data-theme=light] .badge-done{color:#047857;background:#05966914;border:1px solid #05966926}*{box-sizing:border-box;margin:0;padding:0}button{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;cursor:pointer;background:0 0;border:none;outline:none;justify-content:center;align-items:center;padding:0;display:inline-flex}body{background-color:var(--bg-main);background-image:radial-gradient(at 10% 20%,#8b5cf61f 0,#0000 50%),radial-gradient(at 90% 10%,#6366f11a 0,#0000 40%),radial-gradient(at 50% 90%,#06b6d414 0,#0000 50%);background-attachment:fixed;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}.app-container{min-height:100vh;display:flex;position:relative}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);border-right:1px solid var(--border-light);z-index:100;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;height:100dvh;transition:transform var(--transition-speed);flex-direction:column;padding:2rem 1.5rem;display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar-logo{align-items:center;gap:.75rem;margin-bottom:3rem;display:flex}.sidebar-logo h1{background:linear-gradient(135deg, var(--text-bright) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;font-size:1.4rem;font-weight:700}.sidebar-logo span{color:var(--color-primary);background:#6366f126;border:1px solid #6366f133;border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.sidebar-nav{flex-direction:column;flex-grow:1;gap:.5rem;display:flex}.nav-item{color:var(--color-muted);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);text-align:left;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:10px;align-items:center;gap:.75rem;width:100%;padding:.85rem 1.25rem;font-weight:500;text-decoration:none;display:flex}.nav-item:hover{color:var(--text-main);background-color:var(--border-light);transform:translate(4px)}.nav-item.active{color:var(--text-bright);background:linear-gradient(135deg, var(--color-primary-glow) 0%, #6366f105 100%);border:1px solid var(--border-glow);box-shadow:0 4px 20px var(--border-glow)}.sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;gap:1rem;margin-top:auto;padding-top:1.5rem;display:flex}.user-profile-summary{align-items:center;gap:.75rem;display:flex}.user-avatar{background-color:var(--color-primary);width:40px;height:40px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.user-info{flex-direction:column;display:flex}.user-info .name{color:var(--text-main);font-size:.9rem;font-weight:600}.user-info .role{color:var(--color-muted);text-transform:capitalize;font-size:.75rem}.btn-logout{border:1px solid var(--border-light);color:var(--color-danger);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);background:0 0;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-family:inherit;font-size:.85rem;font-weight:600;display:flex}.btn-logout:hover{background:#ef444414;border-color:#ef44444d;transform:translateY(-1px)}.main-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-speed);flex-grow:1;padding:2.5rem 3rem}.screen-header{justify-content:space-between;align-items:center;margin-bottom:2.5rem;display:flex}.screen-header-info h2{color:var(--text-bright);letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.screen-header-info p{color:var(--text-muted);margin-top:.25rem;font-size:.95rem}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, #6366f1 100%);color:var(--text-bright);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);box-shadow:0 4px 15px var(--color-primary-glow);border:1px solid #ffffff1a;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-primary:hover{box-shadow:0 6px 20px var(--color-primary-glow);filter:brightness(1.1);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-card);color:var(--text-main);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);border-radius:10px;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;display:inline-flex}.btn-secondary:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--text-bright);transform:translateY(-1px)}.btn-secondary:active{transform:translateY(0)}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.5rem;margin-bottom:2.5rem;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);transition:border-color var(--transition-speed), transform var(--transition-speed);border-radius:12px;align-items:center;gap:1.25rem;padding:1.5rem;display:flex}.stat-card:hover{border-color:var(--border-glow);transform:translateY(-2px)}.stat-icon{border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.stat-icon.primary{color:var(--color-primary);background:#6366f11a;border:1px solid #6366f133}.stat-icon.secondary{color:var(--color-secondary);background:#06b6d41a;border:1px solid #06b6d433}.stat-icon.success{color:var(--color-success);background:#10b9811a;border:1px solid #10b98133}.stat-icon.warning{color:var(--color-warning);background:#f59e0b1a;border:1px solid #f59e0b33}.stat-info{flex-direction:column;display:flex}.stat-info .label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;font-weight:500}.stat-info .value{color:var(--text-bright);margin-top:.1rem;font-size:1.5rem;font-weight:700}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;display:grid}.project-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-light);cursor:pointer;min-height:240px;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);border-radius:16px;flex-direction:column;justify-content:space-between;padding:1.75rem;display:flex;position:relative;overflow:hidden}.project-card:before{content:"";width:100%;height:4px;transition:background var(--transition-speed);background:0 0;position:absolute;top:0;left:0}.project-card:hover{background:var(--bg-card-hover);border-color:#6366f140;transform:translateY(-4px);box-shadow:0 10px 30px #6366f10d}.project-card:hover:before{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%)}.project-card-header{justify-content:space-between;align-items:flex-start;margin-bottom:1rem;display:flex}.project-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;padding:.25rem .6rem;font-size:.75rem;font-weight:600}.badge-idea{color:#818cf8;background:#6366f11f;border:1px solid #6366f133}.badge-planning{color:#22d3ee;background:#06b6d41f;border:1px solid #06b6d433}.badge-in_progress{color:#fbbf24;background:#f59e0b1f;border:1px solid #f59e0b33}.badge-paused{color:#94a3b8;background:#64748b26;border:1px solid #64748b33}.badge-done{color:#34d399;background:#10b9811f;border:1px solid #10b98133}.project-title{color:var(--text-bright);margin-top:.5rem;font-size:1.25rem;font-weight:600}.project-description{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.6rem;margin-top:.5rem;font-size:.85rem;display:-webkit-box;overflow:hidden}.project-meta{margin-top:1.5rem}.tech-stack-tags{flex-wrap:wrap;gap:.4rem;margin-bottom:1rem;display:flex}.tech-tag{color:var(--color-muted);border:1px solid var(--border-light);background:#ffffff0a;border-radius:4px;padding:.15rem .4rem;font-size:.7rem;font-weight:500}.project-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;display:flex}.project-type-tag{align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;display:inline-flex}.project-type-tag.internal{color:var(--color-secondary)}.project-type-tag.client{color:var(--color-warning)}.progress-container{flex-direction:column;gap:.35rem;width:100%;display:flex}.progress-header{color:var(--color-muted);justify-content:space-between;font-size:.75rem;font-weight:500;display:flex}.progress-bar-bg{background:#ffffff0d;border-radius:10px;height:6px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);border-radius:10px;height:100%;transition:width .5s ease-out}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#04060cd9;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-sidebar);border:1px solid #ffffff14;border-radius:16px;width:100%;max-width:600px;max-height:90vh;animation:.3s ease-out modalFadeIn;overflow-y:auto;box-shadow:0 20px 50px #00000080}@keyframes modalFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.modal-header h3{color:var(--text-bright);font-size:1.25rem;font-weight:600}.modal-close-btn{color:var(--color-muted);cursor:pointer;transition:color var(--transition-speed);background:0 0;border:none}.modal-close-btn:hover{color:var(--text-bright)}.modal-body{padding:1.5rem}.modal-footer{border-top:1px solid var(--border-light);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}.form-group{margin-bottom:1.25rem}.form-group label{color:var(--text-main);margin-bottom:.5rem;font-size:.85rem;font-weight:500;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-light);width:100%;color:var(--text-main);transition:all var(--transition-speed);background:#ffffff08;border-radius:8px;padding:.75rem 1rem;font-family:inherit;font-size:.9rem}.form-select{cursor:pointer;appearance:none!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")!important;background-position:right 1rem center!important;background-repeat:no-repeat!important;background-size:1rem!important;background-color:var(--bg-sidebar)!important;padding-right:2.75rem!important}[data-theme=light] .form-select{background-color:#fff!important;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'></polyline></svg>")!important}.form-select option{background-color:var(--bg-sidebar)!important;color:var(--text-main)!important}[data-theme=light] .form-select option{color:#0f172a!important;background-color:#fff!important}.form-select:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 10px #6366f133;background-color:#ffffff0d!important}[data-theme=light] .form-select:focus{background-color:#fff!important}.form-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.form-checkbox-label{cursor:pointer!important;-webkit-user-select:none!important;user-select:none!important;align-items:center!important;gap:.75rem!important;margin-bottom:0!important;font-size:.9rem!important;display:flex!important}.form-checkbox-label input[type=checkbox],.form-checkbox-label input[type=radio]{width:18px!important;height:18px!important;accent-color:var(--color-primary)!important;cursor:pointer!important;flex-shrink:0!important;margin:0!important;padding:0!important}.back-link{color:var(--color-muted);cursor:pointer;transition:color var(--transition-speed);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.9rem;text-decoration:none;display:inline-flex}.back-link:hover{color:var(--text-bright)}.project-detail-layout{grid-template-columns:1fr 300px;gap:2rem;display:grid}@media (width<=1024px){.project-detail-layout{grid-template-columns:1fr}}.project-tabs-container{border-bottom:1px solid var(--border-light);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:.5rem;width:100%;max-width:100%;margin-bottom:2rem;display:flex;overflow-x:auto}.project-tabs-container::-webkit-scrollbar{display:none}.project-tab{color:var(--color-muted);cursor:pointer;transition:all var(--transition-speed) ease;white-space:nowrap;background:0 0;border:none;align-items:center;gap:.5rem;padding:.85rem 1.25rem;font-weight:500;display:flex;position:relative}.project-tab:hover{color:var(--text-bright);background:var(--color-primary-glow);border-radius:8px 8px 0 0}.project-tab.active{color:var(--text-bright);background:0 0;font-weight:600}.project-tab.active:after{content:"";background:linear-gradient(90deg, var(--color-primary) 0%, var(--color-secondary) 100%);width:100%;height:2px;box-shadow:0 0 8px var(--color-primary-glow);position:absolute;bottom:-1px;left:0}.kanban-board{grid-template-columns:repeat(4,1fr);align-items:flex-start;gap:1.25rem;margin-top:1rem;padding-bottom:1rem;display:grid;overflow-x:auto}.kanban-column{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:1rem;min-height:450px;padding:1.25rem 1rem;display:flex}.kanban-column-header{border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-bottom:.5rem;padding-bottom:.5rem;display:flex}.kanban-column-title{color:var(--text-main);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.kanban-column-count{color:var(--color-muted);background:#ffffff0d;border-radius:10px;padding:.15rem .5rem;font-size:.75rem}.kanban-column-cards{flex-direction:column;gap:.75rem;max-height:600px;padding-right:2px;display:flex;overflow-y:auto}.task-card{background:var(--bg-sidebar);border:1px solid var(--border-light);cursor:pointer;transition:all var(--transition-speed);border-radius:10px;padding:1rem;position:relative}.task-card:hover{border-color:#6366f14d;transform:translateY(-2px)}.task-card-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.priority-badge{text-transform:uppercase;border-radius:4px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.priority-low{color:var(--color-success);background:#10b9811a}.priority-medium{color:var(--color-warning);background:#f59e0b1a}.priority-high{color:var(--color-danger);background:#ef44441a}.task-card-title{color:var(--text-bright);margin-bottom:.4rem;font-size:.9rem;font-weight:600;line-height:1.3}.task-card-desc{color:var(--color-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:.8rem;line-height:1.4;display:-webkit-box;overflow:hidden}.task-card-footer{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;margin-top:.5rem;padding-top:.6rem;display:flex}.task-assignee{align-items:center;gap:.4rem;display:flex}.assignee-avatar{width:20px;height:20px;color:var(--text-bright);border-radius:50%;justify-content:center;align-items:center;font-size:.6rem;font-weight:600;display:flex}.assignee-name{color:var(--color-muted);font-size:.75rem}.task-project-name{color:var(--color-primary);white-space:nowrap;text-overflow:ellipsis;background:#6366f114;border-radius:3px;max-width:90px;padding:.1rem .3rem;font-size:.7rem;font-weight:600;overflow:hidden}.financial-summary{grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-bottom:2rem;display:grid}.fin-card{border:1px solid var(--border-light);background:#ffffff05;border-radius:10px;padding:1.25rem}.fin-card-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.5px;font-size:.8rem}.fin-card-value{margin-top:.25rem;font-size:1.4rem;font-weight:700}.fin-card-value.income{color:var(--color-success)}.fin-card-value.expense{color:var(--color-danger)}.fin-card-value.net-profit{color:var(--color-secondary)}.financial-table-container{background:var(--bg-card);border:1px solid var(--border-light);-webkit-overflow-scrolling:touch;border-radius:12px;width:100%;overflow-x:auto}.desktop-only-table{width:100%;display:table}.mobile-only-cards{display:none}@media (width<=768px){.financial-summary{grid-template-columns:1fr!important;gap:.85rem!important}.desktop-only-table{display:none!important}.mobile-only-cards{flex-direction:column;gap:.85rem;padding:.85rem;display:flex!important}.partner-card-mobile{border:1px solid var(--border-light);background:#ffffff05;border-radius:12px;flex-direction:column;gap:.75rem;padding:1rem;display:flex}.partner-card-header{border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding-bottom:.5rem;display:flex}.partner-card-grid{grid-template-columns:1fr 1fr;gap:.75rem;font-size:.8rem;display:grid}.partner-card-item{flex-direction:column;gap:.15rem;display:flex}.partner-card-item-label{color:var(--color-muted);text-transform:uppercase;font-size:.7rem}.partner-card-item-value{font-weight:600}}.financial-table{border-collapse:collapse;text-align:left;width:100%}.financial-table th{color:var(--color-muted);border-bottom:1px solid var(--border-light);background:#ffffff05;padding:1rem;font-size:.85rem;font-weight:600}.financial-table td{border-bottom:1px solid var(--border-light);color:var(--text-main);padding:1rem;font-size:.85rem}.financial-table tr:last-child td{border-bottom:none}.transaction-type{align-items:center;gap:.25rem;font-weight:600;display:inline-flex}.transaction-type.in{color:var(--color-success)}.transaction-type.out{color:var(--color-danger)}.logs-list{flex-direction:column;gap:1rem;display:flex}.log-item{border-left:2px solid var(--border-light);padding-left:1.25rem;position:relative}.log-item:before{content:"";background:var(--color-muted);border-radius:50%;width:8px;height:8px;position:absolute;top:5px;left:-5px}.log-item.active-project:before{background:var(--color-primary)}.log-meta{color:var(--color-muted);justify-content:space-between;margin-bottom:.2rem;font-size:.75rem;display:flex}.log-text{color:var(--text-main);font-size:.85rem}.log-author{font-weight:600}.users-list{flex-direction:column;gap:1rem;display:flex}.user-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.user-card-left{align-items:center;gap:1rem;display:flex}.user-details h4{color:var(--text-bright);font-weight:600}.user-details p{color:var(--color-muted);font-size:.8rem}.user-allowed-projects{flex-wrap:wrap;gap:.35rem;margin-top:.5rem;display:flex}.user-project-tag{color:var(--color-secondary);background:#06b6d41a;border:1px solid #06b6d426;border-radius:3px;padding:.1rem .4rem;font-size:.7rem}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;display:flex;position:relative}.login-card{background:var(--bg-sidebar);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #ffffff14;border-radius:20px;width:100%;max-width:440px;padding:2.5rem;box-shadow:0 20px 40px #0006}.login-header{text-align:center;margin-bottom:2rem}.login-header h2{background:linear-gradient(135deg, var(--text-bright) 30%, var(--color-primary) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.login-header p{color:var(--color-muted);font-size:.85rem}.login-demo-credentials{border-top:1px solid var(--border-light);margin-top:1.5rem;padding-top:1.25rem}.login-demo-title{text-transform:uppercase;color:var(--color-muted);letter-spacing:.5px;margin-bottom:.75rem;font-size:.75rem;font-weight:600}.demo-buttons-grid{grid-template-columns:repeat(3,1fr);gap:.5rem;display:grid}.btn-demo{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4, 0, .2, 1);text-align:center;border-radius:8px;justify-content:center;align-items:center;padding:.55rem;font-family:inherit;font-size:.75rem;font-weight:600;display:inline-flex;box-shadow:0 2px 8px #0000001a}.btn-demo:hover{background:var(--color-primary-glow);border-color:var(--color-primary);color:var(--text-bright);box-shadow:0 4px 12px var(--color-primary-glow);transform:translateY(-1px)}.sidebar-overlay,.hamburger-btn{display:none}.empty-state{text-align:center;border:1px dashed var(--border-light);color:var(--color-muted);background:#ffffff03;border-radius:12px;padding:4rem 2rem;font-size:.95rem}.empty-state p{margin-top:.5rem}.flex{display:flex}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.align-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mr-2{margin-right:.5rem}.w-full{width:100%}.text-right{text-align:right}.badge{border-radius:4px;padding:.2rem .5rem;font-size:.75rem;font-weight:600}.badge-in{color:var(--color-success);background:#10b98126}.badge-out{color:var(--color-danger);background:#ef444426}.project-sidebar-panel{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;padding:1.25rem}.panel-title{color:var(--text-bright);border-bottom:1px solid #ffffff0a;margin-bottom:1rem;padding-bottom:.5rem;font-size:.95rem;font-weight:600}.panel-item{justify-content:space-between;margin-bottom:.85rem;font-size:.85rem;display:flex}.panel-item:last-child{margin-bottom:0}.panel-label{color:var(--color-muted)}.panel-value{color:var(--text-main);font-weight:500}.mobile-header-bar{display:none!important}@media (width<=1024px){.project-detail-layout{grid-template-columns:1fr}}@media (width<=768px){:root{--sidebar-width:280px}.sidebar{transform:translate(-100%);z-index:1000!important;height:100dvh!important;padding:1.5rem 1.25rem!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:999;overscroll-behavior:contain;touch-action:none;background:#0009;height:100dvh;display:block;position:fixed;inset:0}.main-content{position:relative;margin-left:0!important;padding:1.25rem!important}.mobile-header-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-light);top:0;top:env(safe-area-inset-top,0px);z-index:80;overscroll-behavior:contain;justify-content:space-between;align-items:center;position:sticky;box-shadow:0 4px 15px #0003;margin:-1.25rem -1.25rem 1.5rem!important;padding:.75rem 1.25rem!important;display:flex!important}.hamburger-btn{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-main);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;margin-right:0;display:flex}.screen-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem;align-items:stretch!important}.screen-header .btn-primary{width:100%}.projects-grid{gap:1rem;grid-template-columns:1fr!important}.project-card{min-height:auto;padding:1.25rem}.kanban-board{grid-template-columns:repeat(4,280px)}.financial-summary{grid-template-columns:1fr;gap:.75rem}.fin-card{padding:1rem}.financial-table-container{-webkit-overflow-scrolling:touch;overflow-x:auto!important}.financial-table th,.financial-table td{padding:.75rem;font-size:.8rem}.form-row{grid-template-columns:1fr;gap:0}.modal-content{border-radius:12px;max-height:95vh}.modal-body,.modal-header,.modal-footer{padding:1rem}.project-tab{padding:.75rem 1rem;font-size:.85rem}}.project-header-info{max-width:75%}@media (width<=768px){.project-header-info{max-width:100%!important}}@media (width<=480px){.login-card{padding:1.5rem}}.checklist-item{background:var(--bg-sidebar);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;box-shadow:0 4px 12px #00000026}.checklist-item.completed{opacity:.6;box-shadow:none}[data-theme=light] .checklist-item{box-shadow:0 4px 12px #00000008}.status-toggle-container{background:var(--bg-main);border:1px solid var(--border-light);border-radius:10px;gap:.3rem;padding:.25rem;display:flex}.status-toggle-btn{transition:all var(--transition-speed) ease;color:var(--color-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:.4rem .8rem;font-size:.75rem;font-weight:600;display:inline-flex}.status-toggle-btn:hover:not(:disabled){color:var(--text-main);background:var(--border-light)}.status-toggle-btn.active-backlog{background:var(--border-light);color:var(--text-bright)}.status-toggle-btn.active-progress{color:var(--color-warning);background:#f9731626}.status-toggle-btn.active-done{color:var(--color-success);background:#10b98126}@media (width<=768px){.checklist-item{flex-direction:column!important;align-items:stretch!important;gap:.85rem!important;padding:.85rem!important}.checklist-item>div{min-width:0!important}.status-toggle-container{justify-content:space-between!important;gap:.2rem!important;width:100%!important;padding:.2rem!important}.status-toggle-btn{text-align:center!important;flex:1!important;padding:.35rem .4rem!important;font-size:.7rem!important}}.sidebar-close-btn:hover{color:var(--text-bright)!important;background:#ffffff1f!important}@media (width<=600px){.user-card{flex-direction:column!important;align-items:stretch!important;gap:1rem!important}.user-card-left{flex-direction:column!important;align-items:flex-start!important;gap:.75rem!important}}.filters-bar{background:var(--bg-sidebar);border:1px solid var(--border-light);border-radius:12px;flex-wrap:wrap;align-items:center;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.filters-bar-search{flex-grow:1;min-width:200px;position:relative}.filters-bar-selects{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.filters-bar-select-wrapper{align-items:center;gap:.5rem;display:flex}.filters-bar-select-wrapper select{width:170px}.filters-bar-select-wrapper.no-icon{padding-left:1.5rem}@media (width<=768px){.filters-bar{flex-direction:column;align-items:stretch;gap:.75rem;padding:.75rem}.filters-bar-search{width:100%}.filters-bar-selects{flex-direction:column;align-items:stretch;gap:.75rem;width:100%}.filters-bar-select-wrapper{width:100%}.filters-bar-select-wrapper select{width:100%!important}.filters-bar-select-wrapper.no-icon{padding-left:0!important}.sidebar{transform:translate(-100%);padding:1.5rem 1.25rem 3.5rem!important}.sidebar.open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:90;background:#0009;display:block;position:fixed;inset:0}.main-content{position:relative;max-width:100vw!important;margin-left:0!important;padding:calc(56px + 1.25rem) 1.25rem 4rem!important;overflow-x:hidden!important}.mobile-header-bar{background-color:var(--bg-sidebar);border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;height:56px;box-shadow:0 4px 15px #0003;z-index:150!important;margin:0!important;padding:.75rem 1.25rem!important;display:flex!important;position:fixed!important;top:0!important;left:0!important;right:0!important}.sidebar-theme-toggle{display:none!important}}.sidebar{z-index:250!important}.sidebar-overlay{z-index:240!important}@media (width<=768px){.modal-footer{flex-direction:column!important;align-items:stretch!important;gap:.5rem!important}.modal-footer button{justify-content:center!important;width:100%!important}}.tx-type-selector{gap:1rem;display:flex}@media (width<=768px){.tx-type-selector{flex-direction:column!important;gap:.75rem!important}.sidebar-logo{margin-bottom:1.5rem!important}}.project-tabs-desktop{display:flex!important}.project-tabs-mobile{display:none!important}@media (width<=768px){.project-tabs-desktop{display:none!important}.project-tabs-mobile{display:block!important}}