:root{--bg-main:#0f172a;--bg-card:#1e293b;--text-main:#f8fafc;--text-muted:#94a3b8;--border:#334155;--primary:#6366f1;--primary-hover:#4f46e5}[data-theme=light]{--bg-main:#f8fafc;--bg-card:#fff;--text-main:#0f172a;--text-muted:#64748b;--border:#e2e8f0;--primary:#6366f1;--primary-hover:#4f46e5}.auth-page{background-color:var(--bg-main);text-transform:lowercase;justify-content:center;align-items:center;min-height:100vh;transition:background-color .3s;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:400px;padding:3rem 2.5rem;transition:background .3s,border .3s;box-shadow:0 20px 40px #0006}.input-wrapper{position:relative}.input-wrapper input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f140}.input-icon{color:var(--text-muted);position:absolute;top:50%;left:12px;transform:translateY(-50%)}.auth-btn:hover{background:var(--primary-hover);transform:translateY(-1px)}.theme-btn-fixed:hover{border-color:var(--primary)}html,body{background-color:var(--bg-main);width:100%;height:100%;margin:0;padding:0;overflow-x:hidden}*{box-sizing:border-box;margin:0;padding:0}.app-container{background-color:var(--bg-main);flex-direction:column;min-height:100vh;transition:background-color .3s;display:flex}.main-content{flex:1;width:100%;max-width:1400px;margin:0 auto;padding:2rem}.section-wrapper{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-top:1rem;padding:1.5rem;transition:all .25s}.section-wrapper:hover{border-color:var(--primary);transform:translateY(-2px)}.loader{color:var(--text-muted);letter-spacing:1px;text-transform:lowercase;justify-content:center;align-items:center;padding:4rem;font-size:.9rem;font-weight:500;display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:10px;transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--primary)}@media (width<=768px){.main-content{padding:1rem}.section-wrapper{padding:1.2rem}}.navbar{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:100;text-transform:lowercase;justify-content:space-between;align-items:center;padding:.75rem 2rem;transition:background .3s,border .3s;display:flex;position:sticky;top:0}.navbar-logo{letter-spacing:-.5px;color:var(--text-main);font-size:1.25rem;font-weight:700}.navbar-logo span{color:var(--primary)}.navbar-links{gap:1rem;display:flex}.nav-item{color:var(--text-muted);border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.nav-item:hover{color:var(--text-main);background-color:var(--bg-main)}.nav-item.active{color:var(--primary);background-color:#6366f11a}.navbar-actions{align-items:center;gap:1rem;display:flex}.icon-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;background:0 0;border-radius:8px;align-items:center;padding:8px;transition:all .2s;display:flex}.icon-btn:hover{border-color:var(--primary);color:var(--primary)}.logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background-color:#ef44441a}@media (width<=768px){.navbar{padding:.6rem 1rem}.nav-item span,.logout-btn span{display:none}.navbar-links{gap:.5rem}}.dashboard-wrapper{background-color:var(--bg-main);min-height:100vh;transition:background-color .3s}.glass-nav{background-color:var(--bg-card);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;padding:1rem 5%;display:flex;position:sticky;top:0}.logo{color:var(--text-main);text-transform:lowercase;font-size:1.4rem;font-weight:800}.nav-btns{gap:12px;display:flex}.theme-toggle,.logout-btn{border:1px solid var(--border);color:var(--text-muted);cursor:pointer;text-transform:lowercase;background:0 0;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:.85rem;transition:all .2s;display:flex}.theme-toggle:hover,.logout-btn:hover{border-color:var(--primary);color:var(--text-main)}.main-content{max-width:800px;margin:2rem auto;padding:0 15px}.search-container{margin-bottom:1.5rem;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:15px;transform:translateY(-50%)}.search-container input{background-color:var(--bg-card);border:1px solid var(--border);width:100%;color:var(--text-main);text-transform:lowercase;box-sizing:border-box;border-radius:12px;outline:none;padding:14px 14px 14px 45px;font-size:.95rem;transition:all .2s}.search-container input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #6366f133}.modern-form{background-color:var(--bg-card);border:1px solid var(--border);border-radius:16px;margin-bottom:2rem;padding:1.5rem}.form-header{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.form-title{text-transform:lowercase;color:var(--text-main);margin:0;font-weight:600}.cancel-btn{color:var(--text-muted);cursor:pointer;text-transform:lowercase;background:0 0;border:none;align-items:center;gap:4px;font-size:.8rem;display:flex}.cancel-btn:hover{color:var(--primary)}.input-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.full-width{grid-column:1/-1}.input-field label{color:var(--text-muted);text-transform:lowercase;margin-bottom:4px;font-size:.75rem;display:block}.input-field input,.input-field select{background-color:var(--bg-main);width:100%;color:var(--text-main);border:1px solid var(--border);box-sizing:border-box;border-radius:8px;outline:none;padding:10px;transition:all .2s}.input-field input:focus,.input-field select:focus{border-color:var(--primary)}input[type=datetime-local]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light] input[type=datetime-local]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.submit-btn{background-color:var(--primary);color:#fff;cursor:pointer;text-transform:lowercase;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;margin-top:1.2rem;padding:12px;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover{opacity:.9}.update-mode{background-color:var(--text-main)!important;color:var(--bg-main)!important}.entry-card{background-color:var(--bg-card);border:1px solid var(--border);border-left:4px solid var(--border);content-visibility:auto;contain-intrinsic-size:110px;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:10px;padding:1rem;transition:transform .2s,background-color .15s ease-out;display:flex}.entry-card:hover{transform:translateY(-2px)}.entry-card.gave{border-left-color:var(--got)}.entry-card.got{border-left-color:var(--gave)}.name-display{color:var(--text-main);text-transform:lowercase;font-size:1rem;display:block}.desc-display{color:var(--text-muted);text-transform:lowercase;font-size:.85rem;display:block}.comment-display{color:var(--primary);text-transform:lowercase;margin:2px 0;font-size:.75rem;font-style:italic;display:block}.date-display{color:var(--text-muted);font-size:.7rem;display:block}.entry-actions-group{align-items:center;gap:15px;display:flex}.entry-status-group{text-align:right}.status-label{text-transform:lowercase;font-size:.65rem;font-weight:700;display:block}.gave .status-label,.gave .entry-amt{color:var(--got)}.got .status-label,.got .entry-amt{color:var(--gave)}.entry-amt{font-size:1.1rem;font-weight:800}.btn-group{gap:8px;display:flex}.action-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:4px;transition:all .2s}.action-btn.edit:hover{color:var(--primary)}.action-btn.delete:hover{color:var(--gave)}datalist{background-color:var(--bg-card);color:var(--text-main)}.analytics-page-wrapper{background-color:var(--bg-main);min-height:100vh;transition:background-color .3s}.analytics-content{max-width:1000px;margin:0 auto;padding:2rem 1rem}.chart-container{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;margin-bottom:2rem;padding:2rem;transition:border .2s,transform .2s}.chart-container:hover{border-color:var(--primary);transform:translateY(-2px)}.chart-label{color:var(--text-main);text-transform:lowercase;margin-bottom:2rem;font-size:1rem;font-weight:600}.nav-link-btn{background:var(--bg-main);border:1px solid var(--border);color:var(--text-main);text-transform:lowercase;border-radius:8px;align-items:center;gap:8px;padding:8px 16px;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-flex}.nav-link-btn:hover{border-color:var(--primary);color:var(--primary)}.slicer-container{background:var(--bg-card);border:1px solid var(--border);border-radius:16px;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:1rem 1.5rem;transition:border .2s;display:flex}.slicer-container:hover{border-color:var(--primary)}.slicer-group{align-items:center;gap:12px;display:flex}.slicer-group label{color:var(--text-muted);text-transform:lowercase;font-size:.9rem}.name-slicer{background:var(--bg-main);color:var(--text-main);border:1px solid var(--border);cursor:pointer;text-transform:lowercase;border-radius:8px;outline:none;padding:6px 12px;transition:all .2s}.name-slicer:focus{border-color:var(--primary)}.record-badge{background:var(--primary);color:#fff;text-transform:lowercase;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600}@media (width<=768px){.analytics-content{padding:1.5rem 1rem}.slicer-container{flex-direction:column;align-items:flex-start;gap:10px}}.ledger-container{max-width:1200px;margin:auto;padding:20px;font-family:Inter,sans-serif}.ledger-controls{background:#1e1e1e;border:1px solid #333;border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:15px;padding:15px;display:flex}.filter-group{align-items:center;gap:10px;display:flex}.name-select{color:#fff;cursor:pointer;background:#2d2d2d;border:1px solid #444;border-radius:6px;outline:none;padding:8px 12px}.name-select:focus{border-color:#2563eb}.export-btn{color:#fff;cursor:pointer;background:#2563eb;border:none;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-weight:500;transition:all .2s;display:flex}.export-btn:hover{background:#1d4ed8}.ledger-stat-summary span{color:#e4e4e7;font-family:monospace;font-size:1.1rem}.table-wrapper{border:1px solid #333;border-radius:8px;max-height:70vh;overflow-x:auto}.table-wrapper::-webkit-scrollbar{width:8px;height:8px}.table-wrapper::-webkit-scrollbar-thumb{background:#444;border-radius:10px}.table-wrapper::-webkit-scrollbar-thumb:hover{background:#555}.modern-table{border-collapse:collapse;color:#e4e4e7;background:#18181b;width:100%;font-size:.9rem}.modern-table th{text-align:left;z-index:5;background:#27272a;border-bottom:2px solid #3f3f46;padding:12px;position:sticky;top:0}.modern-table td{border-bottom:1px solid #27272a;padding:10px 12px}.modern-table tr:hover{background:#212124}.gave-col{color:#22c55e;text-align:right;font-weight:600}.got-col{color:#ef4444;text-align:right;font-weight:600}.total-col{text-align:right;font-weight:700}.total-col.pos{color:#3b82f6}.total-col.neg{color:#f97316}@media (width<=768px){.ledger-controls{flex-direction:column;align-items:flex-start;gap:10px}.modern-table{font-size:.8rem}.modern-table th,.modern-table td{padding:8px}}.bulk-container{background:var(--card-bg);border:1px solid var(--border-color);border-radius:16px;max-width:500px;margin:4rem auto;padding:2rem;box-shadow:0 4px 20px #00000014}.upload-section{border:2px dashed var(--border-color);background:var(--bg-subtle);border-radius:12px;flex-direction:column;align-items:center;gap:1.25rem;margin:1.5rem 0;padding:2rem;display:flex}.upload-icon{color:var(--primary-color);opacity:.8}.action-buttons{flex-direction:column;gap:1rem;width:100%;margin-top:.5rem;display:flex}.primary-btn{background:var(--primary-color);color:#fff;cursor:pointer;border:none;border-radius:8px;width:100%;padding:.8rem;font-weight:600}.text-link-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;font-size:.9rem;text-decoration:underline;display:flex}.preview-info{color:var(--success-color);align-items:center;gap:8px;font-size:.9rem;display:flex}.info-box{background:rgba(var(--primary-rgb), .1);color:var(--text-main);text-align:left;border-radius:8px;gap:12px;padding:1rem;display:flex}:root{--bg-main:#f4f7f6;--bg-card:#fff;--primary:#6366f1;--border:#e2e8f0;--text-main:#1a202c;--text-muted:#718096}[data-theme=dark]{--bg-main:#0f172a;--bg-card:#1e293b;--primary:#818cf8;--border:#334155;--text-main:#f8fafc;--text-muted:#94a3b8}.auth-page{background-color:var(--bg-main);text-transform:lowercase;justify-content:center;align-items:center;min-height:100vh;display:flex}.auth-card{background:var(--bg-card);border:1px solid var(--border);border-radius:24px;width:100%;max-width:400px;padding:3rem 2.5rem;box-shadow:0 20px 40px #0003}.auth-header{text-align:center;margin-bottom:2.5rem}.auth-header h1{color:var(--text-main);margin:10px 0 5px;font-size:1.8rem}.auth-header p{color:var(--text-muted);font-size:.9rem}.auth-field{margin-bottom:1.5rem}.auth-field label{color:var(--text-muted);margin-bottom:8px;font-size:.85rem;display:block}.input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);position:absolute;left:12px}.input-wrapper input{background:var(--bg-main);border:1px solid var(--border);width:100%;color:var(--text-main);border-radius:12px;outline:none;padding:12px 12px 12px 40px;transition:all .2s}.input-wrapper input:focus{border-color:var(--primary)}.auth-btn{background:var(--primary);color:#fff;cursor:pointer;border:none;border-radius:12px;width:100%;margin-top:1rem;padding:14px;font-weight:600;transition:all .2s}.auth-btn:hover{opacity:.9;transform:translateY(-1px)}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.theme-btn-fixed{background:var(--bg-card);border:1px solid var(--border);color:var(--text-main);cursor:pointer;z-index:9999;border-radius:50%;justify-content:center;align-items:center;padding:10px;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}.theme-btn-fixed:hover{border-color:var(--primary);background:var(--bg-main);transform:scale(1.1)}.theme-btn-fixed:active{transform:scale(.9)}.logo{letter-spacing:-1px;color:var(--text-main);margin-bottom:1rem;font-size:1.5rem;font-weight:800;display:block}.logo span{color:var(--primary)}.auth-form{width:100%}.input-wrapper input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #6366f133}
