@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--bg-gradient:linear-gradient(135deg, #0b0f19 0%, #111827 50%, #1e1b4b 100%);--primary:#6366f1;--primary-glow:#6366f126;--primary-hover:#4f46e5;--secondary:#06b6d4;--secondary-glow:#06b6d426;--accent:#ec4899;--success:#10b981;--success-glow:#10b9811a;--warning:#f59e0b;--warning-glow:#f59e0b1a;--danger:#ef4444;--danger-glow:#ef44441a;--surface:#111827b3;--surface-hover:#1f2937d9;--surface-border:#ffffff14;--surface-border-focus:#6366f166;--font-heading:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-body:"Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dark:#64748b;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background:var(--bg-gradient);color:var(--text-main);background-attachment:fixed;min-height:100vh;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;font-weight:700}a{color:var(--secondary);transition:var(--transition-smooth);text-decoration:none}a:hover{color:var(--primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0f172a80}::-webkit-scrollbar-thumb{border-radius:var(--radius-sm);background:#ffffff1a}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-container{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem 1.5rem}.glass-panel{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:var(--transition-smooth);box-shadow:0 8px 32px #0006}.glass-panel:hover{border-color:#ffffff26;box-shadow:0 12px 40px #00000080}.glass-card{border:1px solid var(--surface-border);border-radius:var(--radius-md);transition:var(--transition-smooth);background:#1e293b59;padding:1.5rem}.glass-card:hover{background:#1e293b80;border-color:#6366f140;transform:translateY(-2px);box-shadow:0 8px 24px #0003}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1.25rem;display:flex}.form-label{font-family:var(--font-heading);color:var(--text-muted);letter-spacing:.05em;text-transform:uppercase;font-size:.875rem;font-weight:600}.glass-input{border:1px solid var(--surface-border);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-body);transition:var(--transition-smooth);background:#0f172a99;width:100%;padding:.75rem 1rem;font-size:1rem}.glass-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow);background:#0f172acc;outline:none}.glass-input::placeholder{color:var(--text-dark)}.btn{font-family:var(--font-heading);border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-smooth);letter-spacing:-.01em;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 14px 0 var(--primary-glow)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #6366f14d}.btn-primary:active{transform:translateY(0)}.btn-secondary{border-color:var(--surface-border);color:var(--text-main);background:#ffffff0d}.btn-secondary:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 4px 14px 0 var(--danger-glow)}.btn-danger:hover:not(:disabled){background:#dc2626;box-shadow:0 6px 20px #ef44444d}.btn-success{background:var(--success);color:#fff;box-shadow:0 4px 14px 0 var(--success-glow)}.btn-success:hover:not(:disabled){background:#059669;box-shadow:0 6px 20px #10b9814d}.btn:disabled{opacity:.5;cursor:not-allowed}.badge{text-transform:uppercase;letter-spacing:.05em;border-radius:9999px;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-primary{background:var(--primary-glow);color:#a5b4fc;border:1px solid #6366f14d}.badge-secondary{background:var(--secondary-glow);color:#67e8f9;border:1px solid #06b6d44d}.badge-success{background:var(--success-glow);color:#6ee7b7;border:1px solid #10b9814d}.badge-warning{background:var(--warning-glow);color:#fde047;border:1px solid #f59e0b4d}.badge-danger{background:var(--danger-glow);color:#fca5a5;border:1px solid #ef44444d}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}.grid-2{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.grid-main-dashboard{grid-template-columns:2fr 1fr;gap:1.5rem;display:grid}@media (width<=1024px){.grid-3,.grid-main-dashboard{grid-template-columns:1fr}}@media (width<=768px){.grid-2{grid-template-columns:1fr}}.stat-card{position:relative;overflow:hidden}.stat-card:after{content:"";background:radial-gradient(circle, var(--primary-glow) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:100px;height:100px;position:absolute;top:-50%;right:-50%}.stat-value{font-size:2.25rem;font-weight:800;line-height:1;font-family:var(--font-heading);margin-top:.5rem}.stat-value.primary{color:var(--primary)}.stat-value.secondary{color:var(--secondary)}.stat-value.success{color:var(--success)}.stat-value.warning{color:var(--warning)}.stat-label{color:var(--text-muted);font-size:.875rem;font-weight:500}.navbar{border-bottom:1px solid var(--surface-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0f19cc;justify-content:space-between;align-items:center;padding:1.25rem 2rem;display:flex}.nav-logo{font-family:var(--font-heading);background:linear-gradient(to right, var(--text-main), var(--secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.75rem;font-size:1.35rem;font-weight:800;display:flex}.nav-links{align-items:center;gap:1.5rem;display:flex}.nav-link{color:var(--text-muted);border-radius:var(--radius-sm);transition:var(--transition-smooth);padding:.5rem .75rem;font-weight:500}.nav-link:hover,.nav-link.active{color:var(--text-main);background:#ffffff0d}.nav-user{align-items:center;gap:1rem;display:flex}.progress-circle-container{flex-direction:column;justify-content:center;align-items:center;width:150px;height:150px;margin:0 auto;display:flex;position:relative}.progress-circle-svg{width:100%;height:100%;transform:rotate(-90deg)}.progress-circle-bg{fill:none;stroke:#ffffff08;stroke-width:10px}.progress-circle-bar{fill:none;stroke:url(#progressGradient);stroke-width:10px;stroke-dasharray:440;stroke-dashoffset:440px;stroke-linecap:round;transition:stroke-dashoffset .8s ease-in-out}.progress-circle-text{text-align:center;font-family:var(--font-heading);position:absolute}.progress-hours{color:var(--text-main);font-size:1.75rem;font-weight:800}.progress-max{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-top:-.25rem;font-size:.75rem}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.75rem;width:calc(100% - 3rem);max-width:420px;display:flex;position:fixed;top:1.5rem;right:1.5rem}.toast-item{pointer-events:auto;border-radius:var(--radius-sm);-webkit-backdrop-filter:blur(12px);background:#111827d9;border:1px solid #ffffff14;align-items:center;gap:.75rem;padding:1rem;transition:all .2s;animation:.3s cubic-bezier(.16,1,.3,1) forwards toastSlideIn;display:flex;box-shadow:0 10px 25px -5px #00000080}.toast-item:hover{transform:translateY(-2px);box-shadow:0 12px 30px -5px #0009}.toast-icon{flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-message{font-family:var(--font-body);color:var(--text-main);flex-grow:1;font-size:.925rem;line-height:1.4}.toast-close{color:var(--text-muted);cursor:pointer;transition:var(--transition-smooth);background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:.25rem;display:flex}.toast-close:hover{color:var(--text-main);background:#ffffff0d}.toast-success{border-left:4px solid var(--success);box-shadow:0 10px 25px -5px #00000080,0 0 15px #10b98126}.toast-success .toast-icon{color:var(--success)}.toast-error{border-left:4px solid var(--danger);box-shadow:0 10px 25px -5px #00000080,0 0 15px #ef444426}.toast-error .toast-icon{color:var(--danger)}.toast-warning{border-left:4px solid var(--warning);box-shadow:0 10px 25px -5px #00000080,0 0 15px #f59e0b26}.toast-warning .toast-icon{color:var(--warning)}.toast-info{border-left:4px solid var(--primary);box-shadow:0 10px 25px -5px #00000080,0 0 15px #6366f126}.toast-info .toast-icon{color:var(--primary)}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)translateY(-10px)}to{opacity:1;transform:translate(0)translateY(0)}}.confirm-overlay{-webkit-backdrop-filter:blur(8px);z-index:9998;background:#000000a6;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.confirm-modal{maxWidth:460px;width:100%;margin:1.5rem;padding:2.25rem 2rem;animation:.3s cubic-bezier(.16,1,.3,1) forwards confirmPopIn;box-shadow:0 20px 40px #00000080}.confirm-title{font-family:var(--font-heading);color:var(--text-main);margin-bottom:.75rem;font-size:1.35rem;font-weight:700}.confirm-message{font-family:var(--font-body);color:var(--text-muted);margin-bottom:2rem;font-size:.95rem;line-height:1.5}.confirm-actions{justify-content:flex-end;gap:1rem;display:flex}@keyframes confirmPopIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}