:root{--bg-color: #f8fafc;--text-color: #0f172a;--col-bg: #e2e8f0;--card-bg: #ffffff;--primary: #3b82f6;--accent: #10b981;--meta-color: #64748b;--col-title: #475569;--border: #cbd5e1}@media (prefers-color-scheme: dark){:root{--bg-color: #0f172a;--text-color: #f8fafc;--col-bg: #1e293b;--card-bg: #334155;--primary: #3b82f6;--accent: #10b981;--meta-color: #94a3b8;--col-title: #94a3b8;--border: #334155}}body{margin:0;font-family:Inter,system-ui,sans-serif;background-color:var(--bg-color);color:var(--text-color)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:260px;background-color:var(--col-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:2rem 0}.sidebar .logo{font-size:1.8rem;font-weight:800;color:var(--primary);padding:0 2rem;margin-bottom:2rem;letter-spacing:-1px}.sidebar a.nav-link,.sidebar a.logout{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;color:var(--text-color);text-decoration:none;font-weight:600;transition:background .2s}.sidebar a.nav-link:hover{background-color:var(--card-bg);border-right:4px solid var(--primary)}.sidebar a.logout{color:#ef4444}.sidebar a.logout:hover{background-color:#ef44441a}.content{flex:1;overflow-y:auto;display:flex;flex-direction:column}.board{display:flex;flex:1;padding:2rem;gap:1.5rem;overflow-x:auto;align-items:flex-start}.column{flex:1;min-width:250px;background-color:var(--col-bg);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:1rem}.column-header{padding:.75rem 1rem;border-radius:8px;margin-bottom:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0000001a}.column-header h2{margin:0;font-size:1.2rem;text-transform:uppercase;color:#fff;letter-spacing:1px;font-weight:800}.header-todo{background:linear-gradient(135deg,#ef4444,#dc2626)}.header-in_progress{background:linear-gradient(135deg,#f97316,#ea580c)}.header-done{background:linear-gradient(135deg,#10b981,#059669)}.task-card{background-color:var(--card-bg);padding:1.25rem;border-radius:8px;border-left:4px solid var(--primary);box-shadow:0 2px 5px #0000000d}.task-header{display:flex;justify-content:space-between;margin-bottom:.75rem}.task-id{font-size:.75rem;font-weight:800;color:var(--primary);background:#3b82f626;padding:4px 8px;border-radius:6px}.task-card h3{margin:0 0 .5rem;font-size:1.1rem}.task-meta{margin:0;font-size:.85rem;color:var(--meta-color)}.add-btn{background:transparent;border:2px dashed var(--border);color:var(--text-color);padding:1rem;border-radius:8px;cursor:pointer;font-weight:600;transition:.2s}.add-btn:hover{background:var(--card-bg)}.login-container{display:flex;height:100vh;align-items:center;justify-content:center}.login-box{background:var(--col-bg);padding:2.5rem;border-radius:16px;display:flex;flex-direction:column;gap:1.25rem;width:320px;box-shadow:0 10px 25px #0000001a;border:1px solid var(--border)}.login-box h2{margin:0 0 1rem;text-align:center}.login-box input{padding:.85rem;border:1px solid var(--border);border-radius:8px;background:var(--card-bg);color:var(--text-color);font-size:1rem}.login-box button{background:var(--primary);color:#fff;border:none;padding:.85rem;border-radius:8px;font-weight:700;cursor:pointer;font-size:1rem;transition:.2s}.login-box button:hover{opacity:.9;transform:translateY(-1px)}.admin-panel{padding:2rem;display:flex;flex-direction:column;gap:1.5rem}.admin-panel h2{margin:0;color:var(--text-color)}.system-status{display:flex;gap:1.5rem}.status-card{flex:1;background:var(--col-bg);padding:1.5rem;border-radius:12px;display:flex;flex-direction:column;align-items:center;gap:.5rem;border:1px solid var(--border);box-shadow:0 4px 6px #00000005}.status-card h3{margin:0;color:var(--meta-color);font-size:.9rem;text-transform:uppercase;font-weight:700}.status-card p{margin:0;font-size:1.25rem;font-weight:800;color:var(--text-color)}.logs-table{background:var(--col-bg);border-radius:12px;overflow:hidden;border:1px solid var(--border);box-shadow:0 4px 6px #00000005}.logs-table table{width:100%;border-collapse:collapse;text-align:left}.logs-table th{background:var(--card-bg);padding:1rem;font-weight:700;color:var(--meta-color);text-transform:uppercase;font-size:.85rem}.logs-table td{padding:1rem;border-top:1px solid var(--border);font-size:.95rem}.log-badge{font-size:.75rem;padding:4px 10px;border-radius:12px;background:#3b82f626;color:var(--primary);font-weight:700;letter-spacing:.5px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--card-bg);padding:2rem;border-radius:12px;width:400px;max-width:90%}.input{padding:.75rem;border:1px solid var(--border);border-radius:6px;background:var(--bg-color);color:var(--text-color);width:100%;box-sizing:border-box}.calendar-container{background:var(--bg-color);padding:1.5rem;display:flex;flex-direction:column;flex:1;overflow-y:auto}.calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}.calendar-day-header{text-align:center;font-weight:800;color:var(--meta-color);padding:.5rem;text-transform:uppercase;font-size:.85rem}.calendar-day{background:var(--col-bg);min-height:120px;border-radius:12px;padding:.75rem;border:2px solid transparent;transition:.2s;cursor:pointer;display:flex;flex-direction:column;gap:4px;box-shadow:0 2px 4px #00000005}.calendar-day:hover{border-color:var(--primary);transform:translateY(-2px)}.calendar-day.today{background:#3b82f60d;border-color:var(--primary)}.calendar-day.muted{opacity:.4}.day-number{font-weight:800;font-size:1.25rem;color:var(--text-color);margin-bottom:.25rem}.cal-task{background:var(--primary);color:#fff;padding:6px 8px;border-radius:6px;font-size:.75rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;flex-direction:column;gap:2px}.cal-task.done{background:var(--accent)}.cal-task.in_progress{background:#f59e0b}.mobile-topbar{display:none;background:var(--col-bg);padding:1rem 1.5rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);z-index:100}.hamburger-btn{background:none;border:none;color:var(--text-color);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center}.sidebar-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;z-index:998}@media (max-width: 768px){.app-container{flex-direction:column}.mobile-topbar{display:flex}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:999;transform:translate(-100%);transition:transform .3s ease;box-shadow:2px 0 10px #0000001a;width:280px}.sidebar.open{transform:translate(0)}.desktop-only{display:none}.sidebar-overlay{display:block}.board{flex-direction:column;padding:1rem}.column{min-width:unset;width:100%;box-sizing:border-box}.admin-panel{padding:1rem}.system-status{flex-direction:column}.calendar-grid{gap:5px}.calendar-day{min-height:80px;padding:.5rem}.day-number{font-size:1rem}.cal-task{font-size:.65rem;padding:4px}}