:root{--bg-primary:#0c0e17;--bg-secondary:#121626;--bg-card:#181c2e;--bg-card-hover:#1e2640;--bg-input:#1a1e30;--bg-sidebar:#121420;--border-subtle:#1f2336;--border-default:#232a45;--border-hover:#404f85;--border-active:#63b3ed;--text-primary:#e2e8f0;--text-secondary:#a0aec0;--text-muted:#8c9bb4;--text-dim:#4a5568;--accent-blue:#63b3ed;--accent-purple:#9f7aea;--accent-green:#22c55e;--accent-green-soft:#86efac;--accent-orange:#f6ad55;--accent-red:#f56565;--accent-gold:#fbbf24;--space-xs:4px;--space-sm:8px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-pill:999px;--shadow-card:0 4px 6px -1px #0003, 0 2px 4px -1px #0000001a;--shadow-hover:0 10px 15px -3px #0006, 0 4px 6px -2px #0003;--shadow-glow-blue:0 0 12px #63b3ed4d;--shadow-glow-green:0 0 12px #22c55e66;--shadow-glow-purple:0 0 15px #9f7aea4d;--transition-fast:.15s ease;--transition-default:.25s ease;--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--font-family:"Outfit", sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--border-hover)}input,select,textarea{background-color:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-family);transition:border-color var(--transition-fast);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--border-active)}button{cursor:pointer;font-family:var(--font-family);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-md);transition:all var(--transition-fast);border:none;font-weight:600}.text-center{text-align:center}.text-muted{color:var(--text-muted)}.mt-md{margin-top:var(--space-md)}.mb-md{margin-bottom:var(--space-md)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes completePulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.kpi-card{background:linear-gradient(145deg, var(--bg-card), var(--bg-card-hover));border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-md);box-shadow:var(--shadow-card);transition:all var(--transition-default)}.kpi-card:hover{box-shadow:var(--shadow-hover);border-color:var(--border-hover);transform:translateY(-2px)}.task-card{background:var(--bg-card);border-radius:var(--radius-md);padding:var(--space-md);margin-bottom:var(--space-md);border-left:4px solid var(--border-default);box-shadow:var(--shadow-card);transition:all var(--transition-default);flex-direction:column;display:flex}.task-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-2px)}.task-card.boss{box-shadow:var(--shadow-glow-purple);border-left-color:var(--accent-purple)}.task-card.completed{border-left-color:var(--accent-green);opacity:.8;background:#22c55e0d}.event-card{background:var(--bg-card);border-radius:var(--radius-sm);padding:var(--space-md);margin-bottom:var(--space-sm);border-left:4px solid var(--border-default)}.event-card.urgent{border-left-color:var(--accent-red)}.event-card.important{border-left-color:var(--accent-orange)}.event-card.normal{border-left-color:var(--accent-blue)}.badge{border-radius:var(--radius-pill);text-transform:uppercase;padding:2px 8px;font-size:.75rem;font-weight:600;display:inline-block}.badge-blue{color:var(--accent-blue);background:#63b3ed33}.badge-purple{color:var(--accent-purple);background:#9f7aea33}.badge-green{color:var(--accent-green);background:#22c55e33}.badge-orange{color:var(--accent-orange);background:#f6ad5533}.progress-bar-container{background:var(--bg-input);border-radius:var(--radius-pill);width:100%;height:8px;overflow:hidden}.progress-bar-fill{background:var(--accent-blue);border-radius:var(--radius-pill);height:100%;transition:width 1s}.progress-bar-fill.glow{box-shadow:var(--shadow-glow-blue)}.progress-bar-fill.success{background:var(--accent-green);box-shadow:var(--shadow-glow-green)}.btn-primary{background:var(--accent-blue);color:#fff}.btn-primary:hover{background:#4299e1}.btn-success{background:var(--accent-green);color:#fff}.btn-success:hover{background:#16a34a}.btn-danger{background:var(--accent-red);color:#fff}.btn-danger:hover{background:#e53e3e}.btn-ghost{border:1px solid var(--border-default);color:var(--text-primary);background:0 0}.btn-ghost:hover{background:var(--bg-card-hover)}.nav-link{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);color:var(--text-secondary);border-radius:var(--radius-sm);transition:all var(--transition-fast);text-decoration:none;display:flex}.nav-link:hover{background:var(--bg-card-hover);color:var(--text-primary)}.nav-link.active{background:var(--bg-input);color:var(--accent-blue);border-left:2px solid var(--accent-blue)}.form-group{margin-bottom:var(--space-md);gap:var(--space-xs);flex-direction:column;display:flex}.form-group label{color:var(--text-muted);font-size:.875rem}.modal-overlay{z-index:100;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--bg-primary);border-radius:var(--radius-lg);padding:var(--space-lg);width:90%;max-width:500px;box-shadow:var(--shadow-hover);animation:slideUp var(--transition-default)}