@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-gradient: linear-gradient(135deg, #090a0f 0%, #12141d 100%);--bg-color: #090a0f;--panel-bg: rgba(20, 24, 38, .6);--card-bg: rgba(28, 33, 53, .7);--card-hover: rgba(38, 45, 71, .9);--border-color: rgba(255, 255, 255, .08);--border-color-glow: rgba(255, 255, 255, .15);--text-primary: #f3f4f6;--text-secondary: #9ca3af;--text-muted: #6b7280;--urgent-gradient: linear-gradient(135deg, #f87171 0%, #dc2626 100%);--important-gradient: linear-gradient(135deg, #fbbf24 0%, #d97706 100%);--normal-gradient: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--low-gradient: linear-gradient(135deg, #9ca3af 0%, #4b5563 100%);--tag-urgente: rgba(239, 68, 68, .15);--tag-urgente-txt: #f87171;--tag-legal: rgba(168, 85, 247, .15);--tag-legal-txt: #c084fc;--tag-trabajo: rgba(59, 130, 246, .15);--tag-trabajo-txt: #60a5fa;--tag-reunion: rgba(16, 185, 129, .15);--tag-reunion-txt: #34d399;--tag-personal: rgba(236, 72, 153, .15);--tag-personal-txt: #f472b6;--tag-tecnico: rgba(20, 184, 166, .15);--tag-tecnico-txt: #2dd4bf;--sidebar-width: 320px;--transition-speed: .25s}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Outfit,sans-serif;background:var(--bg-gradient);background-attachment:fixed;color:var(--text-primary);min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0003}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2.5rem;border-bottom:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:100;background:#090a0fd9}.logo-area{display:flex;align-items:center;gap:.75rem}.logo-icon{background:var(--urgent-gradient);width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:1.25rem;box-shadow:0 0 15px #ef444459}.logo-text h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#f3f4f6,#9ca3af);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.logo-text span{font-size:.75rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em}.navigation-tabs{display:flex;gap:.5rem;background:#ffffff08;padding:.35rem;border-radius:12px;border:1px solid var(--border-color)}.nav-tab{background:transparent;border:none;color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;transition:all var(--transition-speed) ease}.nav-tab:hover{color:var(--text-primary);background:#ffffff0d}.nav-tab.active{color:#fff;background:#ffffff1a;box-shadow:0 4px 10px #0003}.action-buttons{display:flex;gap:.75rem}.btn{display:flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;border-radius:10px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);border:1px solid transparent}.btn-primary{background:var(--normal-gradient);color:#fff;box-shadow:0 4px 12px #3b82f640}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3b82f666}.btn-secondary{background:#ffffff0d;color:var(--text-primary);border-color:var(--border-color)}.btn-secondary:hover{background:#ffffff17;border-color:var(--border-color-glow)}main.app-container{max-width:1600px;margin:0 auto;padding:2rem 2.5rem}.view-section{display:none;animation:fadeIn .4s cubic-bezier(.16,1,.3,1)}.view-section.active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.kanban-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.kanban-column{background:var(--panel-bg);border-radius:16px;border:1px solid var(--border-color);padding:1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);min-height:600px;display:flex;flex-direction:column}.column-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid rgba(255,255,255,.05)}.column-title-group{display:flex;align-items:center;gap:.75rem}.column-dot{width:10px;height:10px;border-radius:50%}.todo-dot{background-color:#60a5fa}.inprogress-dot{background-color:#fbbf24}.done-dot{background-color:#10b981}.column-title{font-size:1.1rem;font-weight:600;color:var(--text-primary)}.column-count{background:#ffffff14;padding:.2rem .6rem;border-radius:999px;font-size:.75rem;font-weight:500;color:var(--text-secondary)}.cards-container{display:flex;flex-direction:column;gap:1rem;flex-grow:1;min-height:450px;transition:background-color var(--transition-speed) ease;border-radius:10px}.cards-container.drag-over{background:#ffffff05;border:2px dashed rgba(255,255,255,.1)}.task-card{background:var(--card-bg);border-radius:12px;border:1px solid var(--border-color);padding:1.25rem;cursor:grab;position:relative;transition:all var(--transition-speed) cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;gap:.85rem}.task-card:active{cursor:grabbing}.task-card:hover{transform:translateY(-3px);border-color:var(--border-color-glow);box-shadow:0 8px 20px #0000004d;background:var(--card-hover)}.card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.card-title{font-size:1rem;font-weight:600;line-height:1.4;color:var(--text-primary)}.priority-badge{padding:.25rem .5rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff}.priority-urgente{background:var(--urgent-gradient);box-shadow:0 0 8px #ef44444d}.priority-importante{background:var(--important-gradient)}.priority-normal{background:var(--normal-gradient)}.priority-baja{background:var(--low-gradient)}.card-body{font-size:.85rem;color:var(--text-secondary);line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;align-items:center;border-top:1px solid rgba(255,255,255,.04);padding-top:.75rem;font-size:.75rem;color:var(--text-muted)}.meta-left{display:flex;align-items:center;gap:.75rem}.source-tag{display:flex;align-items:center;gap:.25rem}.source-tag i{font-size:.8rem}.click-counter{display:flex;align-items:center;gap:.2rem}.card-tags{display:flex;flex-wrap:wrap;gap:.35rem}.tag-badge{padding:.15rem .5rem;border-radius:4px;font-size:.7rem;font-weight:500}.tag-Urgente{background:var(--tag-urgente);color:var(--tag-urgente-txt)}.tag-Legal{background:var(--tag-legal);color:var(--tag-legal-txt)}.tag-Trabajo{background:var(--tag-trabajo);color:var(--tag-trabajo-txt)}.tag-Reunión{background:var(--tag-reunion);color:var(--tag-reunion-txt)}.tag-Personal{background:var(--tag-personal);color:var(--tag-personal-txt)}.tag-Técnico{background:var(--tag-tecnico);color:var(--tag-tecnico-txt)}.tag-default{background:#ffffff14;color:var(--text-secondary)}.eisenhower-container{display:flex;flex-direction:column;gap:1.5rem}.eisenhower-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);gap:1.5rem;min-height:700px}.eisenhower-quadrant{background:var(--panel-bg);border-radius:16px;border:1px solid var(--border-color);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1rem}.quadrant-q1{border-left:4px solid #ef4444}.quadrant-q2{border-left:4px solid #fbbf24}.quadrant-q3{border-left:4px solid #3b82f6}.quadrant-q4{border-left:4px solid #64748b}.quadrant-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.quadrant-title h3{font-size:1.1rem;font-weight:700}.quadrant-desc{font-size:.75rem;color:var(--text-muted)}.quadrant-body{display:flex;flex-direction:column;gap:.75rem;flex-grow:1;overflow-y:auto;max-height:280px;padding-right:.25rem}.eisenhower-mini-card{background:#ffffff08;border:1px solid var(--border-color);border-radius:8px;padding:.75rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .2s ease}.eisenhower-mini-card:hover{background:#ffffff12;border-color:var(--border-color-glow)}.eisenhower-mini-title{font-size:.9rem;font-weight:500}.list-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem}.search-input{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-primary);padding:.65rem 1rem;border-radius:10px;font-size:.9rem;width:100%;max-width:350px;outline:none;transition:border-color .2s ease}.search-input:focus{border-color:var(--border-color-glow)}.filter-group{display:flex;gap:.75rem}.filter-select{background:#141826;border:1px solid var(--border-color);color:var(--text-primary);padding:.65rem 1rem;border-radius:10px;outline:none;font-family:inherit;cursor:pointer}.list-table-container{background:var(--panel-bg);border:1px solid var(--border-color);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.list-table{width:100%;border-collapse:collapse;text-align:left}.list-table th,.list-table td{padding:1rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.04)}.list-table th{background:#ffffff05;color:var(--text-secondary);font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em}.list-table tbody tr{transition:background-color .2s ease;cursor:pointer}.list-table tbody tr:hover{background:#ffffff05}.report-layout{display:grid;grid-template-columns:1fr 350px;gap:2rem}.report-editor{background:var(--panel-bg);border-radius:16px;border:1px solid var(--border-color);padding:2rem;min-height:500px;display:flex;flex-direction:column;gap:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.report-controls{display:flex;justify-content:space-between;align-items:center}.report-title-area h2{font-size:1.4rem;font-weight:700}.report-content{flex-grow:1;background:#0003;border-radius:10px;border:1px solid rgba(255,255,255,.03);padding:1.5rem;overflow-y:auto;line-height:1.7;color:var(--text-primary)}.report-content h1{font-size:1.6rem;margin-bottom:1.2rem;color:#fff;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:.4rem}.report-content h2{font-size:1.25rem;margin-top:1.5rem;margin-bottom:.8rem;color:#60a5fa}.report-content h3{font-size:1.05rem;margin-top:1.2rem;margin-bottom:.6rem;color:#fff}.report-content p{margin-bottom:1rem;color:#d1d5db}.report-content ul{margin-left:1.5rem;margin-bottom:1.2rem}.report-content li{margin-bottom:.4rem;color:#d1d5db}.report-content hr{border:0;height:1px;background:#ffffff14;margin:1.5rem 0}.report-content strong{color:#fff}.report-stats-panel{background:var(--panel-bg);border-radius:16px;border:1px solid var(--border-color);padding:1.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;flex-direction:column;gap:1.25rem}.stats-card{background:#ffffff08;border:1px solid rgba(255,255,255,.05);border-radius:10px;padding:1rem;text-align:center}.stats-num{font-size:2rem;font-weight:700;color:#3b82f6}.stats-label{font-size:.8rem;color:var(--text-secondary)}.drawer{position:fixed;top:0;right:-400px;width:var(--sidebar-width);max-width:90vw;height:100vh;background:#0f121e;border-left:1px solid var(--border-color);box-shadow:-10px 0 30px #00000080;z-index:1000;transition:right .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.drawer.open{right:0}.drawer-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.drawer-header h2{font-size:1.2rem;font-weight:600}.drawer-close{background:transparent;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.drawer-body{padding:1.5rem;flex-grow:1;overflow-y:auto;display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.85rem;font-weight:500;color:var(--text-secondary)}.form-control{background:#ffffff0a;border:1px solid var(--border-color);color:var(--text-primary);padding:.65rem .85rem;border-radius:8px;font-family:inherit;font-size:.9rem;outline:none}.form-control:focus{border-color:var(--border-color-glow)}textarea.form-control{min-height:120px;resize:vertical}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;display:none;align-items:center;justify-content:center}.modal-overlay.open{display:flex}.modal-content{background:#0f121e;border:1px solid var(--border-color);width:100%;max-width:600px;border-radius:16px;overflow:hidden;box-shadow:0 10px 40px #0009;animation:modalScale .3s cubic-bezier(.16,1,.3,1)}@keyframes modalScale{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{padding:1.5rem;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;align-items:center}.modal-body{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);display:flex;justify-content:flex-end;gap:.75rem}.drop-zone{border:2px dashed var(--border-color);border-radius:10px;padding:1.5rem;text-align:center;cursor:pointer;transition:all .2s ease}.drop-zone:hover,.drop-zone.dragover{border-color:#3b82f6;background:#3b82f60d}.drop-zone-text{font-size:.85rem;color:var(--text-secondary)}.attached-img{max-width:100%;border-radius:8px;border:1px solid var(--border-color);margin-top:.5rem}.toast-container{position:fixed;bottom:2rem;left:2rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem}.toast{background:#141826f2;border-left:4px solid #3b82f6;border-radius:6px;padding:.85rem 1.25rem;color:var(--text-primary);font-size:.9rem;box-shadow:0 4px 15px #0000004d;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;gap:.5rem}.toast.toast-success{border-left-color:#10b981}.toast.toast-error{border-left-color:#ef4444}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.flex-row{display:flex;gap:.75rem}.align-center{align-items:center}.text-right{text-align:right}.badge-outline{border:1px solid var(--border-color);padding:.2rem .5rem;border-radius:6px;font-size:.75rem}.hidden{display:none!important}