:root{--c-bg: #070d1a;--c-surface-1: #0f172a;--c-surface-2: #1e293b;--c-surface-3: #293548;--c-border: rgba(255,255,255,.07);--c-border-h: rgba(255,255,255,.15);--c-accent: #4f46e5;--c-accent-h: #4338ca;--c-accent-2: #7c3aed;--c-success: #059669;--c-error: #dc2626;--c-warn: #d97706;--c-text: #f1f5f9;--c-muted: #94a3b8;--c-dim: #64748b;--font: "Inter", system-ui, -apple-system, sans-serif;--r-sm: 6px;--r: 12px;--r-lg: 20px;--r-xl: 28px;--sh-sm: 0 2px 8px rgba(0,0,0,.25);--sh: 0 8px 32px rgba(0,0,0,.4);--sh-lg: 0 24px 64px rgba(0,0,0,.55);--t: .2s ease;--glass: rgba(255,255,255,.055);--glass-h: rgba(255,255,255,.09);--glass-b: rgba(255,255,255,.11)}*,*:before,*:after{box-sizing:border-box}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--c-accent);transition:color var(--t)}a:hover{color:var(--c-accent-h);text-decoration:none}#loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:var(--c-bg);display:flex;align-items:center;justify-content:center}.navbar{background:#070d1ae0!important;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--c-border);padding:.625rem 0;font-family:var(--font)}.navbar-brand{display:flex;align-items:center;gap:.625rem;font-weight:700;font-size:1rem;letter-spacing:-.02em;color:var(--c-text)!important}.navbar-brand img{border-radius:8px}.navbar .nav-link{font-size:.875rem;font-weight:500;color:var(--c-muted)!important;padding:.5rem .75rem!important;border-radius:var(--r-sm);transition:color var(--t),background var(--t)!important}.navbar .nav-link:hover,.navbar .nav-link.active{color:var(--c-text)!important;background:var(--glass)}.dropdown-toggle:after{margin-left:.375em}.dropdown-menu-dark{background:var(--c-surface-2)!important;border:1px solid var(--c-border)!important;border-radius:var(--r)!important;padding:.375rem!important;box-shadow:var(--sh)!important;min-width:180px}.dropdown-menu-dark .dropdown-item{border-radius:var(--r-sm);color:var(--c-muted)!important;font-size:.85rem;font-weight:500;padding:.5rem .875rem!important;transition:background var(--t),color var(--t);display:flex;align-items:center;gap:.5rem}.dropdown-menu-dark .dropdown-item:hover{background:var(--c-accent)!important;color:#fff!important}#logoutbtn{font-size:.8rem!important;padding:.4rem .9rem!important;border-radius:var(--r-lg)!important;border-color:#fff3!important;color:var(--c-muted)!important;transition:all var(--t)!important}#logoutbtn:hover{background:#ffffff14!important;border-color:#ffffff59!important;color:var(--c-text)!important}.auth-split{min-height:100vh}.auth-image{position:relative;background-size:cover;background-position:center;overflow:hidden}.auth-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(150deg,#4f46e58c,#070d1ae0)}.auth-image-login{background-image:url(/images/white-blank-notebook-733857.jpg)}.auth-image-register{background-image:url(/images/inspirational-quotes-written-on-a-planner-636237.jpg)}.auth-image-forgot{background-image:url(/images/black-and-white-blur-close-up-lock-411227.jpg)}.auth-brand{position:absolute;bottom:2.5rem;left:2.5rem;z-index:2;color:#fff}.auth-brand .auth-logo{display:flex;align-items:center;gap:.625rem;font-size:1.25rem;font-weight:800;letter-spacing:-.03em;margin-bottom:.75rem}.auth-brand .auth-logo img{border-radius:8px}.auth-brand h2{font-size:1.6rem;font-weight:700;letter-spacing:-.03em;margin:0 0 .5rem;line-height:1.2}.auth-brand p{color:#ffffffa6;margin:0;font-size:.9rem;max-width:280px;line-height:1.5}.auth-panel{background:#fff;display:flex;align-items:center;justify-content:center;padding:3rem 2rem}.auth-form-wrap{width:100%;max-width:390px;animation:fadeUp .45s ease both}.auth-form-wrap .auth-heading{font-size:1.875rem;font-weight:800;letter-spacing:-.04em;color:#0f172a;margin:0 0 .375rem}.auth-form-wrap .auth-sub{color:#64748b;font-size:.9rem;margin-bottom:2rem}.auth-input{display:block;width:100%;padding:.8rem 1.125rem;border:1.5px solid #e2e8f0;border-radius:var(--r);font-family:var(--font);font-size:.9rem;background:#f8fafc;color:#0f172a;transition:border-color var(--t),box-shadow var(--t),background var(--t);outline:none;margin-bottom:1rem}.auth-input:focus{border-color:var(--c-accent);box-shadow:0 0 0 3px #4f46e524;background:#fff}.auth-input::placeholder{color:#94a3b8}.auth-btn{display:block;width:100%;padding:.85rem;background:linear-gradient(135deg,var(--c-accent) 0%,var(--c-accent-2) 100%);border:none;border-radius:var(--r);color:#fff;font-family:var(--font);font-size:.9rem;font-weight:600;letter-spacing:.01em;cursor:pointer;box-shadow:0 4px 24px #4f46e566;transition:opacity var(--t),transform var(--t),box-shadow var(--t);margin-bottom:1.25rem}.auth-btn:hover{opacity:.91;transform:translateY(-1px);box-shadow:0 6px 28px #4f46e58c}.auth-btn:active{transform:translateY(0);opacity:1}.auth-links{display:flex;justify-content:space-between;align-items:center;font-size:.82rem}.auth-links a{color:var(--c-accent);text-decoration:none;font-weight:500}.auth-links a:hover{text-decoration:underline}.page-bg{background-size:cover;background-position:center;background-attachment:fixed}.page-bg-diary{background-image:url(/images/blur-composition-desk-diary-261705.jpg)}.page-bg-collab{background-image:url(/images/bg.jpeg)}.page-bg-collab-book{background-image:url(/images/log.jpg)}.page-bg-personal{background-image:url(/images/wood-light-creative-space-68562.jpg)}.page-bg-memories{background-image:url(/images/brown-bookmark-1383562.jpg)}.page-bg-write{background-image:url(/images/close-up-of-hand-holding-pencil-over-white-background-316466.jpg)}.page-bg-addexpense{background-image:url(/images/crop-man-paying-with-american-dollars-4386417.jpg)}.page-bg-viewexpense{background-image:url(/images/classic-close-up-draw-expensive-372748.jpg)}.page-bg-salary{background-image:url(/images/person-holding-black-ceramic-pig-coin-bank-3943723.jpg)}.page-bg-todo{background-image:url(/images/person-writing-on-a-notebook-4238524.jpg)}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;background:linear-gradient(150deg,#070d1ad6,#1e293bc7)}.navbar,.page-section,footer{position:relative;z-index:1}.page-section{padding:3rem 0;min-height:calc(100vh - 66px)}.glass-card{background:var(--glass);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border:1px solid var(--glass-b);border-radius:var(--r-xl);padding:2.25rem 2rem;box-shadow:var(--sh);transition:border-color var(--t),box-shadow var(--t)}.glass-card:hover{border-color:var(--c-border-h);box-shadow:var(--sh-lg)}.btn{font-family:var(--font)!important;font-weight:500!important;letter-spacing:.01em!important;transition:all var(--t)!important}.btn-primary{background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2))!important;border:none!important;box-shadow:0 4px 16px #4f46e561!important}.btn-primary:hover{opacity:.88!important;transform:translateY(-1px)!important;box-shadow:0 6px 22px #4f46e585!important}.btn-primary:active{transform:translateY(0)!important}.btn-outline-light{border-color:#ffffff38!important;color:#fffc!important}.btn-outline-light:hover{background:#ffffff17!important;border-color:#ffffff61!important;color:#fff!important;transform:translateY(-1px)!important}.btn-danger{background:linear-gradient(135deg,#991b1b,#ef4444)!important;border:none!important}.form-control,.form-select{background:#ffffff0f!important;border:1.5px solid var(--c-border)!important;color:var(--c-text)!important;border-radius:var(--r)!important;font-family:var(--font)!important;transition:border-color var(--t),box-shadow var(--t)!important}.form-control:focus,.form-select:focus{background:#ffffff17!important;border-color:var(--c-accent)!important;box-shadow:0 0 0 3px #4f46e533!important;color:var(--c-text)!important}.form-control::placeholder{color:var(--c-dim)!important}textarea.form-control{line-height:1.65;resize:vertical}.form-label{color:var(--c-muted);font-size:.8rem;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}.form-select option{background:var(--c-surface-2);color:var(--c-text)}.hero-wrap{min-height:calc(100vh - 66px);display:flex;align-items:center}.hero-wrap h2{font-size:clamp(2rem,5vw,3.25rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:1rem}.hero-wrap p{font-size:1rem;color:var(--c-muted);max-width:460px;margin-bottom:2rem}.diary-quote{font-style:italic;font-size:1rem;line-height:1.75;color:#ffffffb8;padding:1.5rem 0 1rem}.entry-card{background:var(--glass);border:1px solid var(--glass-b);border-radius:var(--r-lg);padding:1.5rem;margin-bottom:1.25rem;transition:background var(--t),box-shadow var(--t)}.entry-card:hover{background:var(--glass-h);box-shadow:var(--sh-sm)}.entry-date{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-accent);margin-bottom:.625rem}.entry-author{font-size:.8rem;font-weight:600;color:var(--c-muted);margin-bottom:.375rem}.entry-text{color:var(--c-text);line-height:1.75;white-space:pre-wrap;word-break:break-word}.expense-card{background:var(--glass);border:1px solid var(--glass-b);border-radius:var(--r-lg);padding:1.25rem 1.5rem;margin-bottom:1rem;display:flex;justify-content:space-between;align-items:center;transition:background var(--t),box-shadow var(--t)}.expense-card:hover{background:var(--glass-h);box-shadow:var(--sh-sm)}.expense-amount{font-size:1.375rem;font-weight:700}.expense-meta{font-size:.78rem;color:var(--c-muted);margin-top:.2rem}.todo-card{background:var(--glass);border:1px solid var(--glass-b);border-left:3px solid var(--c-accent);border-radius:var(--r-lg);padding:1.25rem 1.5rem;margin-bottom:.875rem;transition:background var(--t),box-shadow var(--t)}.todo-card:hover{background:var(--glass-h);box-shadow:var(--sh-sm)}.todo-card h6{color:var(--c-text);font-weight:600;margin-bottom:.25rem}.todo-card p{color:var(--c-muted);font-size:.875rem;margin:0}.todo-card .todo-badge{font-size:.72rem;color:var(--c-dim);margin-top:.5rem}.section-title{font-size:1.375rem;font-weight:700;letter-spacing:-.02em;color:var(--c-text);margin-bottom:1.5rem;display:flex;align-items:center;gap:.625rem}.section-title .fa{color:var(--c-accent);font-size:1.1rem}.collab-nav-tabs{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2rem}.collab-nav-tabs .btn{border-radius:var(--r-lg)!important;font-size:.83rem!important;padding:.45rem 1.1rem!important}.carousel{border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh)}.carousel-item img,.carousel-item video{width:100%;max-height:440px;object-fit:cover}.carousel-control-prev-icon,.carousel-control-next-icon{filter:drop-shadow(0 0 4px rgba(0,0,0,.6))}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .5s ease both}.fade-up-1{animation-delay:.08s}.fade-up-2{animation-delay:.16s}.fade-up-3{animation-delay:.24s}#snackbar-container{position:fixed;bottom:1.5rem;right:1.5rem;z-index:10000;display:flex;flex-direction:column;gap:.5rem;width:340px;max-width:calc(100vw - 3rem)}.snackbar{display:flex;align-items:flex-start;gap:.75rem;padding:.9rem 1rem;border-radius:var(--r);font-size:.875rem;font-family:var(--font);line-height:1.45;color:#fff;box-shadow:0 8px 36px #00000073;transform:translate(calc(100% + 2rem));opacity:0;transition:transform .38s cubic-bezier(.34,1.4,.64,1),opacity .28s ease;cursor:default}.snackbar.snackbar-show{transform:translate(0);opacity:1}.snackbar.snackbar-hide{transform:translate(calc(100% + 2rem));opacity:0;transition:transform .28s ease,opacity .22s ease}.snackbar-success{background:linear-gradient(135deg,#065f46,#059669)}.snackbar-error{background:linear-gradient(135deg,#7f1d1d,#dc2626)}.snackbar-warning{background:linear-gradient(135deg,#78350f,#d97706)}.snackbar-info{background:linear-gradient(135deg,var(--c-accent),var(--c-accent-2))}.snackbar-icon{font-size:1rem;flex-shrink:0;margin-top:1px}.snackbar-msg{flex:1}.snackbar-close{background:none;border:none;color:#fff9;cursor:pointer;padding:0;font-size:.75rem;flex-shrink:0;margin-top:1px;line-height:1;transition:color var(--t)}.snackbar-close:hover{color:#fff}
