.deposit-records-page{min-height:100vh;background:linear-gradient(135deg,var(--primary-bg) 0%,var(--secondary-bg) 100%);padding-bottom:2rem}.records-header{background-color:#000d31;padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:100;backdrop-filter:blur(10px)}.header-content{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto}.back-btn-container,.search-btn-container{display:flex;align-items:center;gap:.5rem}.back-btn{display:none}.back-btn,.search-btn{color:#fff;text-decoration:none;border-radius:8px;transition:background-color .3s ease;background:transparent;border:none;cursor:pointer}.back-btn:hover{background:#ffffff1a}.search-btn:hover{color:#ff2251}.back-btn svg{width:20px;height:20px;margin-top:.4rem}.records-header h1{color:#fff;font-size:1.25rem;font-weight:600;margin:0;letter-spacing:.5px;font-family:Montserrat,sans-serif}.search-section{max-width:1200px;margin:0 auto;padding:1.5rem 1rem;display:none;margin-bottom:2rem}.search-section.active{display:block}.search-container{display:flex;flex-direction:column;gap:1rem}.date-inputs{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}.date-input-group{flex:1}.date-input-wrapper{position:relative;background:linear-gradient(250.57deg,#312c9c,#22237c 28%,#000d31);border:1px solid rgba(255,255,255,.3);border-radius:12px;padding:.75rem 1rem;display:flex;flex-direction:column;gap:.5rem;transition:all .3s ease;cursor:pointer}.date-label{font-family:Montserrat,sans-serif;color:#ffffffd9;font-weight:500;font-size:.813rem;letter-spacing:.3px;margin:0;line-height:1.2}.date-input-container{position:relative;display:flex;align-items:center;width:100%}.date-input-field{flex:1;background:transparent;border:none;color:#fff;font-family:Montserrat,sans-serif;font-size:.9rem;font-weight:600;padding:0;padding-right:2.5rem;outline:none;transition:all .3s ease;cursor:pointer;line-height:1.4;min-height:1.5rem}.date-input-field::-webkit-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer;z-index:1}.date-input-field::-moz-calendar-picker-indicator{opacity:0;position:absolute;right:0;width:100%;height:100%;cursor:pointer;z-index:1}.date-input-container .date-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);color:#ffffffe6;pointer-events:none;transition:color .3s ease;display:flex;align-items:center;justify-content:center;z-index:0}.search-container .search-btn{background:linear-gradient(90deg,#ff2251,#372c66);color:#fff;border:none;border-radius:8px;padding:.75rem 1.5rem;font-weight:600;cursor:pointer;transition:all .3s ease;align-self:center;width:100%}.search-container .search-btn:hover{opacity:.8;transform:translateY(-2px);box-shadow:0 5px 15px #ff225166}.summary-section{max-width:1200px;margin:0 auto;padding:1rem 1rem 1.5rem}.summary-container{background:linear-gradient(250.57deg,#312c9c,#22237c 28%,#000d31);border:1px solid #ffffff;border-radius:12px;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.summary-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0}.summary-label{color:#fffc}.summary-label.total-label,.summary-label.date-label{color:#fff;font-size:.9rem;font-weight:600}.summary-value{color:#fff}.line-divider{border-bottom:1px solid #ffffff}.records-section{max-width:1200px;margin:0 auto;padding:0 1rem}.records-list{display:flex;flex-direction:column;gap:1rem}.record-card{background:linear-gradient(250.57deg,#312c9c,#22237c 28%,#000d31);border:1px solid #ffffff;border-radius:12px;padding:1.5rem;transition:all .3s ease}.record-card:hover{border-color:#fff3;background:#1e293be6}.record-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.record-time,.record-ref{color:#fff9;font-size:.85rem;margin-bottom:.25rem}.record-status{padding:.5rem 1rem;border-radius:8px;font-size:.85rem;font-weight:600;text-transform:uppercase}.status-pending{background:#ff2251;color:#fff;border:1px solid #FF2251}.status-approved,.status-completed{background:#3aaa35;color:#fff;border:1px solid rgba(16,185,129,.3)}.record-details{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:.5rem}.detail-row{display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:.25rem 0}.detail-label{color:#fff9;font-size:.85rem;font-weight:500}.detail-value{color:#fff;font-size:.9rem;text-align:right}.note-section{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.note-label{color:#fff9;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.note-value{color:#fffc;font-size:.9rem;line-height:1.4}@media (max-width: 768px){.header-content h1{font-size:1.3rem}.record-header{gap:.75rem}.search-section,.summary-section,.records-section{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.back-btn,.search-btn{padding:.5rem}.date-input-field{font-size:1rem}.summary-container{padding:1rem}.summary-label.total-label,.summary-label.date-label{font-size:1rem}.back-btn{display:block}.record-card{padding:1rem}.records-header h1{font-size:1.5rem}.record-details{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:0rem}.detail-row{flex-direction:row;align-items:flex-start;gap:.25rem}.detail-value{text-align:left}}@media (max-width: 320px){.date-inputs{flex-direction:column;gap:.875rem}}