:root{--font-family: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--bg-primary: #0b0f19;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .6);--bg-card-hover: rgba(17, 24, 39, .85);--border-color: rgba(255, 255, 255, .08);--border-focus: rgba(99, 102, 241, .5);--text-main: #f8fafc;--text-muted: #94a3b8;--text-completed: #64748b;--grad-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--grad-accent: linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);--grad-success: linear-gradient(135deg, #10b981 0%, #059669 100%);--grad-danger: linear-gradient(135deg, #f43f5e 0%, #e11d48 100%);--grad-amber: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .2);--shadow-md: 0 10px 30px rgba(0, 0, 0, .35);--shadow-lg: 0 20px 50px rgba(0, 0, 0, .5);--shadow-inset: inset 0 2px 4px rgba(255, 255, 255, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition-fast: .15s ease;--transition-normal: .25s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-primary);background-image:radial-gradient(at 0% 0%,rgba(99,102,241,.1) 0px,transparent 50%),radial-gradient(at 100% 100%,rgba(139,92,246,.1) 0px,transparent 50%),radial-gradient(at 50% 50%,rgba(17,24,39,.5) 0px,transparent 100%);background-attachment:fixed;color:var(--text-main);min-height:100vh;line-height:1.5;-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{max-width:1100px;margin:0 auto;padding:2.5rem 1.5rem;display:flex;flex-direction:column;gap:2.5rem}.app-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-icon{background:var(--grad-primary);padding:.75rem;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);animation:float 4s ease-in-out infinite}.logo-section h1{font-size:1.75rem;font-weight:800;background:linear-gradient(135deg,#fff 30%,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.025em}.logo-section p{font-size:.875rem;color:var(--text-muted)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.metric-card{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-inset),var(--shadow-sm);transition:transform var(--transition-normal),border-color var(--transition-normal)}.metric-card:hover{transform:translateY(-2px);border-color:#ffffff26}.metric-icon{width:48px;height:48px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.metric-icon.all{background:#6366f126;color:#818cf8}.metric-icon.pending{background:#f59e0b26;color:#fbbf24}.metric-icon.completed{background:#10b98126;color:#34d399}.metric-info h3{font-size:.85rem;font-weight:500;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.metric-info p{font-size:1.5rem;font-weight:700;color:var(--text-main);line-height:1.2}.main-workspace{display:grid;grid-template-columns:1.1fr 1.9fr;gap:2rem;align-items:start}@media (max-width: 900px){.main-workspace{grid-template-columns:1fr}}.task-creator-card{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-inset),var(--shadow-md);position:sticky;top:1.5rem}.card-title{font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.task-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.input-control{background:#ffffff08;border:1px solid var(--border-color);border-radius:var(--radius-sm);padding:.75rem 1rem;color:var(--text-main);font-family:var(--font-family);font-size:.95rem;transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast)}.input-control::placeholder{color:#ffffff40}.input-control:focus{outline:none;background:#ffffff0f;border-color:#6366f1;box-shadow:0 0 0 3px #6366f133}textarea.input-control{min-height:100px;resize:vertical}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-weight:600;font-size:.95rem;padding:.75rem 1.5rem;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none}.btn-primary{background:var(--grad-primary);color:#fff;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 20px #6366f180;opacity:.95}.btn-primary:active{transform:translateY(1px)}.btn-secondary{background:#ffffff14;color:var(--text-main);border:1px solid var(--border-color)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.tasks-column{display:flex;flex-direction:column;gap:1.5rem}.toolbar-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1rem 1.25rem;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;box-shadow:var(--shadow-sm)}.filter-group{display:flex;gap:.5rem;background:#0003;padding:.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.filter-btn{background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-weight:600;font-size:.85rem;padding:.5rem 1rem;border-radius:calc(var(--radius-sm) - 2px);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover{color:var(--text-main)}.filter-btn.active{background:#ffffff1a;color:var(--text-main);box-shadow:var(--shadow-sm)}.task-count-indicator{font-size:.875rem;color:var(--text-muted);font-weight:500}.task-list{display:flex;flex-direction:column;gap:1rem}.task-item{background:var(--bg-card);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;display:flex;align-items:flex-start;gap:1.25rem;box-shadow:var(--shadow-inset),var(--shadow-sm);transition:all var(--transition-normal);animation:fadeInUp .4s ease forwards}.task-item:hover{border-color:#ffffff26;transform:scale(1.005) translateY(-1px);box-shadow:var(--shadow-md)}.task-item.completed-state{border-color:#10b98126;background:#10b98105}.checkbox-container{display:flex;align-items:center;position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;margin-top:.25rem}.checkbox-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:relative;height:24px;width:24px;border-radius:var(--radius-full);border:2px solid var(--text-muted);background-color:transparent;transition:all var(--transition-normal);display:flex;align-items:center;justify-content:center}.checkbox-container:hover input~.checkmark{border-color:#6366f1;background-color:#6366f10d}.checkbox-container input:checked~.checkmark{background:var(--grad-success);border-color:transparent;box-shadow:0 0 10px #10b98166}.checkmark:after{content:"";position:absolute;display:none}.checkbox-container input:checked~.checkmark:after{display:block}.checkbox-container .checkmark:after{width:5px;height:9px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg);margin-top:-2px}.task-content{flex-grow:1;display:flex;flex-direction:column;gap:.35rem;overflow:hidden}.task-title-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.task-title{font-size:1.1rem;font-weight:600;color:var(--text-main);transition:all var(--transition-normal);word-break:break-word}.completed-state .task-title{color:var(--text-completed);text-decoration:line-through}.task-desc{font-size:.925rem;color:var(--text-muted);white-space:pre-wrap;word-break:break-word}.completed-state .task-desc{color:#64748b99}.badge{font-size:.75rem;font-weight:600;padding:.15rem .5rem;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.025em;display:inline-flex}.badge-pending{background:#f59e0b1f;color:#fbbf24;border:1px solid rgba(245,158,11,.2)}.badge-completed{background:#10b9811f;color:#34d399;border:1px solid rgba(16,185,129,.2)}.task-date{font-size:.75rem;color:var(--text-completed);display:flex;align-items:center;gap:.35rem}.task-actions{display:flex;gap:.35rem}.action-btn{background:#ffffff08;border:1px solid var(--border-color);padding:.5rem;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.action-btn:hover{color:var(--text-main);background:#ffffff14}.action-btn.btn-delete:hover{background:#f43f5e26;border-color:#f43f5e4d;color:#f43f5e}.action-btn.btn-edit:hover{background:#3b82f626;border-color:#3b82f64d;color:#60a5fa}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#030712cc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn var(--transition-normal) forwards}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:2rem;width:90%;max-width:500px;box-shadow:var(--shadow-lg);position:relative;animation:scaleUp var(--transition-normal) forwards}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.modal-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color var(--transition-fast)}.modal-close:hover{color:var(--text-main)}.modal-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.5rem}.empty-state{text-align:center;padding:4rem 2rem;background:var(--bg-card);border:2px dashed rgba(255,255,255,.08);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.empty-icon{background:#ffffff08;padding:1.25rem;border-radius:var(--radius-full);color:var(--text-muted)}.empty-state h3{font-size:1.15rem;font-weight:600}.empty-state p{font-size:.9rem;color:var(--text-muted);max-width:300px}.toast-container{position:fixed;bottom:2rem;right:2rem;display:flex;flex-direction:column;gap:.75rem;z-index:9999;max-width:380px;width:calc(100% - 4rem)}.toast{background:#111827e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-left:4px solid;box-shadow:var(--shadow-lg);padding:1rem 1.25rem;border-radius:4px var(--radius-sm) var(--radius-sm) 4px;display:flex;align-items:center;gap:.75rem;animation:slideInLeft .3s cubic-bezier(.16,1,.3,1) forwards}.toast.success{border-left-color:#10b981}.toast.error{border-left-color:#f43f5e}.toast.info{border-left-color:#3b82f6}.toast-message{font-size:.9rem;font-weight:500;color:var(--text-main);flex-grow:1}.toast-close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.75rem;display:flex;align-items:center}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}.conference-link{color:var(--text-muted);text-decoration:none;font-size:.85rem;font-weight:500;padding:.35rem .75rem;border-radius:var(--radius-sm);background:#ffffff08;border:1px solid var(--border-color);transition:all var(--transition-fast)}.conference-link:hover{color:var(--text-main);background:#ffffff14;border-color:#fff3;transform:translateY(-1px)}.btn-register-protocol{background:#6366f11a;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;font-family:var(--font-family);font-weight:600;font-size:.85rem;padding:.35rem .75rem;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);display:inline-flex;align-items:center;gap:.25rem}.btn-register-protocol:hover{background:#6366f140;border-color:#6366f180;color:#fff;transform:translateY(-1px)}.btn-register-protocol:active{transform:translateY(1px)}