@import url(https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600&display=swap);:root,[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#111118;--bg-card:#16161f;--bg-elevated:#1e1e2a;--gold:#c9a84c;--gold-light:#e8c96a;--gold-dim:#c9a84c1f;--gold-border:#c9a84c4d;--text-primary:#f0ece0;--text-secondary:#9e9b8e;--text-muted:#5a5850;--accent-green:#4caf7d;--accent-red:#e05252;--border:#ffffff0f;--shadow-card:0 8px 32px #00000080;--navbar-bg:#0a0a0feb;--navbar-mobile-bg:#0a0a0ff7;--input-bg:#ffffff0a;--input-border:#ffffff1a;--overlay-bg:#000000b3;--gradient-hero:radial-gradient(ellipse at 15% 15%,#c9a84c0d 0%,#0000 55%),radial-gradient(ellipse at 85% 85%,#5271e00a 0%,#0000 55%)}[data-theme=light]{--bg-primary:#f5f3ee;--bg-secondary:#ede9e0;--bg-card:#fff;--bg-elevated:#faf8f4;--gold:#a8761e;--gold-light:#c9901e;--gold-dim:#a8761e1a;--gold-border:#a8761e4d;--text-primary:#1a1710;--text-secondary:#5c5648;--text-muted:#9e9484;--accent-green:#2d7a52;--accent-red:#c0392b;--border:#00000014;--shadow-card:0 4px 24px #00000014;--navbar-bg:#f5f3eef2;--navbar-mobile-bg:#f5f3eefc;--input-bg:#00000008;--input-border:#0000001f;--overlay-bg:#00000080;--gradient-hero:radial-gradient(ellipse at 15% 15%,#a8761e0f 0%,#0000 55%),radial-gradient(ellipse at 85% 85%,#5271e00a 0%,#0000 55%)}:root{--radius:12px;--radius-sm:8px;--radius-lg:20px;--font-display:"Playfair Display",serif;--font-body:"DM Sans",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#0a0a0f;background:var(--bg-primary);color:#f0ece0;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body);font-size:14px;line-height:1.6;min-height:100vh;transition:background .3s ease,color .3s ease}body:before{background:radial-gradient(ellipse at 15% 15%,#c9a84c0d 0,#0000 55%),radial-gradient(ellipse at 85% 85%,#5271e00a 0,#0000 55%);background:var(--gradient-hero);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:#0a0a0f;background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:#5a5850;background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#c9a84c;background:var(--gold)}::selection{background:#c9a84c1f;background:var(--gold-dim);color:#e8c96a;color:var(--gold-light)}.page-container{min-height:calc(100vh - 64px);padding-top:64px}.navbar{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--navbar-bg);border-bottom:1px solid var(--border);height:64px;left:0;position:fixed;right:0;top:0;transition:background .3s ease;z-index:1000}.nav-container{gap:20px;height:100%;justify-content:space-between;margin:0 auto;max-width:1400px;padding:0 24px}.nav-container,.nav-logo{align-items:center;display:flex}.nav-logo{color:var(--gold);cursor:pointer;flex-shrink:0;font-family:var(--font-display);font-size:20px;font-weight:600;gap:8px;letter-spacing:.02em;text-shadow:0 0 20px #c9a84c4d;white-space:nowrap}.nav-time{color:var(--text-muted);font-size:12px;letter-spacing:.03em}.nav-links,.nav-time{align-items:center;display:flex}.nav-links{gap:12px}.nav-user{background:var(--bg-card);border:1px solid var(--border);border-radius:20px;color:var(--text-secondary);font-size:13px;padding:6px 12px}.nav-btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:500;gap:6px;padding:7px 16px;text-decoration:none;transition:all .2s}.nav-btn.secondary{background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold-light)}.nav-btn.secondary:hover{background:#c9a84c33}.nav-btn.danger{background:#e052521f;border:1px solid #e0525240;color:var(--accent-red)}.nav-btn.danger:hover{background:#e0525233}.theme-toggle{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;transition:all .2s ease;width:36px}.theme-toggle:hover{background:var(--gold-dim);border-color:var(--gold-border);transform:scale(1.05)}.nav-right-mobile{align-items:center;display:none;gap:8px}.menu-toggle{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:18px;padding:6px}@media (max-width:768px){.nav-links .theme-toggle,.nav-time{display:none}.nav-right-mobile{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--navbar-mobile-bg);border-bottom:1px solid var(--border);display:none;flex-direction:column;gap:10px;left:0;padding:20px;position:absolute;right:0;top:64px}.nav-links.open{display:flex}.nav-btn{justify-content:center;width:100%}}@media (min-width:769px){.menu-toggle,.nav-right-mobile{display:none}}.login-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:24px;transition:background .3s ease}.login-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:420px;overflow:hidden;padding:40px;position:relative;transition:background .3s ease,border-color .3s ease;width:100%}.login-card:before{background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));content:"";height:3px;left:0;position:absolute;right:0;top:0}.login-card h2{color:var(--gold);font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:.02em;margin-bottom:6px;text-align:center}.login-subtitle{color:var(--text-muted);font-size:13px;margin-bottom:28px;text-align:center}.login-card form{display:flex;flex-direction:column;gap:14px}.login-card input{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s,background .3s,color .3s;width:100%}.login-card input:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.login-card input::placeholder{color:var(--text-muted)}.forgot-password{color:var(--gold);cursor:pointer;font-size:13px;margin-top:16px;text-align:center;transition:color .2s}.forgot-password:hover{color:var(--gold-light)}.register-link{color:var(--text-muted);font-size:13px;margin-top:20px;text-align:center}.register-link hr{border:none;border-top:1px solid var(--border);margin:12px 0}.register-link b{color:var(--text-secondary);font-weight:500}.register-link p{margin:4px 0}.loading-backdrop{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;position:fixed;z-index:5000}.loading-pill{align-items:center;background:var(--bg-card);border:1px solid var(--gold-border);border-radius:100px;box-shadow:0 0 30px #c9a84c26,var(--shadow-card);display:flex;gap:10px;padding:14px 24px}.loading-spinner{animation:spin 1s linear infinite;color:var(--gold);height:18px;width:18px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{color:var(--text-secondary)}.flash-message,.loading-text{font-size:13px;font-weight:500}.flash-message{align-items:center;animation:slideRight .3s ease;border:1px solid;border-radius:var(--radius-sm);box-shadow:0 8px 24px #0006;display:flex;gap:12px;justify-content:space-between;max-width:360px;min-width:260px;padding:12px 16px;position:fixed;right:20px;top:80px;z-index:9999}@keyframes slideRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.flash-message.success{background:#4caf7d26;border-color:#4caf7d66;color:#6fcfa0}.flash-message.error{background:#e0525226;border-color:#e0525266;color:#e88484}.flash-left{align-items:center;display:flex;flex:1 1;gap:8px}.flash-text{line-height:1.4}.flash-close{background:none;border:none;color:currentColor;cursor:pointer;display:flex;flex-shrink:0;opacity:.6;padding:2px;transition:opacity .2s}.flash-close:hover{opacity:1}@media (max-width:480px){.flash-message{left:12px;min-width:0;min-width:auto;right:12px}}.register-container{align-items:center;background:var(--bg-primary);display:flex;justify-content:center;min-height:100vh;padding:24px;transition:background .3s ease}.register-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:460px;overflow:hidden;padding:40px;position:relative;transition:background .3s ease,border-color .3s ease;width:100%}.register-card:before{background:linear-gradient(90deg,var(--gold),var(--gold-light),var(--gold));content:"";height:3px;left:0;position:absolute;right:0;top:0}.register-card h2{color:var(--gold);font-family:var(--font-display);font-size:26px;font-weight:700;margin-bottom:6px;text-align:center}.register-card p.subtitle,.register-card>p{color:var(--text-muted);font-size:13px;margin-bottom:28px;text-align:center}.register-card form{display:flex;flex-direction:column;gap:14px}.register-card input,.register-card select{background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:11px 14px;transition:border-color .2s,box-shadow .2s,background .3s,color .3s;width:100%}.register-card input:focus,.register-card select:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.register-card input::placeholder{color:var(--text-muted)}.register-card select option{background:var(--bg-card);color:var(--text-primary)}.login-link{color:var(--text-muted);font-size:13px;margin-top:20px;text-align:center}.login-link a{color:var(--gold);font-weight:500;text-decoration:none}.login-link a:hover{color:var(--gold-light)}.loan-container{margin:0 auto;max-width:1400px;padding:32px 24px}.loan-top-bar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:28px}.add-label{display:none}.search-wrapper{flex:1 1;max-width:340px;min-width:200px;position:relative}.search-input{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;padding:9px 38px 9px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.search-input:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.clear-search-btn,.search-input::placeholder{color:var(--text-muted)}.clear-search-btn{background:none;border:none;cursor:pointer;font-size:14px;padding:2px;position:absolute;right:10px;top:50%;transform:translateY(-50%);transition:color .2s}.clear-search-btn:hover{color:var(--text-primary)}.dashboard-summary{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(5,1fr);margin-bottom:32px}.summary-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;padding:20px 24px;position:relative;transition:border-color .2s,transform .2s}.summary-card:after{background:linear-gradient(90deg,#0000,var(--gold),#0000);bottom:0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;transition:opacity .3s}.summary-card:hover{border-color:var(--gold-border);transform:translateY(-2px)}.summary-card:hover:after{opacity:1}.summary-card h4{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.summary-card p{color:var(--gold-light);font-family:var(--font-display);font-size:24px;font-weight:600}.loan-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.loan-card{animation:fadeIn .3s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:border-color .2s,transform .2s,box-shadow .2s}.loan-card:hover{border-color:var(--gold-border);box-shadow:0 12px 40px #0006,0 0 20px #c9a84c14;transform:translateY(-3px)}.loan-card.inactive{opacity:.5}.loan-card-header{align-items:center;background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border-bottom:1px solid var(--border);display:flex;gap:10px;justify-content:space-between;padding:18px 20px 14px}.loan-card-header h3{color:var(--text-primary);font-family:var(--font-display);font-size:17px;font-weight:600}.loan-details-table{border-collapse:collapse;display:block;padding:4px 20px 8px;width:100%}.loan-details-table tbody{display:block;padding:8px 0}.loan-details-table tr{align-items:center;display:flex;padding:5px 0}.loan-details-table td{font-size:13px}.loan-details-table td:first-child{color:var(--text-muted);flex-shrink:0;font-size:12px;width:130px}.loan-details-table td:last-child{color:var(--text-secondary);flex:1 1}.loan-details-table strong{color:var(--text-secondary);font-weight:500}.loan-actions{grid-gap:6px;background:var(--bg-primary);border-top:1px solid var(--border);display:grid;gap:6px;grid-template-columns:1fr 1fr;padding:12px 16px}.loan-actions .btn,.loan-actions .btn-activate,.loan-actions .btn-deactivate{font-size:12px;justify-content:center;padding:7px 8px;width:100%}.modal-overlay{align-items:center;animation:fadeOverlay .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes fadeOverlay{0%{opacity:0}to{opacity:1}}.modal-content{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:460px;overflow:hidden;padding:32px;position:relative;width:100%}.modal-content:before{background:linear-gradient(90deg,#0000,var(--gold),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.loan_popup_cross_icon{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.loan_popup_cross_icon h3{color:var(--text-primary);font-family:var(--font-display);font-size:20px;font-weight:600}.modal-close-icon{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;transition:all .2s;width:30px}.modal-close-icon:hover{border-color:var(--gold-border);color:var(--text-primary)}.popup-form{gap:16px;margin-bottom:16px}.form-group,.popup-form{display:flex;flex-direction:column}.form-group{gap:6px}.input-label{font-size:12px;letter-spacing:.06em}.popup-form input,.popup-form select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:14px;outline:none;padding:10px 14px;transition:all .2s;width:100%}.popup-form input:focus,.popup-form select:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.popup-form input::placeholder{color:var(--text-muted)}.popup-form button[type=submit]{background:linear-gradient(135deg,var(--gold),#b8922a);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-family:var(--font-body);font-size:14px;font-weight:600;margin-top:4px;padding:12px;transition:all .2s}.popup-form button[type=submit]:hover{filter:brightness(1.1);transform:translateY(-1px)}.close-btn{border-radius:var(--radius-sm);font-family:var(--font-body);font-size:13px;padding:10px;width:100%}.empty-state{color:var(--text-muted);grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state h3{color:var(--text-secondary);font-family:var(--font-display);font-size:20px;margin-bottom:8px}@media (max-width:1100px){.dashboard-summary{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.loan-container{padding:20px 16px}.dashboard-summary{grid-template-columns:1fr 1fr}.loan-grid{grid-template-columns:1fr}.summary-card p{font-size:18px}}@media (max-width:480px){.dashboard-summary{grid-template-columns:1fr}}.loan-status-row{align-items:center;display:flex;flex-shrink:0;gap:6px}.status-indicator{border-radius:50%;box-shadow:0 0 6px currentColor;display:inline-block;flex-shrink:0;height:11px;width:11px}.status-indicator--active{animation:pulse-green 2.5s infinite;background:#4caf7d;box-shadow:0 0 8px #4caf7db3}.status-indicator--inactive{background:#888;box-shadow:none}@keyframes pulse-green{0%,to{box-shadow:0 0 5px #4caf7d99}50%{box-shadow:0 0 12px #4caf7de6}}.status-label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.status-label--active{color:#4caf7d}.status-label--inactive{color:#888}.loan-card--inactive{border-color:#80808033!important;filter:grayscale(.6);opacity:.55}.loan-card--inactive:hover{border-color:#80808059!important;filter:grayscale(.4);opacity:.7;transform:none!important}.loan-card--inactive .loan-card-header h3{color:var(--text-muted)}.frozen-badge{align-items:center;background:#8080801f;border:1px solid #80808040;border-radius:4px;color:#888;display:inline-flex;font-size:10px;font-weight:600;gap:3px;margin-left:6px;padding:1px 5px;vertical-align:middle}.status-dot{border-radius:50%;display:inline-block;height:10px;margin-right:6px;vertical-align:middle;width:10px}.status-dot--active{background:#4caf7d;box-shadow:0 0 6px #4caf7d99}.status-dot--inactive{background:#888}.summary-card--active .summary-card-value{color:#4caf7d}.summary-card--inactive .summary-card-value{color:#888}.btn-activate{align-items:center;background:#4caf7d1f;border:1px solid #4caf7d4d;border-radius:var(--radius-sm);color:#4caf7d;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:12px;font-weight:500;gap:5px;padding:7px 8px;transition:all .2s;white-space:nowrap}.btn-activate:hover{background:#4caf7d38}.btn-deactivate{align-items:center;background:#8080801a;border:1px solid #80808040;border-radius:var(--radius-sm);color:#999;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:12px;font-weight:500;gap:5px;padding:7px 8px;transition:all .2s;white-space:nowrap}.btn-deactivate:hover{background:#8080802e}.btn-export{align-items:center;background:linear-gradient(135deg,#8b0000,#c0392b);border:1px solid #c0392b80;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-export:hover:not(:disabled){background:linear-gradient(135deg,#a00000,#e74c3c);box-shadow:0 4px 12px #c0392b59;transform:translateY(-1px)}.btn-export:disabled{cursor:not-allowed;opacity:.45;transform:none}.btn-screenshot{align-items:center;background:linear-gradient(135deg,#1a4a6b,#2980b9);border:1px solid #2980b980;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-screenshot:hover:not(:disabled){background:linear-gradient(135deg,#1f5c85,#3498db);box-shadow:0 4px 12px #2980b959;transform:translateY(-1px)}.btn-screenshot:disabled{cursor:not-allowed;opacity:.45;transform:none}.summary-note{color:var(--text-muted);display:block;font-size:10px;font-weight:500;letter-spacing:.06em;margin-top:4px;text-transform:uppercase}.loan-tabs{align-items:center;border-bottom:1px solid var(--border);display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px;padding-bottom:0}.loan-tab{align-items:center;background:none;border:none;border-bottom:2px solid #0000;border-radius:0;color:var(--text-muted);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:7px;letter-spacing:.03em;margin-bottom:-1px;padding:10px 20px;transition:all .2s}.loan-tab:hover{color:var(--text-primary)}.loan-tab--active{border-bottom-color:var(--gold);color:var(--gold)}.tab-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.tab-dot--active{background:#4caf7d;box-shadow:0 0 5px #4caf7d99}.tab-dot--inactive{background:#888}.tab-count{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:10px;color:var(--gold);font-size:11px;font-weight:700;min-width:22px;padding:1px 7px;text-align:center}.tab-count--inactive{background:#8080801a;border-color:#80808033;color:#888}.inactive-notice{color:var(--text-muted);font-size:11px;font-style:italic;margin-left:auto;padding:4px 0}@media (max-width:768px){.inactive-notice{margin-left:0;width:100%}}.btn-calculator{align-items:center;background:linear-gradient(135deg,var(--gold-dim),#c9a84c14);border:1px solid var(--gold-border);border-radius:var(--radius-sm);color:var(--gold);cursor:pointer;display:inline-flex;font-family:var(--font-body);font-size:13px;font-weight:600;gap:6px;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-calculator:hover{background:linear-gradient(135deg,#c9a84c38,#c9a84c24);box-shadow:0 4px 14px #c9a84c33;transform:translateY(-1px)}.loan-card--danger{animation:danger-pulse 3s ease-in-out infinite;border-color:#c0392b8c!important;box-shadow:0 0 0 1px #c0392b4d,0 4px 20px #c0392b26!important}@keyframes danger-pulse{0%,to{box-shadow:0 0 0 1px #c0392b4d,0 4px 20px #c0392b1f}50%{box-shadow:0 0 0 2px #c0392b80,0 4px 28px #c0392b40}}.danger-banner{align-items:center;background:linear-gradient(135deg,#c0392b26,#c0392b14);border-bottom:1px solid #c0392b4d;color:#e74c3c;display:flex;font-size:11px;font-weight:600;gap:6px;letter-spacing:.02em;padding:7px 16px}.loan-header-right{display:flex;gap:8px}.call-btn,.loan-header-right{align-items:center;flex-shrink:0}.call-btn{background:#4caf7d1f;border:1px solid #4caf7d59;border-radius:50%;color:#4caf7d;display:inline-flex;font-size:13px;height:32px;justify-content:center;text-decoration:none;transition:all .2s;width:32px}.call-btn:hover{background:#4caf7d40;border-color:#4caf7d99;box-shadow:0 0 12px #4caf7d59;transform:scale(1.1)}.call-btn:active{transform:scale(.95)}.phone-link{border-bottom:1px dashed var(--text-muted);color:var(--text-primary);text-decoration:none;transition:color .15s,border-color .15s}.phone-link:hover{border-color:#4caf7d;color:#4caf7d}.transaction-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2500}.transaction-container{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-height:85vh;max-width:540px;overflow-y:auto;padding:32px;position:relative;width:100%}.transaction-container:before{background:linear-gradient(90deg,#0000,var(--gold),#0000);content:"";display:block;height:2px;left:0;position:sticky;right:0;top:0}.close-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:34px;justify-content:center;position:absolute;right:20px;top:20px;transition:all .2s;width:34px}.close-btn:hover{border-color:var(--gold-border)}.close-btn:hover,.title{color:var(--text-primary)}.title{font-family:var(--font-display);font-size:22px;font-weight:600;margin-bottom:24px;padding-right:40px}.transaction-form{grid-gap:12px;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:grid;gap:12px;grid-template-columns:1fr 1fr;margin-bottom:20px;padding:20px}.transaction-form .form-group{display:flex;flex-direction:column;gap:5px}.transaction-form .form-group:first-child{grid-column:1/-1}.input-label{color:var(--text-muted);font-size:11px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}.transaction-form input,.transaction-form select{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-body);font-size:13px;outline:none;padding:9px 12px;transition:all .2s;width:100%}.transaction-form input:focus,.transaction-form select:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.transaction-form input::placeholder{color:var(--text-muted)}.transaction-form select option{background:var(--bg-card)}.add-btn{background:linear-gradient(135deg,var(--gold),#b8922a);border:none;border-radius:var(--radius-sm);color:#000;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;grid-column:1/-1;margin-top:4px;padding:10px;transition:all .2s}.add-btn:hover{filter:brightness(1.1)}.totals{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius);display:flex;gap:16px;margin-bottom:20px;padding:14px 16px}.totals p{color:var(--text-muted);font-size:13px}.totals p strong{color:var(--text-primary)}.transaction-list{display:flex;flex-direction:column;gap:10px}.transaction-card{align-items:center;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);display:flex;justify-content:space-between;padding:14px 16px;transition:border-color .2s}.transaction-card:hover{border-color:var(--gold-border)}.transaction-card.Credit{border-left:3px solid var(--accent-red)}.transaction-card.Debit{border-left:3px solid var(--accent-green)}.amt{color:var(--text-primary);font-family:var(--font-display);font-size:16px;font-weight:600;margin-bottom:2px}.transaction-card p{color:var(--text-muted);font-size:12px}.date{color:var(--text-muted);font-size:11px;margin-top:3px}.delete-btn{background:#e052521a;border:1px solid #e0525240;border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;flex-shrink:0;font-family:var(--font-body);font-size:12px;padding:5px 12px;transition:all .2s;white-space:nowrap}.delete-btn:hover{background:#e0525233}.empty-text{color:var(--text-muted);font-size:13px;padding:30px;text-align:center}@media (max-width:480px){.transaction-container{padding:24px 16px}.transaction-form{grid-template-columns:1fr}.transaction-form .form-group:first-child{grid-column:1}}.confirm-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--overlay-bg);display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-box{animation:slideUp .3s ease;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);max-width:360px;padding:32px;position:relative;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.confirm-close{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:28px;justify-content:center;position:absolute;right:14px;top:14px;transition:all .2s;width:28px}.confirm-close:hover{color:var(--text-primary)}.confirm-icon{align-items:center;background:#e052521f;border-radius:50%;color:var(--accent-red);display:flex;height:52px;justify-content:center;margin:0 auto 16px;width:52px}.confirm-title{color:var(--text-primary);font-family:var(--font-display);font-size:18px;font-weight:600;margin-bottom:8px}.confirm-message{color:var(--text-muted);font-size:13px;line-height:1.5;margin-bottom:24px}.confirm-actions{display:flex;gap:10px;justify-content:center}.btn-cancel{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:13px;font-weight:500;padding:10px;transition:all .2s}.btn-cancel:hover{border-color:var(--gold-border);color:var(--text-primary)}.btn-confirm{background:#e0525226;border:1px solid #e0525266;border-radius:var(--radius-sm);color:var(--accent-red);cursor:pointer;flex:1 1;font-family:var(--font-body);font-size:13px;font-weight:600;padding:10px;transition:all .2s}.btn-confirm:hover{background:#e0525240}.ic-overlay{align-items:center;animation:ic-fade .18s ease;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#000000bf;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:3000}@keyframes ic-fade{0%{opacity:0}to{opacity:1}}.ic-modal{animation:ic-up .28s cubic-bezier(.34,1.3,.64,1);background:var(--bg-card);border:1px solid var(--gold-border);border-radius:20px;box-shadow:0 0 0 1px var(--gold-border),0 32px 80px #000000a6;display:flex;flex-direction:column;max-height:92vh;max-width:860px;overflow:hidden;width:100%}@keyframes ic-up{0%{opacity:0;transform:translateY(28px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.ic-gold-bar{background:linear-gradient(90deg,#0000,var(--gold),#e8c96a,var(--gold),#0000);background:linear-gradient(90deg,#0000,var(--gold),var(--gold-light,#e8c96a),var(--gold),#0000);flex-shrink:0;height:2px}.ic-header{background:linear-gradient(135deg,var(--bg-elevated),var(--bg-card));border-bottom:1px solid var(--border);flex-shrink:0;justify-content:space-between;padding:20px 24px 18px}.ic-header,.ic-header-left{align-items:center;display:flex}.ic-header-left{gap:14px}.ic-icon-wrap{align-items:center;background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:12px;color:var(--gold);display:flex;flex-shrink:0;font-size:17px;height:40px;justify-content:center;width:40px}.ic-title{color:var(--gold);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:20px;font-weight:700;margin:0 0 2px}.ic-subtitle{color:var(--text-muted);font-size:12px;margin:0}.ic-header-actions{display:flex;gap:8px}.ic-action-btn{align-items:center;background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;color:var(--text-muted);cursor:pointer;display:flex;font-size:13px;height:34px;justify-content:center;transition:all .18s;width:34px}.ic-action-btn:hover{background:var(--gold-dim);border-color:var(--gold-border);color:var(--gold)}.ic-action-btn--close:hover{background:#c0392b;background:var(--accent-red,#c0392b);border-color:#0000;color:#fff}.ic-panels{display:grid;flex:1 1;grid-template-columns:1fr 1fr;min-height:0;overflow:hidden}.ic-left{border-right:1px solid var(--border);gap:14px}.ic-left,.ic-right{display:flex;flex-direction:column;overflow-y:auto;padding:24px;scrollbar-color:var(--gold-dim) #0000;scrollbar-width:thin}.ic-right{background:linear-gradient(160deg,var(--bg-elevated) 0,var(--bg-card) 100%)}.ic-section-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;padding-bottom:2px;text-transform:uppercase}.ic-divider{background:var(--border);height:1px;margin:2px 0}.ic-field{flex-direction:column}.ic-field,.ic-label{display:flex;gap:6px}.ic-label{align-items:center;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase}.ic-today-badge{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:6px;color:var(--gold);font-size:10px;font-weight:500;letter-spacing:0;padding:1px 6px;text-transform:none}.ic-input{background:var(--bg-elevated);background:var(--input-bg,var(--bg-elevated));border:1px solid var(--input-border,var(--border));border-radius:8px;box-sizing:border-box;color:var(--text-primary);font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:14px;outline:none;padding:10px 13px;transition:border-color .2s,box-shadow .2s;width:100%}.ic-input:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.ic-input::placeholder{color:var(--text-muted);opacity:.55}.ic-input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;filter:invert(.5) sepia(1) saturate(2) hue-rotate(5deg);opacity:.6}.ic-toggle-group{background:var(--bg-elevated);border:1px solid var(--border);border-radius:8px;display:flex;gap:3px;padding:3px}.ic-toggle-btn{background:#0000;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;flex:1 1;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:12.5px;font-weight:600;padding:8px 0;transition:all .18s}.ic-toggle-btn:hover:not(.ic-toggle-btn--on){background:#ffffff0a;color:var(--text-primary)}.ic-toggle-btn--on{background:linear-gradient(135deg,var(--gold),#e8c96a);background:linear-gradient(135deg,var(--gold),var(--gold-light,#e8c96a));color:#000}.ic-error{background:#e74c3c14;border:1px solid #e74c3c33;border-radius:8px;color:#e74c3c;color:var(--accent-red,#e74c3c);font-size:12.5px;margin:0;padding:9px 13px}.ic-calc-btn{background:linear-gradient(135deg,var(--gold),#e8c96a);background:linear-gradient(135deg,var(--gold),var(--gold-light,#e8c96a));border:none;border-radius:10px;box-shadow:0 4px 18px var(--gold-dim);color:#000;cursor:pointer;font-family:DM Sans,sans-serif;font-family:var(--font-body,"DM Sans",sans-serif);font-size:14px;font-weight:700;letter-spacing:.04em;margin-top:auto;padding:13px;transition:opacity .18s,transform .15s,box-shadow .2s;width:100%}.ic-calc-btn:hover{box-shadow:0 8px 26px #c9a84c52;opacity:.9;transform:translateY(-1px)}.ic-calc-btn:active{transform:translateY(0)}.ic-empty-result{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:center;opacity:.5;padding:20px;text-align:center}.ic-empty-glyph{color:var(--gold);font-size:52px;line-height:1;margin-bottom:4px}.ic-empty-text{color:var(--text-secondary);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:17px;font-weight:600;margin:0}.ic-empty-sub{color:var(--text-muted);font-size:12px;margin:0}.ic-result-panel{display:flex;flex:1 1;flex-direction:column;gap:12px;opacity:0;transform:translateX(16px);transition:opacity .32s ease,transform .32s ease}.ic-result-panel--in{opacity:1;transform:translateX(0)}.ic-dur-card{background:var(--gold-dim);border:1px solid var(--gold-border);border-radius:14px;box-shadow:0 0 20px #c9a84c14;padding:16px 18px}.ic-dur-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.ic-dur-big{color:var(--gold);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:26px;font-weight:700;letter-spacing:.04em;line-height:1;margin-bottom:4px}.ic-dur-full{color:var(--text-secondary);font-size:12.5px;font-weight:500;margin-bottom:2px}.ic-dur-days{color:var(--text-muted);font-size:11px}.ic-res-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:12px;padding:14px 16px}.ic-res-card--gold{border-color:var(--gold-border);box-shadow:0 0 16px #c9a84c14}.ic-res-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.08em;margin-bottom:6px;text-transform:uppercase}.ic-res-val{font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:22px;font-weight:700;line-height:1}.ic-res-val--plain{color:var(--text-primary)}.ic-res-val--gold{color:var(--gold)}.ic-res-sub{color:var(--text-muted);font-size:11px;margin-top:5px}.ic-total-card{background:linear-gradient(135deg,var(--gold-dim),#e8c96a0a);border:1px solid var(--gold-border);border-radius:14px;box-shadow:0 4px 24px #c9a84c1a;margin-top:auto;padding:18px 20px}.ic-total-label{color:var(--text-muted);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}.ic-total-val{color:#e8c96a;color:var(--gold-light,#e8c96a);font-family:Playfair Display,serif;font-family:var(--font-display,"Playfair Display",serif);font-size:30px;font-weight:700;line-height:1;margin-bottom:10px}.ic-total-breakdown{align-items:center;color:var(--text-muted);display:flex;flex-wrap:wrap;font-size:13px;gap:8px}.ic-plus{color:var(--text-muted);font-weight:600}.ic-interest-part{color:var(--gold);font-weight:600}@media (max-width:680px){.ic-modal{border-radius:16px;max-height:95vh;max-width:100%;overflow-y:auto}.ic-panels{grid-template-columns:1fr;overflow:visible}.ic-left{border-bottom:1px solid var(--border);border-right:none}.ic-left,.ic-right{overflow-y:visible}.ic-calc-btn{margin-top:4px}.ic-total-val{font-size:24px}.ic-dur-big{font-size:22px}.ic-result-panel{transform:translateY(12px)}.ic-result-panel--in{transform:translateY(0)}}.not-found-container{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - 64px);padding:40px 20px;text-align:center}.not-found-code{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--gold),var(--text-muted));-webkit-background-clip:text;color:var(--gold-dim);font-family:var(--font-display);font-size:120px;font-weight:700;line-height:1;margin-bottom:16px}.not-found-container h2{color:var(--text-primary);font-family:var(--font-display);font-size:24px;margin-bottom:12px}.not-found-container p{color:var(--text-muted);margin-bottom:28px}.not-found-container a{border-bottom:1px solid var(--gold-border);color:var(--gold);font-weight:500;padding-bottom:2px;text-decoration:none;transition:color .2s}.not-found-container a:hover{color:var(--gold-light)}button{cursor:pointer}button,input,select,textarea{font-family:var(--font-body)}.btn{align-items:center;border:none;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:500;gap:6px;letter-spacing:.02em;padding:9px 18px;transition:all .2s ease;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,var(--gold),#b8922a);color:#000;font-weight:600}.btn-primary:hover{box-shadow:0 4px 16px #c9a84c4d;filter:brightness(1.1);transform:translateY(-1px)}.btn-secondary{background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--gold-border);color:var(--gold-light)}.btn-danger{background:#e0525226;border:1px solid #e052524d;color:var(--accent-red)}.btn-danger:hover{background:#e0525240}.btn-sm{font-size:12px;padding:6px 12px}.btn-block{font-size:14px;justify-content:center;padding:12px;width:100%}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.form-input{background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-primary);font-size:14px;outline:none;padding:10px 14px;transition:border-color .2s,box-shadow .2s;width:100%}.form-input:focus{border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-dim)}.form-input::placeholder{color:var(--text-muted)}select.form-input option{background:var(--bg-card)}
/*# sourceMappingURL=main.80eb810f.css.map*/