*{box-sizing:border-box}:root{color:#1f2937;background:#f3f7fb;font-family:Inter,Arial,sans-serif;font-weight:400;line-height:1.5}body{color:#1f2937;background:radial-gradient(circle at 0 0,#dbeafe 0%,#0000 35%),radial-gradient(circle at 100% 0,#ede9fe 0%,#0000 30%),#f3f7fb;min-width:320px;margin:0;transition:background .35s,color .35s}body.dark-mode{color:#e5e7eb;background:radial-gradient(circle at 0 0,#1e293bbf 0%,#0000 35%),radial-gradient(circle at 100% 0,#312e8173 0%,#0000 30%),#0f172a}button,input,select,textarea{font:inherit}.page-shell{min-height:100vh;padding:32px 16px 48px;animation:.6s pageFadeIn}.app-container{max-width:1120px;margin:0 auto;position:relative}.hero-section{text-align:center;margin-bottom:24px}.top-utility-bar{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:16px;display:flex}.hero-badge{color:#1d4ed8;background:#2563eb1a;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;transition:transform .25s,background-color .25s;display:inline-block}.hero-badge:hover{background:#2563eb29;transform:translateY(-2px)}body.dark-mode .hero-badge{color:#93c5fd;background:#60a5fa1f}.floating-sidebar-toggle{z-index:50;color:#fff;cursor:pointer;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:16px;width:54px;height:54px;font-size:24px;transition:left .35s,transform .25s,box-shadow .25s,filter .2s,background .25s;position:fixed;top:22px;left:22px;box-shadow:0 14px 28px #0f172a40}.floating-sidebar-toggle:hover{transform:scale(1.08)translateY(-1px);box-shadow:0 18px 34px #0f172a4d}.floating-sidebar-toggle.open{left:min(360px,90vw);transform:translate(12px)}body.dark-mode .floating-sidebar-toggle{color:#111827;background:linear-gradient(135deg,#e5e7eb,#cbd5e1)}.toast-box{z-index:60;border-radius:16px;min-width:260px;max-width:360px;padding:14px 18px;font-weight:700;animation:.3s toastSlideIn;position:fixed;top:22px;right:22px;box-shadow:0 18px 40px #0f172a2e}.toast-success{color:#166534;background:#dcfce7;border:1px solid #86efac}.toast-error{color:#b91c1c;background:#fee2e2;border:1px solid #fca5a5}.app-title{color:#111827;margin:0;font-size:clamp(30px,5vw,44px);line-height:1.05}body.dark-mode .app-title{color:#f8fafc}.animated-title{flex-wrap:wrap;justify-content:center;gap:14px;display:inline-flex}.animated-title span{animation:3.2s ease-in-out infinite floatWord;display:inline-block}.animated-title span:nth-child(2){animation-delay:.2s}.animated-title span:nth-child(3){animation-delay:.4s}.app-subtitle{color:#6b7280;max-width:700px;margin:14px auto 0;font-size:16px}body.dark-mode .app-subtitle{color:#cbd5e1}.top-search-wrap{max-width:760px;margin:24px auto 0}.search-shell{background:#ffffffe0;border:1px solid #bfdbfef2;border-radius:20px;align-items:center;gap:10px;padding:8px 12px;transition:transform .25s,box-shadow .25s,border-color .25s;display:flex;box-shadow:0 14px 35px #2563eb14}.search-shell:hover{transform:translateY(-2px);box-shadow:0 18px 42px #2563eb1f}.search-shell:focus-within{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}body.dark-mode .search-shell{background:#0f172ae0;border-color:#3b82f666;box-shadow:0 14px 35px #02061759}.search-icon{color:#64748b;font-size:20px;animation:2s ease-in-out infinite pulseIcon}body.dark-mode .search-icon{color:#cbd5e1}.top-search-input{color:#111827;background:0 0;border:none;outline:none;width:100%;padding:10px 4px;font-size:16px}.top-search-input::placeholder{color:#94a3b8}body.dark-mode .top-search-input{color:#f8fafc}body.dark-mode .top-search-input::placeholder{color:#94a3b8}.dashboard-box-grid{grid-template-columns:1fr 1fr;grid-template-areas:"stat1 stat2""form list";align-items:stretch;gap:24px;display:grid}.dashboard-box{width:100%;min-width:0;min-height:100%}.stat-box{flex-direction:column;justify-content:center;min-height:140px;display:flex}.dashboard-box-grid>.stat-box:first-child{grid-area:stat1}.dashboard-box-grid>.stat-box:last-of-type{grid-area:stat2}.form-box{flex-direction:column;grid-area:form;min-height:700px;display:flex}.list-box{flex-direction:column;grid-area:list;min-height:700px;max-height:700px;display:flex;overflow:hidden}.card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fffffff0;border:1px solid #e2e8f0e6;border-radius:22px;padding:22px;transition:transform .25s,box-shadow .25s,border-color .25s;box-shadow:0 10px 30px #0f172a0f}.card:hover{border-color:#bfdbfef2;transform:translateY(-2px);box-shadow:0 18px 40px #0f172a1a}body.dark-mode .card{background:#0f172ae0;border:1px solid #334155e6;box-shadow:0 12px 30px #02061759}body.dark-mode .card:hover{border-color:#60a5fa80}.summary-label{color:#6b7280;margin:0 0 10px;font-size:15px;font-weight:600}body.dark-mode .summary-label{color:#cbd5e1}.summary-value{color:#111827;margin:0;font-size:34px}body.dark-mode .summary-value{color:#f8fafc}.section-heading-row{justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.section-title{color:#111827;margin:0;font-size:24px}body.dark-mode .section-title{color:#f8fafc}.edit-badge,.count-badge{color:#4338ca;white-space:nowrap;background:#eef2ff;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}body.dark-mode .edit-badge,body.dark-mode .count-badge{color:#bfdbfe;background:#3b82f626}.form-stack{flex-direction:column;gap:14px;height:100%;display:flex}.field-group{flex-direction:column;display:flex}.field-label{color:#374151;margin-bottom:7px;font-size:14px;font-weight:600}body.dark-mode .field-label{color:#cbd5e1}.form-control{color:#111827;background:#fff;border:1px solid #d1d5db;border-radius:14px;outline:none;width:100%;min-height:48px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,transform .2s,background-color .2s,color .2s}.form-control:hover{border-color:#93c5fd}.form-control:focus{border-color:#2563eb;transform:translateY(-1px);box-shadow:0 0 0 4px #2563eb1f}body.dark-mode .form-control{color:#f8fafc;background:#0f172a;border-color:#334155}body.dark-mode .form-control::placeholder{color:#94a3b8}.textarea-control{resize:vertical;min-height:120px}.button-row{gap:12px;margin-top:auto;display:flex}.btn{cursor:pointer;border:none;border-radius:14px;padding:12px 16px;font-weight:700;transition:transform .18s,box-shadow .22s,opacity .2s,filter .2s}.btn:hover{filter:brightness(1.02);transform:translateY(-2px)}.btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 10px 20px #2563eb33}.btn-secondary{color:#1f2937;background:#e5e7eb}body.dark-mode .btn-secondary{color:#f8fafc;background:#334155}.btn-edit{color:#1d4ed8;background:#dbeafe}body.dark-mode .btn-edit{color:#bfdbfe;background:#3b82f62e}.btn-danger{color:#b91c1c;background:#fee2e2}body.dark-mode .btn-danger{color:#fecaca;background:#ef444429}.expense-list{flex-direction:column;flex:1;gap:14px;min-height:0;padding-right:8px;display:flex;overflow-y:auto}.expense-list::-webkit-scrollbar{width:8px}.expense-list::-webkit-scrollbar-track{background:0 0}.expense-list::-webkit-scrollbar-thumb{background:#94a3b880;border-radius:999px}.expense-list::-webkit-scrollbar-thumb:hover{background:#64748bcc}body.dark-mode .expense-list::-webkit-scrollbar-thumb{background:#94a3b859}body.dark-mode .expense-list::-webkit-scrollbar-thumb:hover{background:#94a3b899}.expense-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e5e7eb;border-radius:18px;padding:16px;transition:transform .22s,box-shadow .22s,border-color .22s}.expense-card:hover{border-color:#bfdbfe;transform:translateY(-3px);box-shadow:0 12px 28px #2563eb14}body.dark-mode .expense-card{background:linear-gradient(#111827 0%,#0f172a 100%);border-color:#334155}.expense-card-top{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.expense-title{color:#111827;margin:0;font-size:19px}body.dark-mode .expense-title{color:#f8fafc}.expense-amount{color:#111827;white-space:nowrap;font-weight:800}body.dark-mode .expense-amount{color:#f8fafc}.expense-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.pill{color:#1d4ed8;background:#eff6ff;border-radius:999px;align-items:center;padding:7px 12px;font-size:13px;font-weight:700;display:inline-flex}body.dark-mode .pill{color:#bfdbfe;background:#3b82f626}.meta-date{color:#6b7280;font-size:14px;font-weight:600}body.dark-mode .meta-date{color:#cbd5e1}.expense-description{color:#374151;margin:0 0 14px}body.dark-mode .expense-description{color:#cbd5e1}.empty-text{color:#6b7280;margin:0}body.dark-mode .empty-text{color:#cbd5e1}.empty-state-box{text-align:center;background:#f8fafc;border:1px dashed #cbd5e1;border-radius:18px;padding:22px}.error-state-box{border-style:solid}body.dark-mode .empty-state-box{background:#0f172a;border-color:#475569}.empty-state-title{color:#111827;margin:0 0 8px;font-size:20px}body.dark-mode .empty-state-title{color:#f8fafc}.empty-state-text{color:#6b7280;margin:0}body.dark-mode .empty-state-text{color:#cbd5e1}.expense-skeleton-card{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e5e7eb;border-radius:18px;padding:16px}body.dark-mode .expense-skeleton-card{background:linear-gradient(#111827 0%,#0f172a 100%);border-color:#334155}.skeleton{background:#94a3b838;border-radius:12px;position:relative;overflow:hidden}body.dark-mode .skeleton{background:#94a3b81f}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#ffffff73,#0000);animation:1.3s infinite skeletonShimmer;position:absolute;inset:0;transform:translate(-100%)}body.dark-mode .skeleton:after{background:linear-gradient(90deg,#0000,#ffffff1f,#0000)}.skeleton-title{width:42%;height:26px;margin-bottom:14px}.skeleton-row{justify-content:space-between;gap:12px;margin-bottom:14px;display:flex}.skeleton-pill{border-radius:999px;width:90px;height:28px}.skeleton-date{width:110px;height:20px}.skeleton-line{width:100%;height:16px;margin-bottom:10px}.skeleton-line.short{width:68%}.skeleton-button-row{gap:12px;margin-top:14px;display:flex}.skeleton-button{border-radius:12px;width:92px;height:38px}.sidebar-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:25;background:#0f172a73;animation:.25s fadeBackdrop;position:fixed;inset:0}.sidebar-panel{opacity:0;pointer-events:none;z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:24px;width:min(340px,100vw - 32px);height:calc(100vh - 104px);padding:24px 20px;transition:transform .35s,opacity .35s,box-shadow .25s;position:fixed;top:88px;left:16px;overflow-y:auto;transform:translate(-120%)scale(.98);box-shadow:0 22px 44px #0f172a29}.sidebar-panel.left{border-right:none}.sidebar-panel.left.open{opacity:1;pointer-events:auto;transform:translate(0)scale(1)}body.dark-mode .sidebar-panel{background:#0f172aeb;border-color:#475569cc;box-shadow:0 24px 50px #0206177a}.sidebar-panel.left{border-right:1px solid #dbeafe;left:0}.sidebar-panel.left.open{transform:translate(0)}body.dark-mode .sidebar-panel{background:#0f172afa;box-shadow:12px 0 30px #02061773}body.dark-mode .sidebar-panel.left{border-right-color:#334155}.sidebar-header{margin-bottom:22px}.sidebar-title{color:#111827;margin:0;font-size:24px}body.dark-mode .sidebar-title{color:#f8fafc}.sidebar-section{border-bottom:1px solid #e5e7eb;margin-bottom:24px;padding-bottom:20px}.sidebar-section:last-child{border-bottom:none}body.dark-mode .sidebar-section{border-bottom-color:#334155}.sidebar-section-title{color:#111827;margin:0 0 12px;font-size:18px}body.dark-mode .sidebar-section-title{color:#f8fafc}.sidebar-helper-text{color:#6b7280;margin:4px 0 0;font-size:14px}body.dark-mode .sidebar-helper-text{color:#cbd5e1}.sidebar-field-stack{flex-direction:column;gap:14px;display:flex}.sidebar-breakdown-list .breakdown-item{padding:10px 0}.breakdown-list{flex-direction:column;display:flex}.breakdown-item{border-bottom:1px solid #e5e7eb;justify-content:space-between;align-items:center;padding:12px 0;display:flex}.breakdown-item:last-child{border-bottom:none}body.dark-mode .breakdown-item{border-bottom-color:#334155}.toggle-row{justify-content:space-between;align-items:center;gap:14px;display:flex}.theme-arrow-toggle{color:#111827;cursor:pointer;background:#cbd5e1;border:none;border-radius:999px;justify-content:space-between;align-items:center;gap:10px;width:118px;height:44px;padding:6px 8px;transition:background .25s,transform .2s;display:flex}.theme-arrow-toggle:hover{transform:translateY(-1px)}.theme-arrow-toggle.active{color:#fff;background:#2563eb}.theme-arrow-text{padding-left:4px;font-size:13px;font-weight:700}.theme-arrow-circle{color:#111827;background:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;font-weight:900;display:flex;box-shadow:0 3px 8px #0000002e}.theme-arrow-toggle.active .theme-arrow-circle{color:#2563eb}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes toastSlideIn{0%{opacity:0;transform:translateY(-12px)translate(12px)}to{opacity:1;transform:translateY(0)translate(0)}}@keyframes fadeBackdrop{0%{opacity:0}to{opacity:1}}@keyframes pulseIcon{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.08)}}@keyframes floatWord{0%,to{text-shadow:0 0 #2563eb00;transform:translateY(0)}50%{text-shadow:0 10px 18px #2563eb1f;transform:translateY(-4px)}}@keyframes skeletonShimmer{to{transform:translate(100%)}}@media (width<=991px){.dashboard-box-grid{grid-template-columns:1fr;grid-template-areas:"stat1""stat2""form""list"}.form-box,.list-box{min-height:auto;max-height:none}.floating-sidebar-toggle.open{left:calc(100vw - 74px);transform:none}}@media (width<=767px){.page-shell{padding:20px 12px 36px}.dashboard-box-grid{gap:18px}.card{padding:18px}.section-heading-row,.expense-card-top,.expense-meta,.toggle-row{flex-direction:column;align-items:flex-start}.button-row,.skeleton-button-row{flex-direction:column}.btn{width:100%}.animated-title{gap:8px}.sidebar-panel{width:100%;max-width:100%}.floating-sidebar-toggle{top:16px;left:16px}.floating-sidebar-toggle.open{left:calc(100vw - 70px)}.toast-box{min-width:auto;max-width:none;top:86px;left:12px;right:12px}.premium-navbar{border-radius:18px;width:calc(100% - 20px);padding:14px 16px}.navbar-left,.navbar-right{gap:10px}.navbar-brand-text h2{font-size:16px}.navbar-brand-text p{font-size:11px}.user-meta{display:none}.sidebar-panel{width:calc(100vw - 20px);height:calc(100vh - 94px);top:82px;left:10px}}.dashboard-grid,.summary-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.card{flex-direction:column;justify-content:space-between;width:100%;min-height:120px;display:flex}.summary-card,.expense-card,.form-card,.list-card{width:100%;height:100%}.navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:14px 24px;display:flex}.nav-left{align-items:center;gap:14px;display:flex}.menu-btn{color:#fff;cursor:pointer;background:#2d3748;border:none;border-radius:8px;padding:8px 12px;font-size:20px;transition:all .2s}.menu-btn:hover{background:#4a5568}.nav-right{align-items:center;gap:12px;display:flex}.navbar button{color:#fff;cursor:pointer;background:#ff5c5c;border:none;border-radius:8px;padding:8px 14px}.sidebar{height:100vh;position:fixed;top:0;left:0}.navbar{box-shadow:0 4px 20px #0000004d}.premium-navbar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:35;background:#ffffff14;border:1px solid #ffffff24;border-radius:22px;justify-content:space-between;align-items:center;gap:18px;width:min(1120px,100% - 32px);margin:0 auto 24px;padding:16px 22px;display:flex;position:sticky;top:14px;box-shadow:0 18px 40px #0f172a24}body.dark-mode .premium-navbar{background:#0f172ab8;border-color:#94a3b824;box-shadow:0 18px 40px #02061766}.navbar-left,.navbar-right{align-items:center;gap:16px;display:flex}.navbar-brand{align-items:center;gap:14px;display:flex}.navbar-brand-badge{background:linear-gradient(135deg,#2563eb,#7c3aed);border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;display:grid;box-shadow:0 10px 24px #2563eb47}.navbar-brand-text h2{color:#0f172a;margin:0;font-size:20px}.navbar-brand-text p{color:#64748b;margin:2px 0 0;font-size:12px}body.dark-mode .navbar-brand-text h2{color:#f8fafc}body.dark-mode .navbar-brand-text p{color:#cbd5e1}.navbar-menu-btn{cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:16px;flex-direction:column;justify-content:center;gap:5px;width:52px;height:52px;padding:0 14px;transition:transform .25s,box-shadow .25s,background .25s;display:flex;box-shadow:0 12px 24px #0f172a3d}.navbar-menu-btn:hover{transform:translateY(-2px)scale(1.03);box-shadow:0 16px 28px #0f172a47}.navbar-menu-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)}body.dark-mode .navbar-menu-btn{background:linear-gradient(135deg,#e2e8f0,#cbd5e1)}body.dark-mode .navbar-menu-btn.active{background:linear-gradient(135deg,#2563eb,#1d4ed8)}.menu-line{background:#fff;border-radius:999px;width:100%;height:3px;transition:transform .25s,opacity .25s;display:block}body.dark-mode .navbar-menu-btn .menu-line{background:#0f172a}body.dark-mode .navbar-menu-btn.active .menu-line{background:#fff}.navbar-user-chip{background:#ffffff14;border-radius:18px;align-items:center;gap:12px;padding:8px 12px;display:flex}body.dark-mode .navbar-user-chip{background:#ffffff0f}.user-avatar{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.user-meta{flex-direction:column;line-height:1.2;display:flex}.user-meta strong{color:#0f172a;font-size:14px}.user-meta small{color:#64748b;font-size:12px}body.dark-mode .user-meta strong{color:#f8fafc}body.dark-mode .user-meta small{color:#cbd5e1}.navbar-logout-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:14px;padding:11px 16px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 10px 22px #ef44443d}.navbar-logout-btn:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ef44444d}.dashboard-box,.expense-card,.auth-card,.sidebar-section{animation:.45s both premiumRise}.dashboard-box:first-child{animation-delay:40ms}.dashboard-box:nth-child(2){animation-delay:80ms}.dashboard-box:nth-child(3){animation-delay:.12s}.dashboard-box:nth-child(4){animation-delay:.16s}@keyframes premiumRise{0%{opacity:0;transform:translateY(18px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.navbar,.top-navbar,.dashboard-navbar,.app-navbar{flex-wrap:wrap;gap:12px;width:100%;max-width:100%;padding:16px;overflow:hidden}.navbar-left,.nav-left,.brand-section{align-items:center;gap:12px;width:100%;display:flex}.navbar-right,.nav-right,.user-section{justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.user-card,.user-profile,.profile-box{max-width:calc(100% - 110px);overflow:hidden}.user-card span,.user-profile span,.profile-box span,.user-email,.user-name{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.logout-btn,.btn-logout{flex-shrink:0}}@media (width<=768px){*{box-sizing:border-box}.app,.dashboard,.dashboard-container,.main-content,.content,.page-wrapper{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.navbar,.top-navbar,.dashboard-navbar,.app-navbar{flex-wrap:wrap!important;gap:12px!important;width:100%!important;max-width:100%!important;padding:14px!important;overflow:hidden!important}.navbar-left,.nav-left,.brand-section{width:100%!important;min-width:0!important;max-width:100%!important}.navbar-right,.nav-right,.user-section{justify-content:space-between!important;width:100%!important;min-width:0!important;max-width:100%!important;display:flex!important}.user-card,.user-profile,.profile-box{min-width:0!important;max-width:calc(100% - 90px)!important;overflow:hidden!important}.user-name,.user-email{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;overflow:hidden!important}.logout-btn,.btn-logout{flex-shrink:0!important}body{overflow-x:hidden}.navbar{z-index:1000;position:relative;flex-direction:column!important;align-items:stretch!important;gap:14px!important;width:calc(100% - 24px)!important;max-width:calc(100% - 24px)!important;margin:12px auto!important;padding:14px!important;display:flex!important;overflow:hidden!important}.navbar-left{align-items:center!important;gap:12px!important;width:100%!important;min-width:0!important;display:flex!important}.navbar-left h1,.navbar-title,.brand-title{word-break:break-word!important;font-size:22px!important;line-height:1.2!important}.navbar-right{justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.user-profile,.user-card,.profile-box{flex:1!important;min-width:0!important;max-width:calc(100% - 100px)!important;overflow:hidden!important}.user-name,.user-email,.user-profile span,.user-profile p,.user-card span,.user-card p{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.logout-btn,.btn-logout{flex-shrink:0!important;width:auto!important;padding:12px 16px!important;font-size:14px!important}.sidebar{z-index:2000!important;width:85%!important;max-width:320px!important;height:100vh!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.sidebar.open,.sidebar.active{transform:translate(0)!important}.sidebar:not(.open):not(.active){transform:translate(-110%)!important}}html,body,#root{width:100%;max-width:100%;overflow-x:hidden}@media (width<=768px){.page-shell{padding:14px 10px 32px!important}.app-container{width:100%!important;max-width:100%!important;overflow-x:hidden!important}.premium-navbar{border-radius:22px!important;grid-template-columns:auto 1fr!important;grid-template-areas:"left left""right right"!important;row-gap:14px!important;width:100%!important;max-width:100%!important;margin:0 0 18px!important;padding:14px!important;display:grid!important;overflow:hidden!important}.navbar-left{grid-area:left!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.navbar-menu-btn{flex-shrink:0!important;width:54px!important;min-width:54px!important;height:54px!important}.navbar-brand{flex:1!important;align-items:center!important;gap:10px!important;min-width:0!important;display:flex!important}.navbar-brand-badge{flex-shrink:0!important;width:54px!important;min-width:54px!important;height:54px!important}.navbar-brand-text{flex:1!important;min-width:0!important}.navbar-brand-text h2{word-break:break-word!important;margin:0!important;font-size:20px!important;line-height:1.15!important}.navbar-brand-text p{margin:4px 0 0!important;font-size:12px!important;line-height:1.25!important}.navbar-right{grid-area:right!important;justify-content:space-between!important;align-items:center!important;gap:10px!important;width:100%!important;min-width:0!important;display:flex!important}.navbar-user-chip{flex:1!important;align-items:center!important;gap:10px!important;min-width:0!important;max-width:calc(100% - 95px)!important;display:flex!important;overflow:hidden!important}.user-avatar{flex-shrink:0!important;width:44px!important;min-width:44px!important;height:44px!important}.user-meta{min-width:0!important;display:block!important;overflow:hidden!important}.user-meta strong,.user-meta small{white-space:nowrap!important;text-overflow:ellipsis!important;max-width:100%!important;display:block!important;overflow:hidden!important}.navbar-logout-btn{flex-shrink:0!important;width:auto!important;min-width:82px!important;padding:12px 14px!important;font-size:14px!important}.sidebar-panel{z-index:9999!important;border-radius:0 24px 24px 0!important;width:86vw!important;max-width:340px!important;height:100vh!important;padding:24px 20px!important;position:fixed!important;top:0!important;left:0!important;overflow-y:auto!important}.sidebar-panel.left.open{opacity:1!important;pointer-events:auto!important;transform:translate(0)scale(1)!important}.sidebar-backdrop{z-index:9998!important}}.auth-page{background:radial-gradient(circle at 0 0,#dbeafe 0%,#0000 35%),radial-gradient(circle at 100% 0,#ede9fe 0%,#0000 30%),#f3f7fb;place-items:center;min-height:100vh;padding:24px;display:grid}.auth-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffeb;border:1px solid #e2e8f0e6;border-radius:24px;width:100%;max-width:460px;padding:32px;box-shadow:0 20px 45px #0f172a14}.auth-badge{color:#1d4ed8;background:#2563eb1a;border-radius:999px;margin-bottom:14px;padding:8px 14px;font-size:13px;font-weight:700;display:inline-block}.auth-title{color:#111827;margin:0;font-size:34px}.auth-subtitle{color:#6b7280;margin:10px 0 0;font-size:15px}.auth-form{flex-direction:column;gap:16px;margin-top:24px;display:flex}.auth-field{flex-direction:column;gap:8px;display:flex}.auth-field label{color:#374151;font-size:14px;font-weight:600}.auth-field input{min-height:48px;font:inherit;border:1px solid #d1d5db;border-radius:14px;outline:none;padding:12px 14px;transition:border-color .2s,box-shadow .2s}.auth-field input:focus{border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1f}.auth-error{color:#b91c1c;margin:0;font-size:14px;font-weight:600}.auth-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#2563eb,#1d4ed8);border:none;border-radius:14px;min-height:48px;font-size:15px;font-weight:700;transition:transform .2s,opacity .2s}.auth-button:hover{transform:translateY(-1px)}.auth-button:disabled{opacity:.7;cursor:not-allowed}.auth-switch{color:#6b7280;text-align:center;margin:20px 0 0;font-size:14px}.auth-switch a{color:#2563eb;font-weight:700;text-decoration:none}.auth-switch a:hover{text-decoration:underline}