@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";
:root{--font-sans:"Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--bg-main:#050a07;--bg-gradient:radial-gradient(circle at 50% 0%, #0d2218 0%, #050a07 100%);--panel-bg:#0d1b1473;--panel-bg-hover:#14261d8c;--panel-border:#ffffff14;--panel-border-glow:#34d39933;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--mood-joy:#10b981;--mood-anger:#f43f5e;--mood-sadness:#3b82f6;--mood-calm:#14b8a6;--mood-anxiety:#f59e0b;--mood-energetic:#8b5cf6;--mood-tired:#64748b;--mood-restlessness:#f97316;--mood-nervous:#eab308;--mood-panic:#d946ef;--glow-emerald:0 0 20px #10b98126;--glow-panel:0 8px 32px 0 #0000005e;--radius-lg:16px;--radius-md:12px;--radius-sm:8px;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;font-family:var(--font-sans);background:var(--bg-main);background-image:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-attachment:fixed;min-height:100vh;overflow-x:hidden}a{color:inherit;text-decoration:none}.glass-panel{background:var(--panel-bg);-webkit-backdrop-filter:blur(16px)saturate(120%);border:1px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--glow-panel);transition:var(--transition-smooth)}.glass-panel:hover{background:var(--panel-bg-hover);border-color:#ffffff1f}.glass-input{border:1px solid var(--panel-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);font-family:var(--font-sans);transition:var(--transition-smooth);background:#00000040;outline:none;padding:12px 16px;font-size:1rem}.glass-input:focus{border-color:var(--mood-joy);background:#0006;box-shadow:0 0 10px #10b9811a}.glass-input::placeholder{color:var(--text-muted)}.glass-btn{border:1px solid var(--panel-border);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:var(--transition-smooth);font-weight:500;font-family:var(--font-sans);background:#ffffff14;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:.95rem;display:inline-flex}.glass-btn:hover:not(:disabled){background:#ffffff26;border-color:#fff3;transform:translateY(-1px)}.glass-btn:active:not(:disabled){transform:translateY(1px)}.glass-btn:disabled{opacity:.5;cursor:not-allowed}.glass-btn-primary{background:var(--mood-joy);color:#020617;border:none;font-weight:600}.glass-btn-primary:hover:not(:disabled){color:#020617;background:#34d399;box-shadow:0 0 15px #10b9814d}.glass-btn-danger{color:#fda4af;background:#f43f5e33;border-color:#f43f5e4d}.glass-btn-danger:hover:not(:disabled){color:#fff;background:#f43f5e59;border-color:#f43f5e80}.mood-badge{border:1px solid #ffffff0d;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:.85rem;font-weight:500;display:inline-flex}.mood-badge.joy{color:#6ee7b7;background:#10b98126;border-color:#10b98133}.mood-badge.anger{color:#fca5a5;background:#f43f5e26;border-color:#f43f5e33}.mood-badge.sadness{color:#93c5fd;background:#3b82f626;border-color:#3b82f633}.mood-badge.calm{color:#5eead4;background:#14b8a626;border-color:#14b8a633}.mood-badge.anxiety{color:#fde047;background:#f59e0b26;border-color:#f59e0b33}.mood-badge.energetic{color:#c4b5fd;background:#8b5cf626;border-color:#8b5cf633}.mood-badge.tired{color:#cbd5e1;background:#64748b26;border-color:#64748b33}.mood-badge.restlessness{color:#fdba74;background:#f9731626;border-color:#f9731633}.mood-badge.nervous{color:#fef08a;background:#eab30826;border-color:#eab30833}.mood-badge.panic{color:#f5d0fe;background:#d946ef26;border-color:#d946ef33}@keyframes fadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s cubic-bezier(.16,1,.3,1) forwards fadeIn}.animate-slide-up{animation:.4s cubic-bezier(.16,1,.3,1) forwards slideUp}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#0000001a}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#fff3}@media (max-width:768px){.nav-header{width:calc(100% - 16px)!important;margin:8px auto!important}.nav-container{padding:10px 14px!important}.profile-box{background:0 0!important;border-color:#0000!important;padding:4px!important}.hero-container{text-align:center;justify-content:center!important;gap:16px!important;padding:24px 20px!important}.hero-title{font-size:1.5rem!important;line-height:1.3!important}.hero-subtitle{font-size:.9rem!important}.hero-btn{justify-content:center!important;width:100%!important;padding:12px 20px!important}.stats-grid{grid-template-columns:repeat(2,1fr)!important;gap:10px!important;margin:0!important}.stats-grid>div:last-child{grid-column:span 2}.stats-card{justify-content:flex-start!important;gap:10px!important;padding:14px 12px!important}.stats-icon-box{border-radius:10px!important;padding:8px!important}.stats-icon-box svg{width:18px!important;height:18px!important}.stats-label{letter-spacing:.02em!important;font-size:.7rem!important}.stats-value{margin-top:2px!important;font-size:1.25rem!important}}@media (max-width:480px){.stats-grid{gap:8px!important}.stats-card{gap:8px!important;padding:10px!important}.stats-value{font-size:1.15rem!important}}.dropdown-item{transition:var(--transition-smooth)}.dropdown-item:hover{color:#fff!important;background:#ffffff0d!important}.dropdown-item.danger:hover{color:#fff!important;background:#f43f5e26!important}.modal-footer{border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#0003;border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;padding:16px 24px;display:flex}.modal-footer-primary{gap:10px;display:flex}@media (max-width:500px){.modal-footer{flex-direction:column-reverse!important;align-items:stretch!important;gap:10px!important;padding:14px 16px!important}.modal-footer-secondary{flex:1!important;justify-content:center!important;width:100%!important;display:flex!important}.modal-footer-secondary .glass-btn-danger{justify-content:center!important;width:100%!important;padding:12px 16px!important}.modal-footer-primary{gap:8px!important;width:100%!important;display:flex!important}.modal-footer-primary .glass-btn{flex:1!important;justify-content:center!important;padding:12px 8px!important;font-size:.9rem!important}.confirm-delete-container{text-align:center;flex-direction:column!important;align-items:stretch!important;gap:10px!important}.confirm-delete-buttons{gap:8px!important;width:100%!important;display:flex!important}.confirm-delete-buttons .glass-btn{flex:1!important;justify-content:center!important;padding:10px 8px!important}}