.app-layout{min-height:100vh}.sidebar{width:240px;background-color:#1f2937;color:#fff}.header{height:60px;border-bottom:1px solid #ddd;background-color:#fff}.main-content{background-color:#f8f9fa;min-height:calc(100vh - 60px)}.menu-lateral-overlay{position:fixed;top:0;right:0;width:350px;height:100vh;background:#fff;box-shadow:-4px 0 12px #0003;z-index:999;padding:20px}.menu-header{display:flex;justify-content:space-between;align-items:center}.board-content{flex:1;overflow:hidden}.kanban-wrapper{display:flex;overflow-x:auto;height:100%}body{margin:0;overflow:hidden}.layout-board{height:100vh;display:flex;flex-direction:column}.board-content{flex:1;overflow:hidden;display:flex}.kanban-wrapper{flex:1;display:flex;gap:16px;padding:8px 4px;overflow-x:auto;overflow-y:hidden;align-items:flex-start}.kanban-column{background:#fff;min-width:280px;max-width:280px;border-radius:8px;padding:12px;box-shadow:0 1px 3px #0000001a}.kanban-wrapper::-webkit-scrollbar{height:10px}.kanban-wrapper::-webkit-scrollbar-thumb{background:#c4c9cc;border-radius:5px}.tablero-detalle{flex:1;display:flex;flex-direction:column;overflow:hidden;padding:20px;box-sizing:border-box}.tablero-detalle h1{margin-bottom:24px}.kanban-column{min-width:280px;max-width:280px;background:#fff;border-radius:10px;padding:12px;box-shadow:0 1px 3px #0000001f}.kanban-column--add{background:#fff9;border:2px dashed #cfd7df;box-shadow:none;display:flex;align-items:center}.tablero-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.tablero-detalle-asana{background:linear-gradient(180deg,#fafdfe,#f1f3f7)}.board-header-modern{background:#fff;border-radius:12px;padding:20px 25px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 8px 24px #0000000d}.board-header-left{display:flex;align-items:center;gap:15px}.board-icon{width:50px;height:50px;background:#0d6efd;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px}.board-title{font-weight:700;margin:0}.board-subtitle{font-size:14px;color:#6c757d}.board-metrics{display:flex;gap:20px}.metric-box{text-align:center}.metric-value{display:block;font-size:20px;font-weight:700}.metric-label{font-size:13px;color:#6c757d}.metric-box.warning .metric-value{color:#f59e0b}.metric-box.success .metric-value{color:#22c55e}.board-panel-btn{font-weight:600}.kanban-wrapper-modern{display:flex;gap:20px;overflow-x:auto;padding-bottom:15px;align-items:flex-start}.kanban-column-modern{min-width:280px;max-width:320px;background:#fff;border-radius:14px;padding:15px;box-shadow:0 6px 18px #0000000d;transition:all .2s ease}.kanban-column-modern:hover{transform:translateY(-4px)}.kanban-column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.column-title{font-weight:600;display:flex;align-items:center;gap:8px;cursor:pointer}.task-counter{background:#e9ecef;padding:3px 8px;border-radius:20px;font-size:12px}.column-delete-btn{border-radius:50%}.kanban-task-list{margin-top:10px;display:flex;flex-direction:column;gap:10px}.kanban-card-modern{background:#fff;border-radius:10px;padding:12px;box-shadow:0 3px 10px #0000000d;cursor:grab;transition:all .2s ease}.kanban-card-modern:hover{transform:scale(1.02)}.kanban-card-modern:active{cursor:grabbing;opacity:.8}.add-column-card{border:2px dashed #d1d5db;background:transparent;display:flex;align-items:center;justify-content:center}.proyecto-card{border-radius:12px;transition:all .2s ease;overflow:hidden}.proyecto-card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #00000014}.proyecto-edit-btn{position:absolute;top:8px;right:8px;z-index:2}.proyecto-archive-btn{position:absolute;top:8px;left:8px;z-index:2}.proyecto-card{border-radius:14px;transition:all .2s ease;overflow:hidden;min-width:220px;max-width:220px}.proyecto-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00000014}.proyecto-card-header{height:120px;display:flex;align-items:center;justify-content:center;cursor:pointer}.proyecto-card-letter{font-size:2rem;font-weight:700;color:#fff}.proyecto-edit-btn{position:absolute;top:8px;right:8px;z-index:2;border-radius:50%}.descripcion-truncada{font-size:.95rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-dates{font-size:.85rem;color:#6c757d}.project-dates div{display:flex;align-items:center;margin-bottom:4px}.proyecto-destacado{border:2px solid #0d6efd15;background:linear-gradient(180deg,#fff,#f9fbff)}.usuarios-container{padding:32px}.usuarios-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.usuarios-list{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0000000d;overflow:hidden}.usuarios-header{display:grid;grid-template-columns:2fr 2fr 1fr;background:#f4f6f9;padding:12px 16px;font-weight:600}.usuario-row{display:grid;grid-template-columns:2fr 2fr 1fr;padding:12px 16px;align-items:center;border-bottom:1px solid #eee;transition:background .2s ease}.usuario-row:hover{background:#f9fafb}.usuario-col{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;justify-content:center;align-items:center}.modal-box{background:#fff;padding:24px;border-radius:12px;min-width:320px;max-width:400px;box-shadow:0 8px 32px #0003}.admin-table{background:#fff;border-radius:10px;overflow:hidden}.admin-table-header,.admin-table-row{display:flex;padding:12px 16px;align-items:center}.admin-table-header{font-weight:600;background:#f3f4f6}.admin-table-row{border-top:1px solid #e5e7eb}.admin-modal{background:#fff;padding:24px;border-radius:12px;min-width:350px;box-shadow:0 12px 40px #00000026}.admin-permisos-container{padding:32px}.admin-permisos-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.admin-permisos-title{margin:0;font-size:44px;font-weight:700}.admin-permisos-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 28px #0000000f}.admin-permisos-table-head,.admin-permisos-row{display:grid;grid-template-columns:2fr 1.6fr 1.2fr 1fr 1.2fr;gap:10px;align-items:center;padding:14px 16px}.admin-permisos-table-head{background:#f3f4f6;font-weight:700}.admin-permisos-row{border-top:1px solid #ececec}.admin-permisos-row:hover{background:#fafafa}.admin-modal-overlay{position:fixed;inset:0;background:#00000059;display:flex;align-items:center;justify-content:center;z-index:1000}.admin-modal{background:#fff;padding:24px;border-radius:12px;min-width:360px;max-width:520px;width:95%;box-shadow:0 12px 40px #0000002e}.mis-tareas-container{padding:32px}.mis-tareas-list{display:grid;gap:16px}.mis-tarea-card{background:#fff;padding:16px;border-radius:10px;box-shadow:0 6px 18px #0000000f}.tabla-container{width:100%;overflow-x:auto}.tabla{display:table;width:100%;border-collapse:collapse}.tabla-row{display:table-row}.tabla-header{background-color:#f4f6f9;font-weight:700}.tabla-cell{display:table-cell;padding:12px 16px;border-bottom:1px solid #e0e0e0;vertical-align:middle}.tabla-row:hover{background-color:#f9fafc}.mis-equipos-container{padding:32px}.mis-equipos-header{margin-bottom:24px}.mis-equipos-header h1{font-size:44px;font-weight:700;margin:0}.mis-equipos-table{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 8px 24px #0000000f}.mis-equipos-table-head,.mis-equipos-row{display:flex;padding:14px 20px;align-items:center}.mis-equipos-table-head{background:#f3f4f6;font-weight:700}.mis-equipos-row{border-top:1px solid #ececec;transition:background .2s ease}.mis-equipos-row:hover{background:#fafafa}.col{padding-right:10px}.col-4{flex:4}.col-2{flex:2}.admin-metrics{display:flex;gap:20px;margin:30px 0}.metric-card{flex:1;background:#fff;padding:20px;border-radius:12px;box-shadow:0 3px 10px #00000014;text-align:center}.metric-card h3{font-size:28px;margin:0}.metric-card.danger{border-left:5px solid #e74c3c}.admin-projects{margin-top:40px}.admin-table-head,.admin-table-row{display:flex;padding:12px 0;border-bottom:1px solid #eee}.col{padding:0 10px}.layout-board{display:flex;flex-direction:column;height:100vh}.layout-board__main{flex:1;min-height:0;background-color:#f8f9fa;overflow-y:auto;overflow-x:auto}.layout-board__content{min-height:100%;min-width:100%;height:100%;width:100%;box-sizing:border-box;display:flex;flex-direction:column;padding:24px}.nuevo{cursor:"pointer";border:"2px dashed #b2bec3";color:"#636e72";min-height:170,}