html{box-sizing:border-box}*,*::after,*::before{box-sizing:inherit}ul,ol{list-style-type:none;margin:0;padding:0}dl{margin-bottom:0.75em}dl dt{font-weight:bold;margin-top:0.75em}dl dd{margin:0}body{color:#2f3c5b;font-family:"Lato", "Arial";font-feature-settings:"kern", "liga", "pnum";font-size:1em;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:"Zain";font-size:20px;line-height:1.4}h1{font-size:28px;margin-top:0}p{margin:0 0 20px}a{color:#2563eb;text-decoration:none;transition:color 250ms ease}a:active,a:focus,a:hover{color:#1c4ab0}hr{border-bottom:1px solid #e2e8f0;border-left:0;border-right:0;border-top:0;margin:1.5em 0}img,picture{margin:0;max-width:100%}.de-emphasize{opacity:0.7}.smaller{font-size:14px}fieldset{background-color:#f8f9fb;border:1px solid #e2e8f0;margin:0 0 0.75em;padding:1.5em}input,label,select{display:block;font-family:"Lato";font-size:1em}input.no-margin,label.no-margin,select.no-margin{margin-bottom:0}label{font-weight:600;font-family:"Lato"}label.required::after{content:"*"}label abbr{display:none}[type='color'],[type='date'],[type='datetime'],[type='datetime-local'],[type='email'],[type='month'],[type='number'],[type='password'],[type='search'],[type='tel'],[type='text'],[type='time'],[type='url'],[type='week'],input:not([type]),textarea,select[multiple=multiple]{background-color:#fff;border:1px solid #e2e8f0;border-radius:3px;box-shadow:inset 0 1px 3px rgba(0,0,0,0.06);box-sizing:border-box;font-family:"Lato";font-size:1em;padding:0.5em;transition:border-color 250ms ease;width:100%}[type='color']:hover,[type='date']:hover,[type='datetime']:hover,[type='datetime-local']:hover,[type='email']:hover,[type='month']:hover,[type='number']:hover,[type='password']:hover,[type='search']:hover,[type='tel']:hover,[type='text']:hover,[type='time']:hover,[type='url']:hover,[type='week']:hover,input:not([type]):hover,textarea:hover,select[multiple=multiple]:hover{border-color:#b5bac0}[type='color']:focus,[type='date']:focus,[type='datetime']:focus,[type='datetime-local']:focus,[type='email']:focus,[type='month']:focus,[type='number']:focus,[type='password']:focus,[type='search']:focus,[type='tel']:focus,[type='text']:focus,[type='time']:focus,[type='url']:focus,[type='week']:focus,input:not([type]):focus,textarea:focus,select[multiple=multiple]:focus{border-color:#2563eb;outline:none}[type='color']:disabled,[type='date']:disabled,[type='datetime']:disabled,[type='datetime-local']:disabled,[type='email']:disabled,[type='month']:disabled,[type='number']:disabled,[type='password']:disabled,[type='search']:disabled,[type='tel']:disabled,[type='text']:disabled,[type='time']:disabled,[type='url']:disabled,[type='week']:disabled,input:not([type]):disabled,textarea:disabled,select[multiple=multiple]:disabled{background-color:#f2f2f2;cursor:not-allowed}[type='color']:disabled:hover,[type='date']:disabled:hover,[type='datetime']:disabled:hover,[type='datetime-local']:disabled:hover,[type='email']:disabled:hover,[type='month']:disabled:hover,[type='number']:disabled:hover,[type='password']:disabled:hover,[type='search']:disabled:hover,[type='tel']:disabled:hover,[type='text']:disabled:hover,[type='time']:disabled:hover,[type='url']:disabled:hover,[type='week']:disabled:hover,input:not([type]):disabled:hover,textarea:disabled:hover,select[multiple=multiple]:disabled:hover{border:1px solid #e2e8f0}textarea{resize:vertical;min-height:100px}input[type="search"]{appearance:none}input[type="checkbox"],input[type="radio"]{display:inline;margin-right:0.375em}input[type="checkbox"]+label,input[type="radio"]+label{display:inline-block}input[type="file"]{margin-bottom:0.75em;width:100%}select{margin-bottom:1.5em;max-width:100%;width:auto}.password-form{margin:20px 0}button,[type='button'],[type='reset'],[type='submit']{appearance:none;background-color:#059669;border:0;border-radius:3px;color:#fff;cursor:pointer;display:inline-block;font-family:"Lato";font-size:1.2em;-webkit-font-smoothing:antialiased;font-weight:600;line-height:1;padding:0.75em 1.5em;text-decoration:none;transition:background-color 250ms ease;user-select:none;vertical-align:middle;white-space:nowrap}button:hover,button:focus,[type='button']:hover,[type='button']:focus,[type='reset']:hover,[type='reset']:focus,[type='submit']:hover,[type='submit']:focus{background-color:#047854;color:#fff;outline:none}button:disabled,[type='button']:disabled,[type='reset']:disabled,[type='submit']:disabled{cursor:not-allowed;opacity:0.5}button:disabled:hover,[type='button']:disabled:hover,[type='reset']:disabled:hover,[type='submit']:disabled:hover{background-color:#059669}button.button-outline,.button-outline[type='button'],.button-outline[type='reset'],.button-outline[type='submit']{border:2px solid #059669;background-color:transparent;color:#059669;padding:0.65em 1.5em}button.button-outline:hover,button.button-outline:focus,.button-outline[type='button']:hover,.button-outline[type='button']:focus,.button-outline[type='reset']:hover,.button-outline[type='reset']:focus,.button-outline[type='submit']:hover,.button-outline[type='submit']:focus{background-color:transparent;color:#047854;border-color:#047854}button.button-cta,.button-cta[type='button'],.button-cta[type='reset'],.button-cta[type='submit']{font-size:1.6em}html,body{height:100%}body{font-size:14px;margin:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f9f9f9}.strong{font-weight:700}.normal{font-weight:400}.optional{opacity:0.6;font-weight:400;font-style:italic}.wrapper{max-width:1920px;margin-left:auto;margin-right:auto;padding:80px 20px 100px 20px}.wrapper::after{clear:both;content:"";display:block}@media screen and (max-width: 768px){.wrapper{padding-bottom:100px;padding-top:20px}}.wrapper.table-view{padding-left:0;padding-right:0}.landing-wrapper{padding-top:80px;min-height:100%}.container{float:left;display:block;margin-right:2.3576515979%;width:100%}.container:last-child{margin-right:0}.hidden{display:none}.invisible{visibility:hidden}table{border-spacing:0px;width:100%}table th{white-space:nowrap;font-family:"Zain";font-size:15px}table th,table td{padding:10px;text-align:left}@media screen and (max-width: 480px){table th,table td{padding:5px}}@media screen and (max-width: 768px){table th.tablet,table td.tablet{display:table-cell}}table td{padding:20px 10px}@media screen and (max-width: 480px){table td{padding:5px}}table tbody tr:not(.header):hover,table tbody tr:not(.no-hover):hover{background:#f8f8f8}#table{margin-bottom:30px}.smallcaps{text-transform:uppercase;letter-spacing:0.5px;font-size:12px;font-weight:bold;font-family:"Lato"}.loans-table{border:1px solid #e6e6e6;border-radius:3px;background-color:#fff}.loans-table thead{position:sticky;top:60px}@media screen and (max-width: 768px){.loans-table thead{top:-1px}}.loans-table th{font-family:"Zain";cursor:ns-resize;border-bottom:1px solid #999;background-color:#f8f8f8;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;padding:12px 8px;text-align:left;white-space:nowrap;vertical-align:middle;border-right:1px solid #f1f3f4}.loans-table th:first-child{padding-left:15px}.loans-table td{border-top:1px solid #e6e6e6}.loans-table td:first-child{padding-left:15px}.title{font-size:24px}.danger{color:#DE4242}ul{margin:0;padding:0}li{display:inline;list-style:none;font-size:16px}input[type="numeric"]{margin-bottom:20px}.template{float:left;display:block;margin-right:2.3576515979%;width:48.821174201%;font-size:12.8px;font-family:'Arial';margin-bottom:30px;line-height:1.3}.template:last-child{margin-right:0}.template:nth-child(2){margin-right:0}.template h1{font-size:16px}.copypaste{border:1px dotted #888;padding:5px}td[class^='gradient']{width:50px;color:#1b203e}.gradient-red{background:#ffd3d3}.gradient-1{background:#e9f7e7}.gradient-2{background:#d4efd0}.gradient-3{background:#bfe8b9}.gradient-4{background:#aae0a2}.gradient-5{background:#87d37c}.unpaid{color:#e60000}.paid-row{color:#aaa}.half-form{float:left;display:block;margin-right:4.8291579146%;width:47.5854210427%}.half-form:last-child{margin-right:0}.half-form:nth-child(2n){margin-right:0}.half-form:nth-child(2n+1){clear:left}.third-form{float:left;display:block;margin-right:4.8291579146%;width:30.1138947236%}.third-form:last-child{margin-right:0}.third-form:nth-child(3n){margin-right:0}.third-form:nth-child(3n+1){clear:left}.submit-btn{margin-top:20px}.small{font-size:12px}.avatar{width:40px}.avatar .image{width:20px;height:20px;border-radius:20px}.right{float:right}.center{text-align:center}nav .search-user .search-field{background-color:#2f383e;color:#FFF}.search-user{display:inline}.search-user .search-field{width:220px;display:inline;margin-bottom:0;vertical-align:middle;border-color:#3E5166;font-weight:400;min-height:36px;padding:8px 12px;height:42px}@media screen and (max-width: 768px){.search-user .search-field{width:calc(100% - 45px);background-color:white;height:42px;color:#1b203e}}.search-user .search-field::placeholder{color:#B9C6D5;font-weight:400}.search-user .search-field:hover{border-color:#2b3846}.search-user .search-field:focus{border-color:#102c4a;outline:0;box-shadow:none}.search-user .search-field:active{outline:0}.search-user .btn,.search-user .search-btn{display:inline;padding:12px;background:#243641;border:1px solid #3E5166;font-size:1em;height:42px;width:auto}.search-user .btn:hover,.search-user .search-btn:hover{background-color:#2f383e}.block{display:block}.clearfix{clear:both}.de-emphasize{opacity:0.6}@media screen and (max-width: 768px){.desktop{display:none}}.tablet{display:none}@media screen and (max-width: 768px){.tablet{display:block}}.mobile{display:none}@media screen and (max-width: 480px){.mobile{display:block}}.space-top{margin-top:20px}.space-bottom{margin-bottom:20px}.mt10{margin-top:10px}.mt12{margin-top:12px}.mb12{margin-bottom:12px}.mb10{margin-bottom:10px}.mb20{margin-bottom:20px}.ml5{margin-left:5px}.error-message{color:#E03D35;font-size:14px;margin-bottom:20px}.flex{display:flex}.flex-row{display:flex;flex-direction:row}@media screen and (max-width: 1080px){.flex-row{flex-direction:column;width:100%}}.flex-space-between{justify-content:space-between}.flex-align-center{align-items:center}.flex-justify-center{justify-content:center}.flex-column{display:flex;flex-direction:column}@media screen and (max-width: 1080px){.flex-column{width:100%}}.inline{display:inline}.biggish{font-size:14px}.bigger{font-size:16px}.big{font-size:18px}.secondary-font{font-family:"Zain"}.nowrap{white-space:nowrap;word-break:keep-all}.btn,.search-btn{padding:12px 24px;border-radius:6px;font-size:18px;font-weight:600;font-family:"Zain";text-decoration:none;border:none;cursor:pointer;transition:all 0.2s ease;display:inline-flex;align-items:center;justify-content:center;line-height:1;vertical-align:middle;white-space:nowrap;user-select:none;box-sizing:border-box;min-height:44px}.btn i,.search-btn i{margin-right:8px}.btn i:last-child:first-child,.search-btn i:last-child:first-child{margin-right:0}.btn.btn-primary,.btn-primary.search-btn{background-color:#2563eb;color:white;border:2px solid #2563eb}.btn.btn-primary:hover,.btn-primary.search-btn:hover{background-color:#1f54c8;border-color:#1f54c8;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(78,137,218,0.3)}.btn.btn-primary:active,.btn-primary.search-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(78,137,218,0.3)}.btn.btn-primary:focus,.btn-primary.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(78,137,218,0.3)}.btn.btn-secondary,.btn-secondary.search-btn{background-color:#f8f9fa;color:#2f3c5b;border:2px solid #e9ecef}.btn.btn-secondary:hover,.btn-secondary.search-btn:hover{background-color:#e9ecef;border-color:#ced4da;color:#2f3c5b;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.btn.btn-secondary:active,.btn-secondary.search-btn:active{transform:translateY(0);box-shadow:0 1px 3px rgba(0,0,0,0.1)}.btn.btn-secondary:focus,.btn-secondary.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(0,0,0,0.1)}.btn.btn-success,.btn-success.search-btn{background-color:#28a745;color:white;border:2px solid #28a745}.btn.btn-success:hover,.btn-success.search-btn:hover{background-color:#228e3b;border-color:#228e3b;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(40,167,69,0.3)}.btn.btn-success:active,.btn-success.search-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(40,167,69,0.3)}.btn.btn-success:focus,.btn-success.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(40,167,69,0.3)}.btn.btn-danger,.btn-danger.search-btn{background-color:#dc3545;color:white;border:2px solid #dc3545;max-height:47.5px}.btn.btn-danger:hover,.btn-danger.search-btn:hover{background-color:#bb2d3b;border-color:#bb2d3b;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(220,53,69,0.3)}.btn.btn-danger:active,.btn-danger.search-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(220,53,69,0.3)}.btn.btn-danger:focus,.btn-danger.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(220,53,69,0.3)}.btn.btn-warning,.btn-warning.search-btn{background-color:#ffc107;color:#212529;border:2px solid #ffc107}.btn.btn-warning:hover,.btn-warning.search-btn:hover{background-color:#d9a406;border-color:#d9a406;color:#212529;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,193,7,0.3)}.btn.btn-warning:active,.btn-warning.search-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(255,193,7,0.3)}.btn.btn-warning:focus,.btn-warning.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(255,193,7,0.3)}.btn.btn-info,.btn-info.search-btn{background-color:#17a2b8;color:white;border:2px solid #17a2b8}.btn.btn-info:hover,.btn-info.search-btn:hover{background-color:#148a9c;border-color:#148a9c;color:white;transform:translateY(-1px);box-shadow:0 4px 12px rgba(23,162,184,0.3)}.btn.btn-info:active,.btn-info.search-btn:active{transform:translateY(0);box-shadow:0 2px 4px rgba(23,162,184,0.3)}.btn.btn-info:focus,.btn-info.search-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(23,162,184,0.3)}.btn.btn-sm,.btn-sm.search-btn{padding:6px 12px;font-size:14px;min-height:32px}.btn.btn-sm i,.btn-sm.search-btn i{margin-right:4px}.btn.btn-lg,.btn-lg.search-btn{padding:16px 32px;font-size:18px;min-height:52px}.btn.btn-lg i,.btn-lg.search-btn i{margin-right:12px}.btn.btn-block,.btn-block.search-btn{display:flex;width:100%}.btn:disabled,.search-btn:disabled,.btn.disabled,.disabled.search-btn{opacity:0.65;cursor:not-allowed;transform:none !important;box-shadow:none !important;color:#999;pointer-events:none}.btn:disabled:hover,.search-btn:disabled:hover,.btn.disabled:hover,.disabled.search-btn:hover{transform:none !important;box-shadow:none !important}.btn.loading,.loading.search-btn{position:relative;color:transparent !important}.btn.loading::after,.loading.search-btn::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:16px;height:16px;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;animation:btn-spinner 0.8s linear infinite}@media screen and (max-width: 768px){.btn,.search-btn{padding:10px 20px;font-size:18px;min-height:44px}.btn.btn-sm,.btn-sm.search-btn{padding:6px 12px;font-size:14px;min-height:36px}.btn.btn-lg,.btn-lg.search-btn{padding:14px 28px;font-size:18px;min-height:48px}}@media screen and (max-width: 480px){.btn,.search-btn{min-height:44px;font-size:18px;width:100%}.btn.btn-sm,.btn-sm.search-btn{min-height:40px;font-size:14px}}@keyframes btn-spinner{0%{transform:translate(-50%, -50%) rotate(0deg)}100%{transform:translate(-50%, -50%) rotate(360deg)}}.btn-group{display:inline-flex;vertical-align:middle}.btn-group .btn,.btn-group .search-btn{border-radius:0;margin-left:-1px}.btn-group .btn:first-child,.btn-group .search-btn:first-child{border-top-left-radius:6px;border-bottom-left-radius:6px;margin-left:0}.btn-group .btn:last-child,.btn-group .search-btn:last-child{border-top-right-radius:6px;border-bottom-right-radius:6px}.btn-group .btn:hover,.btn-group .search-btn:hover{z-index:1}.overflow-x{overflow-x:auto}.disabled{opacity:0.65;cursor:not-allowed;transform:none !important;box-shadow:none !important;color:#999;pointer-events:none}.disabled:hover{transform:none !important;box-shadow:none !important}.modal label{cursor:pointer}.modal label img{border-radius:150px;display:block;max-width:300px}.modal .modal-state{display:none}.modal .modal-trigger{cursor:pointer;text-decoration:none;transition:all 0.2s ease}.modal .modal-trigger:hover{color:#2563eb}.modal .modal-fade-screen{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,0.6);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:all 0.3s ease;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}@media screen and (max-width: 480px){.modal .modal-fade-screen{padding:16px}}.modal .modal-fade-screen .modal-bg{position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.modal .modal-close,.modal .modal-close-btn{background:none;border:none;color:#6c757d;cursor:pointer;font-size:24px;line-height:1;padding:8px;border-radius:6px;transition:all 0.2s ease;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.modal .modal-close:hover,.modal .modal-close-btn:hover{background:#f8f9fa;color:#2f3c5b}.modal .modal-close:active,.modal .modal-close-btn:active{background:#e9ecef}@media screen and (max-width: 480px){.modal .modal-close,.modal .modal-close-btn{font-size:20px;width:36px;height:36px}}.modal .modal-inner{background:white;border-radius:12px;box-shadow:0 20px 60px rgba(0,0,0,0.3);max-width:800px;max-height:90vh;width:100%;position:relative;transform:scale(0.9) translateY(30px);transition:all 0.3s ease;overflow:hidden}@media screen and (max-width: 480px){.modal .modal-inner{max-width:100%;max-height:95vh;border-radius:8px}}.modal .modal-inner .modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 24px 0 24px;border-bottom:1px solid #f1f3f4;margin-bottom:24px}@media screen and (max-width: 480px){.modal .modal-inner .modal-header{padding:20px 20px 0 20px;margin-bottom:20px}}.modal .modal-inner .modal-title{font-family:"Zain";font-size:24px;font-weight:700;color:#2f3c5b;margin:0}@media screen and (max-width: 480px){.modal .modal-inner .modal-title{font-size:20px}}.modal .modal-inner .modal-body{padding:0 24px 24px 24px;max-height:calc(90vh - 120px);overflow-y:auto;color:#2f3c5b;line-height:1.6;font-size:15px}@media screen and (max-width: 480px){.modal .modal-inner .modal-body{padding:0 20px 20px 20px;max-height:calc(95vh - 100px);font-size:14px}}.modal .modal-inner .modal-body p{margin-bottom:16px}.modal .modal-inner .modal-body p:last-child{margin-bottom:0}.modal .modal-inner .modal-body a{color:#2563eb;text-decoration:none}.modal .modal-inner .modal-body a:hover{color:#1c4ab0;text-decoration:underline}.modal .modal-inner .modal-body ul,.modal .modal-inner .modal-body ol{margin-bottom:16px;padding-left:20px}.modal .modal-inner .modal-body li{margin-bottom:8px}.modal .modal-inner .modal-body code{background:#f8f9fa;padding:2px 6px;border-radius:4px;font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:13px}.modal .modal-inner .modal-body pre{background:#f8f9fa;padding:16px;border-radius:6px;overflow-x:auto;margin-bottom:16px}.modal .modal-inner .modal-body pre code{background:none;padding:0}.modal .modal-state:checked+.modal-fade-screen{opacity:1;visibility:visible}.modal .modal-state:checked+.modal-fade-screen .modal-inner{transform:scale(1) translateY(0)}.modal-open{overflow:hidden}@media screen and (max-width: 480px){.modal-open{position:fixed;width:100%}}.modal-body{scrollbar-width:thin;scrollbar-color:#cbd5e0 #f7fafc}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#f7fafc;border-radius:3px}.modal-body::-webkit-scrollbar-thumb{background:#cbd5e0;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#a0aec0}@keyframes modalSlideIn{from{opacity:0;transform:scale(0.9) translateY(30px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideOut{from{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(0.9) translateY(30px)}}header.navigation{background-color:#243641;border-bottom:1px solid #121b20;min-height:60px;width:100%;z-index:999;padding:0 20px;position:fixed}@media screen and (max-width: 768px){header.navigation{position:fixed;height:60px;bottom:0;padding:0}}header.navigation .navigation-wrapper{max-width:1920px;margin-left:auto;margin-right:auto;position:relative;z-index:9999}header.navigation .navigation-wrapper::after{clear:both;content:"";display:block}header.navigation .navigation-wrapper::after{clear:both;content:"";display:block}header.navigation .logo{float:left;max-height:60px;padding-left:1em;padding-right:2em}header.navigation .logo img{max-height:60px;padding:0.8em 0;vertical-align:bottom}header.navigation nav{float:none;min-height:60px;z-index:9999999}header.navigation nav .settings-link{float:right}@media screen and (max-width: 768px){header.navigation nav .settings-link{float:right}}@media screen and (min-width: 900px){header.navigation nav{width:100%;float:left}}header.navigation ul.navigation-menu{clear:both;margin:0 auto;overflow:visible;padding:0;width:100%;z-index:9999;display:inline;margin:0;padding:0}header.navigation ul.navigation-menu.show{display:block}@media screen and (max-width: 768px){header.navigation ul.navigation-menu{display:flex;justify-content:space-between;align-content:middle;align-items:center;height:60px}}header.navigation ul li.nav-link{background:#243641;display:inline;overflow:hidden;text-align:left;width:100%;z-index:9999;text-align:center;line-height:60px;font-family:"Lato"}header.navigation ul li.nav-link:not(:last-child){padding-right:1.4em}header.navigation ul li.nav-link.active a{color:#a6c6dc;font-weight:700}header.navigation ul li.nav-link .nav-label{font-size:11px;text-transform:uppercase}@media screen and (max-width: 768px){header.navigation ul li.nav-link{line-height:1.4;padding-right:0}header.navigation ul li.nav-link:not(:last-child){padding-right:0}}@media screen and (min-width: 900px){header.navigation ul li.nav-link{background:transparent;display:inline;line-height:60px;text-decoration:none;width:auto;text-align:left}}header.navigation ul li.nav-link a{color:#FFF;opacity:0.9;display:inline-block;text-decoration:none;font-weight:300}@media screen and (min-width: 900px){header.navigation ul li.nav-link a:not(:last-child){padding-right:1em}}header.navigation ul li.nav-link a:focus,header.navigation ul li.nav-link a:hover{color:#a6c6dc}header.navigation ul li.nav-link .active-nav-item a{border-bottom:1px solid rgba(255,255,255,0.5);padding-bottom:3px}.nav-logo .logo{display:flex;width:40px;height:40px}.nav-logo img{vertical-align:bottom}.pagination{display:flex;align-items:center;justify-content:center;gap:4px;margin:2rem 0;list-style:none;padding:0}.pagination li a{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 12px;font-size:16px;font-weight:600;line-height:1;text-decoration:none;border:1px solid #e5e7eb;border-radius:8px;background:#ffffff;color:#374151;transition:all 0.2s cubic-bezier(0.4, 0, 0.2, 1);cursor:pointer;user-select:none}.pagination li a i{font-size:12px}.pagination li:not(.active):not(.disabled) a:hover{background:#f8fafc;border-color:#2563eb;color:#2563eb}.pagination li:not(.active):not(.disabled) a:active{background:#2563eb;border-color:#2563eb;color:white}.pagination li.active a{background:linear-gradient(135deg, #2563eb 0%, #2563eb 100%);border-color:#2563eb;color:white;cursor:default;font-weight:700;position:relative;z-index:1}.pagination li.active a:hover{background:linear-gradient(135deg, #2563eb 0%, #2563eb 100%);border-color:#2563eb;color:white}.pagination li.disabled a{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af;cursor:not-allowed;opacity:0.6}.pagination li.disabled a:hover{background:#f9fafb;border-color:#e5e7eb;color:#9ca3af}@media (max-width: 640px){.pagination{gap:2px}.pagination li a{min-width:36px;height:36px;padding:0 8px;font-size:13px}.pagination li:not(.active):not(.disabled):not(:first-child):not(:last-child):not(:nth-child(2)):not(:nth-last-child(2)){display:none}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.spinner{border-radius:50%;width:36px;height:36px;border:0.25rem solid rgba(165,156,156,0.2);border-top-color:#4e5f69;animation:spin 0.75s infinite linear;position:absolute;top:50%;left:50%;margin:0px 0 0 -18px}.spinner.lender-check-spinner{margin-top:10vh;border-top-color:#131544}.loading-overlay{z-index:99;position:absolute;width:100%;max-height:2000px;height:100%;background:rgba(255,255,255,0.7)}.flash-alert{background-color:#fff3cd;border:1px solid #ffeaa7;border-radius:8px;color:#856404;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-family:"Lato";font-size:15px;line-height:1.4;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.flash-alert{padding:12px 16px;font-size:14px;margin-bottom:16px;border-radius:6px}}.flash-alert i{color:#856404;margin-top:2px;flex-shrink:0}.flash-alert .flash-content{flex:1}.flash-alert a{color:#66512c;text-decoration:underline;font-weight:600;transition:color 0.2s ease}.flash-alert a:focus,.flash-alert a:hover{color:#574525;text-decoration:none}.flash-alert strong{font-weight:700;color:#856404}.flash-alert .flash-close{background:none;border:none;color:#856404;cursor:pointer;font-size:18px;padding:0;margin-left:8px;opacity:0.7;transition:opacity 0.2s ease}.flash-alert .flash-close:hover{opacity:1}.flash-error{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-family:"Lato";font-size:15px;line-height:1.4;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.flash-error{padding:12px 16px;font-size:14px;margin-bottom:16px;border-radius:6px}}.flash-error i{color:#721c24;margin-top:2px;flex-shrink:0}.flash-error .flash-content{flex:1}.flash-error a{color:#491217;text-decoration:underline;font-weight:600;transition:color 0.2s ease}.flash-error a:focus,.flash-error a:hover{color:#3e0f14;text-decoration:none}.flash-error strong{font-weight:700;color:#721c24}.flash-error .flash-close{background:none;border:none;color:#721c24;cursor:pointer;font-size:18px;padding:0;margin-left:8px;opacity:0.7;transition:opacity 0.2s ease}.flash-error .flash-close:hover{opacity:1}.flash-notice{background-color:#cce7ff;border:1px solid #b3d9ff;border-radius:8px;color:#0c5460;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-family:"Lato";font-size:15px;line-height:1.4;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.flash-notice{padding:12px 16px;font-size:14px;margin-bottom:16px;border-radius:6px}}.flash-notice i{color:#0c5460;margin-top:2px;flex-shrink:0}.flash-notice .flash-content{flex:1}.flash-notice a{color:#083c47;text-decoration:underline;font-weight:600;transition:color 0.2s ease}.flash-notice a:focus,.flash-notice a:hover{color:#07333c;text-decoration:none}.flash-notice strong{font-weight:700;color:#0c5460}.flash-notice .flash-close{background:none;border:none;color:#0c5460;cursor:pointer;font-size:18px;padding:0;margin-left:8px;opacity:0.7;transition:opacity 0.2s ease}.flash-notice .flash-close:hover{opacity:1}.flash-success{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:8px;color:#155724;display:flex;align-items:flex-start;gap:12px;margin-bottom:20px;padding:16px 20px;font-family:"Lato";font-size:15px;line-height:1.4;font-weight:500;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.flash-success{padding:12px 16px;font-size:14px;margin-bottom:16px;border-radius:6px}}.flash-success i{color:#155724;margin-top:2px;flex-shrink:0}.flash-success .flash-content{flex:1}.flash-success a{color:#0e4419;text-decoration:underline;font-weight:600;transition:color 0.2s ease}.flash-success a:focus,.flash-success a:hover{color:#0c3a15;text-decoration:none}.flash-success strong{font-weight:700;color:#155724}.flash-success .flash-close{background:none;border:none;color:#155724;cursor:pointer;font-size:18px;padding:0;margin-left:8px;opacity:0.7;transition:opacity 0.2s ease}.flash-success .flash-close:hover{opacity:1}.flash{font-size:15px;margin-bottom:20px}@media screen and (max-width: 480px){.flash{font-size:14px;flex-direction:column}}.flash li{display:block;font-size:inherit;margin-bottom:0}.flash .flash-alert:last-child,.flash .flash-error:last-child,.flash .flash-notice:last-child,.flash .flash-success:last-child{margin-bottom:0}.flash-banner{position:fixed;top:80px;left:50%;transform:translateX(-50%);z-index:1000;min-width:320px;max-width:600px;margin:0;animation:slideDown 0.3s ease-out}@media screen and (max-width: 480px){.flash-banner{top:70px;left:16px;right:16px;transform:none;min-width:auto;max-width:none}}@keyframes slideDown{from{opacity:0;transform:translateX(-50%) translateY(-20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.flash-with-icon .flash-alert::before,.flash-with-icon .flash-error::before,.flash-with-icon .flash-notice::before,.flash-with-icon .flash-success::before{font-family:"Font Awesome 5 Pro";font-weight:400;margin-right:8px;font-size:16px}.flash-with-icon .flash-alert::before{content:"\f071"}.flash-with-icon .flash-error::before{content:"\f06a"}.flash-with-icon .flash-notice::before{content:"\f05a"}.flash-with-icon .flash-success::before{content:"\f058"}.island-wrapper{display:flex;justify-content:center;margin-top:40px}@media screen and (max-width: 480px){.island-wrapper{margin-top:0}}.island{border-radius:6px;border:1px solid #cbcbcb;box-shadow:0 3px 27px -18px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);padding:20px;background:white;width:780px}.island.lonely{width:600px}@media screen and (max-width: 480px){.island{width:100%}}.delete-loan{margin-top:20px;float:right;color:#E03D35}.upcoming{margin-bottom:40px}.upcoming h2{font-family:"Zain";font-size:20px;font-weight:700;margin-top:0;margin-bottom:10px}.pad{padding:15px 0}.pad-x{padding:0 15px}.pillboxes{display:flex;align-items:center;width:calc(100% + 40px);margin:0 -20px}.pillboxes>:last-child{margin-left:auto}@media screen and (max-width: 768px){.pillboxes{display:none}}.pill{font-family:"Zain";font-weight:700;font-size:18px;padding:15px;display:inline-block;border-radius:3px;transition:background 0.2s ease}.pill.active{background:#e6e6e6}.pill.active:hover{background:#e6e6e6}.pill:hover{background:#e6e6e6}.pill.small{font-size:12px}.pilltab{text-transform:uppercase;letter-spacing:0.5px;font-size:12px;font-weight:bold;font-family:"Lato";width:auto;color:white;border-radius:3px;padding:3px 6px;text-align:center;line-height:1.4}.pilltab.late{background-color:#fb8800}.pilltab.late-warn{background-color:#eb7335}.pilltab.unpaid{background-color:#E03D35}.pilltab.paid{background-color:#28a745}.pilltab.active{background-color:#4e89da}.loan-created-date{width:93px;white-space:nowrap}.loan-note{width:400px}.loan-note p:last-child{margin-bottom:0}@media screen and (max-width: 768px){.loan-note{width:auto;max-width:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}.installments{overflow:hidden;padding:10px 0;clear:left}.icon-cell{max-width:40px;width:40px}.table-wrapper{margin:0 -20px}@media screen and (max-width: 768px){.table-wrapper{overflow-x:auto;max-height:calc(100vh - 155px)}}@media screen and (max-width: 768px){.table-wrapper.fit{width:calc(100vw - 40px)}}.table-wrapper.align-left th,.table-wrapper.align-left td{padding-left:0}.loan-menu-trigger{cursor:pointer;color:#2563eb;margin-bottom:0}.action-trigger{font-size:18px}.mobile-loans-nav{margin:0 -20px;display:flex;justify-content:space-between}.mobile-dropdown-wrapper{position:relative}.mobile-unroll-wrapper{display:flex;height:16px}.dropdown-content{display:none}#loan-menu{display:none}#loan-menu:checked+.dropdown-content{display:block;position:absolute;width:170px;border:1px solid #dedede;z-index:9;box-shadow:0 3px 27px -18px rgba(50,50,93,0.25),0 8px 16px -8px rgba(0,0,0,0.3);background:white;right:0;top:45px}#loan-menu:checked+.dropdown-content .pill{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:100%}.action-row{display:flex;font-size:14px}.action-row a{padding-right:8px;padding-bottom:8px}.action-row:last-of-type a{padding-bottom:0}.next-fields-wrapper{display:flex;flex-direction:column;justify-content:space-between;align-items:center}.next-fields-wrapper .next-fields{display:flex;justify-content:space-between;width:100%;align-items:center}.next-fields-wrapper .next-fields>*{width:48%}#full-user-details{font-weight:700;color:#2563eb;cursor:pointer;margin-bottom:0}.payload-result{margin-bottom:40px}.payload-result .table-wrapper{display:inline-block}@media screen and (max-width: 768px){.payload-result .table-wrapper{min-width:auto;max-height:220px;overflow-y:auto}}.payload-result .table-wrapper .loans-table{width:100%}.payload-result p{color:#2f3c5b;margin-bottom:0;font-weight:normal}.payload-result .details{margin-bottom:20px}.search-wrapper{margin:20px 0;padding:0 15px}.search-subtitle{margin-top:10px}.js-reveal-note{cursor:pointer;color:#2563eb;text-decoration:none;transition:color 250ms ease}.js-reveal-note:active,.js-reveal-note:focus,.js-reveal-note:hover{color:#1c4ab0}.loan-title{margin-bottom:5px}.loan-title .loan-title-text{margin:0;margin-right:10px}@media screen and (max-width: 480px){.loan-title .loan-title-text{margin-bottom:10px}}@media screen and (max-width: 480px){.loan-title .pilltab{margin-bottom:10px}}.edit-loan-actions{display:flex;align-items:center;margin-top:20px}.edit-loan-actions input[type="submit"]{margin-right:10px}.thread-field{display:flex;justify-content:space-between}.pagination{font-family:"Zain"}.upcoming-loans-select{display:inline-block;font-family:"Zain";font-size:16px;font-weight:700;color:#2f3c5b;border-radius:6px;border-color:#e2e8f0;margin:0 10px}.upcoming-loans-select:hover{border-color:#2f3c5b}.loan-header .loan-title{font-size:28px;font-weight:700;color:#2f3c5b}.loan-header .loan-title a{color:#2563eb;text-decoration:none}.loan-header .loan-title a:hover{color:#1c4ab0}@media screen and (max-width: 768px){.loan-header .loan-title{font-size:24px}}.loan-info-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));gap:20px;margin-bottom:32px}@media screen and (max-width: 768px){.loan-info-grid{grid-template-columns:1fr;gap:16px;margin-bottom:24px}}.loan-info-item{background:#f8f9fa;border-radius:8px;padding:20px;border:1px solid #e9ecef}@media screen and (max-width: 768px){.loan-info-item{padding:16px}}.loan-info-label{font-family:"Zain";font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;margin-bottom:8px}.loan-info-value{font-size:18px;font-weight:700;color:#2f3c5b;line-height:1.2}@media screen and (max-width: 768px){.loan-info-value{font-size:16px}}.loan-info-subtitle{font-size:14px;font-weight:400;color:#6c757d;margin-top:4px;line-height:1.3}.loan-subtitle{font-size:14px;font-weight:400;color:#6c757d;margin:8px 0;line-height:1.4}.status-badge{text-transform:uppercase;letter-spacing:0.5px;font-size:12px;font-weight:bold;font-family:"Lato";display:inline-block;padding:6px 12px;border-radius:20px;font-size:11px;font-weight:700;letter-spacing:0.5px}.status-badge.late{background-color:#fb8800;color:white}.status-badge.late-warn{background-color:#eb7335;color:white}.status-badge.unpaid{background-color:#E03D35;color:white}.status-badge.paid{background-color:#28a745;color:white}.status-badge.active{background-color:#4e89da;color:white}.loan-section-title{font-family:"Zain";font-size:20px;font-weight:700;color:#2f3c5b;margin-bottom:20px}@media screen and (max-width: 768px){.loan-section-title{font-size:22px;margin-bottom:12px}}.loan-actions-section{margin-bottom:40px}@media screen and (max-width: 768px){.loan-actions-section{margin-bottom:32px}}.loan-actions-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));gap:16px}@media screen and (max-width: 768px){.loan-actions-grid{grid-template-columns:1fr;gap:12px}}.action-button{display:flex;align-items:center;padding:16px 20px;border-radius:8px;text-decoration:none;font-weight:600;font-size:14px;transition:all 0.2s ease;border:2px solid transparent}.action-button i{margin-right:10px;font-size:16px}.action-button span{flex:1}.action-button:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,0.1)}.action-button--primary{background-color:#2563eb;color:white}.action-button--primary:hover{background-color:#1f54c8;color:white}.action-button--success{background-color:#28a745;color:white}.action-button--success:hover{background-color:#228e3b;color:white}.action-button--secondary{background-color:#f8f9fa;color:#2f3c5b;border-color:#e9ecef}.action-button--secondary:hover{background-color:#e9ecef;color:#2f3c5b}@media screen and (max-width: 768px){.action-button{padding:14px 16px;font-size:14px}.action-button i{margin-right:8px;font-size:14px}}.loan-details-section{margin-bottom:40px}@media screen and (max-width: 768px){.loan-details-section{margin-bottom:32px}}.loan-details-content{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:24px}@media screen and (max-width: 768px){.loan-details-content{grid-template-columns:1fr;gap:20px}}.detail-item{padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}@media screen and (max-width: 768px){.detail-item{padding:16px}}.detail-label{font-family:"Zain";font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;margin-bottom:8px}.detail-value{font-size:16px;font-weight:700;color:#2f3c5b;line-height:1.3}.detail-subtitle{font-size:13px;color:#6c757d;margin-top:4px;line-height:1.4}.external-link{color:#2563eb;text-decoration:none;font-weight:600}.external-link:hover{color:#1c4ab0;text-decoration:underline}.external-link:after{content:" ↗";font-size:12px;margin-left:2px}.loan-note-section{background:#f8f9fa;border-radius:8px;padding:24px;border:1px solid #e9ecef}.loan-note-section .section-title{margin-bottom:16px}@media screen and (max-width: 768px){.loan-note-section{padding:20px}}.note-content{font-size:15px;line-height:1.6;color:#2f3c5b}.note-content p{margin-bottom:16px}.note-content p:last-child{margin-bottom:0}.note-content a{color:#2563eb;text-decoration:none}.note-content a:hover{color:#1c4ab0;text-decoration:underline}.loan-form-container{max-width:800px;margin:0 auto}.form-title{font-size:32px;font-weight:700;color:#2f3c5b;margin-bottom:24px;text-align:center}@media screen and (max-width: 768px){.form-title{font-size:28px;margin-bottom:20px}}.modern-loan-form .form-section{border-radius:8px;margin-bottom:12px}.modern-loan-form .form-section-title{font-family:"Zain";font-size:22px;font-weight:700;color:#2f3c5b;margin-bottom:4px;margin-top:0}.modern-loan-form .form-section-description{font-size:13px;color:#6c757d;margin-bottom:12px;line-height:1.4}.modern-loan-form .form-grid{display:grid;grid-template-columns:1fr 1fr}@media screen and (max-width: 768px){.modern-loan-form .form-grid{grid-template-columns:1fr}}.modern-loan-form .form-field{display:flex;flex-direction:column}.modern-loan-form .form-field.full-width{grid-column:1 / -1}.modern-loan-form .form-label{font-size:14px;font-weight:600;color:#2f3c5b}.modern-loan-form .form-label.required:after{content:" *";color:#dc3545}.modern-loan-form .form-label-optional{font-weight:400;color:#6c757d;font-size:12px;font-family:"Lato"}.modern-loan-form .form-input,.modern-loan-form .form-textarea{padding:8px 12px;border:2px solid #e9ecef;border-radius:6px;font-size:14px;font-family:"Lato";background:white;transition:all 0.2s ease}.modern-loan-form .form-input:focus,.modern-loan-form .form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(78,137,218,0.1)}.modern-loan-form .form-input:hover:not(:focus),.modern-loan-form .form-textarea:hover:not(:focus){border-color:#ced4da}.modern-loan-form .form-input::placeholder,.modern-loan-form .form-textarea::placeholder{color:#adb5bd}@media screen and (max-width: 768px){.modern-loan-form .form-input,.modern-loan-form .form-textarea{font-size:16px}}.modern-loan-form .form-textarea{resize:vertical;min-height:80px;font-family:"Lato"}.modern-loan-form .interest-display{font-size:11px;font-weight:600;color:#2563eb;margin-left:5px;padding:1px 4px;background:rgba(78,137,218,0.1);border-radius:4px;display:inline-block}.form-actions{display:flex;padding:24px 0;margin-top:8px;gap:12px;justify-content:space-between}@media screen and (max-width: 480px){.form-actions{padding:20px 0;flex-direction:column;justify-content:center}}.paypal-calculator{background:white;border-radius:8px;padding:20px;margin-top:32px;border:1px solid #e9ecef;box-shadow:0 1px 3px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.paypal-calculator{padding:16px;margin-top:24px}}.calculator-title{font-family:"Zain";font-size:22px;font-weight:700;color:#2f3c5b;margin-bottom:4px;margin-top:0}.calculator-description{font-size:13px;color:#6c757d;margin-bottom:16px;line-height:1.4}.calculator-content{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}@media screen and (max-width: 768px){.calculator-content{grid-template-columns:1fr;gap:16px}}.calculator-input .form-label{margin-bottom:4px}.calculator-results{background:#f8f9fa;border-radius:6px;padding:16px;border:1px solid #e9ecef}.calculator-result{margin-bottom:12px;font-size:13px;line-height:1.5}.calculator-result:last-child{margin-bottom:0}.result-label{font-weight:600;color:#2f3c5b}.result-value{font-weight:700;color:#2563eb}.result-description{color:#6c757d}.payment-input-wrapper{display:flex;align-items:flex-end;gap:12px}.payment-input-wrapper .form-input,.payment-input-wrapper .modern-loan-form .form-textarea,.modern-loan-form .payment-input-wrapper .form-textarea{flex:1}.thread-field-label{display:flex;align-items:center;gap:8px}.thread-field-label .thread-link{font-size:12px}.status-section .form-section-title{margin-bottom:16px}.status-checkbox-wrapper{display:flex;align-items:center;gap:8px;padding:16px;background:#fff3cd;border:1px solid #ffeaa7;border-radius:6px}.status-checkbox{width:18px;height:18px;margin:0;cursor:pointer}.status-checkbox-label{font-family:"Zain";font-size:14px;font-weight:600;color:#856404;margin:0;cursor:pointer}.edit-form-actions{justify-content:space-between}@media screen and (max-width: 768px){.edit-form-actions{flex-direction:column;gap:12px;align-items:stretch}}.delete-loan-link{color:#dc3545;text-decoration:none;font-size:14px;font-weight:500;padding:8px 0;align-self:center}.delete-loan-link:hover{color:#a52834;text-decoration:underline}@media screen and (max-width: 768px){.delete-loan-link{text-align:center;padding:12px 0}}.search-container{max-width:600px;margin:0 auto;padding:20px 0}@media screen and (max-width: 768px){.search-container{padding:0}}.search-section{background:white;border-radius:12px;padding:32px;margin-bottom:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.search-section{padding:24px;margin-bottom:24px}}@media screen and (max-width: 480px){.search-section{padding:20px;margin-bottom:20px;border-radius:8px}}.search-section:last-child{margin-bottom:0}.search-title{font-family:"Zain";font-size:24px;font-weight:700;color:#2f3c5b;margin:0 0 8px 0}@media screen and (max-width: 480px){.search-title{font-size:20px}}.search-description{font-size:15px;color:#6c757d;margin:0 0 24px 0;line-height:1.5}@media screen and (max-width: 480px){.search-description{font-size:14px;margin-bottom:20px}}.modern-search-form{margin-bottom:16px}.modern-search-form:last-child{margin-bottom:0}.search-input-group{display:flex;gap:12px;align-items:stretch}@media screen and (max-width: 480px){.search-input-group{flex-direction:column;gap:12px}}.search-input{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;font-family:"Lato";background:white;transition:all 0.2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(78,137,218,0.1)}.search-input:hover:not(:focus){border-color:#ced4da}.search-input::placeholder{color:#adb5bd}@media screen and (max-width: 480px){.search-input{font-size:16px}}.search-btn{height:47.5px}@media screen and (max-width: 480px){.search-btn{justify-content:center;font-size:16px;padding:10px 16px}}.search-help-text{font-size:14px;color:#6c757d;line-height:1.5;margin-bottom:20px}.search-help-emphasis{font-weight:600;color:#2f3c5b}.user-search-container{margin:0 auto;padding:20px 0}@media screen and (max-width: 768px){.user-search-container{padding:16px 0}}.user-search-title{font-family:"Zain";font-size:28px;font-weight:700;color:#2f3c5b;margin:0 0 24px 0}@media screen and (max-width: 480px){.user-search-title{font-size:24px;margin-bottom:20px}}.empty-state{background:white;border-radius:12px;padding:48px 32px;text-align:center;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.empty-state{padding:32px 24px;border-radius:8px}}.metrics-summary-card{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.metrics-summary-card{padding:16px;margin-bottom:16px;border-radius:8px}}.loans-table-card{background:white;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 480px){.loans-table-card{padding:16px;border-radius:8px}}.metrics-title,.loans-table-title{font-family:"Zain";font-size:18px;font-weight:700;color:#2f3c5b;margin:0 0 16px 0}@media screen and (max-width: 480px){.metrics-title,.loans-table-title{font-size:16px;margin-bottom:12px}}.metrics-table-wrapper{overflow-x:auto}@media screen and (max-width: 480px){.metrics-table-wrapper{margin:0 -16px;padding:0 16px}}.modern-metrics-table{width:100%;border-collapse:collapse;font-size:14px}.modern-metrics-table th{font-family:"Zain";font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;padding:8px 12px;text-align:left;border-bottom:2px solid #e9ecef;white-space:nowrap}@media screen and (max-width: 480px){.modern-metrics-table th{padding:6px 8px;font-size:12px}}.modern-metrics-table th.actions-col{text-align:right;width:120px}.modern-metrics-table .metrics-row{border-bottom:1px solid #f1f3f4}.modern-metrics-table .metrics-row:hover{background-color:#f8f9fa}.modern-metrics-table .metric-value{padding:12px;font-weight:600;color:#2f3c5b;white-space:nowrap}@media screen and (max-width: 480px){.modern-metrics-table .metric-value{padding:10px 8px;font-size:13px}}.modern-metrics-table .actions-col{text-align:right;padding:8px 12px}@media screen and (max-width: 480px){.modern-metrics-table .actions-col{padding:6px 8px}}.export-btn{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;background:#f8f9fa;color:#2f3c5b;text-decoration:none;border-radius:6px;font-size:12px;font-weight:600;font-family:"Zain";border:1px solid #e9ecef;transition:all 0.2s ease}.export-btn:hover{background:#e9ecef;color:#2f3c5b;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.export-btn:active{transform:translateY(0)}.export-btn i{font-size:10px}@media screen and (max-width: 480px){.export-btn{padding:4px 8px;font-size:12px;gap:4px}}.stat-item.unpaid .stat-value{color:#dc3545}.stat-item.outstanding .stat-value{color:#ffc107}.stat-item.paid .stat-value{color:#28a745}.reddit-data-wrapper{margin-top:40px}@media screen and (max-width: 768px){.reddit-data-wrapper{margin-top:32px}}@media screen and (max-width: 480px){.reddit-data-wrapper{margin-top:24px}}.reddit-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}@media screen and (max-width: 768px){.reddit-data-grid{grid-template-columns:1fr;gap:24px}}@media screen and (max-width: 480px){.reddit-data-grid{gap:20px}}.reddit-data-section{display:flex;flex-direction:column}.reddit-data-section .section-title{font-family:"Zain";font-size:20px;font-weight:700;color:#2f3c5b;margin:0 0 16px 0}@media screen and (max-width: 480px){.reddit-data-section .section-title{font-size:18px;margin-bottom:12px}}.reddit-data-content{flex:1;min-height:200px}@media screen and (max-width: 480px){.reddit-data-content{min-height:150px}}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;background:white;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}.loading-state i{color:#6c757d;margin-bottom:16px}@media screen and (max-width: 480px){.loading-state{padding:32px 16px;border-radius:8px}.loading-state i{margin-bottom:12px}}.loading-message{font-size:16px;color:#6c757d;margin:0}@media screen and (max-width: 480px){.loading-message{font-size:14px}}.landing{line-height:1.5;font-size:16px;color:#1f2937;background:#ffffff;text-align:center}.landing .container{max-width:1200px;margin:0 auto;padding:0 24px;text-align:center}@media (max-width: 768px){.landing .container{padding:0 16px}}.landing section{padding:80px 0;width:100%;text-align:center;display:flex}@media (max-width: 768px){.landing section{padding:60px 0}}.landing section:first-child{padding-top:100px}@media (max-width: 768px){.landing section:first-child{padding-top:0px}}.landing h1,.landing h2,.landing h3,.landing h4,.landing h5,.landing h6{margin:0 0 24px !important;text-align:center !important}.landing p{margin:0 0 16px !important;text-align:center !important}.hero{background:linear-gradient(135deg, #059669 0%, #2e6a52 100%);color:white;text-align:center !important;min-height:70vh;display:flex;align-items:center;width:100%;position:relative;overflow:hidden}.hero .reddit-icon{color:#ff4500;margin:0 8px}.hero .container{display:flex;align-items:center;justify-content:center;min-height:60vh;position:relative;z-index:2}.hero .hero-content{max-width:800px;margin:0 auto;width:100%;text-align:center}.hero .hero-ui-peek{position:absolute;left:550px;right:-550px;top:20%;transform:translateY(60%) rotate(-10deg);z-index:1;opacity:0.15;pointer-events:none}@media (max-width: 2000px){.hero .hero-ui-peek{transform:translateY(30%) rotate(-10deg)}}@media (max-width: 1200px){.hero .hero-ui-peek{right:-200px;left:400px;transform:translateY(120%) rotate(-10deg)}}@media (max-width: 768px){.hero .hero-ui-peek{right:-200px;left:100px;top:100px;transform:translateY(120%) rotate(-10deg)}}.hero .hero-ui-peek .ui-preview-image{height:auto;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.3)}@media (max-width: 1200px){.hero .hero-ui-peek .ui-preview-image{width:550px}}.hero .hero-title{font-size:3.5rem;font-weight:700;margin-bottom:24px;line-height:1.2;text-align:center !important}@media (max-width: 768px){.hero .hero-title{font-size:2.5rem}}@media (max-width: 480px){.hero .hero-title{font-size:2rem}}.hero .hero-subtitle{font-size:1.75rem;margin-bottom:16px;opacity:0.9;text-align:center !important}@media (max-width: 480px){.hero .hero-subtitle{font-size:1.5rem}}.hero .hero-description{font-size:1.25rem;margin-bottom:40px;opacity:0.7;margin-left:auto;margin-right:auto;text-align:center !important}.cta-button{display:inline-flex;align-items:center;gap:8px;background:#ffffff;color:#059669;padding:16px 32px;border-radius:12px;font-weight:600;font-size:1.125rem;text-decoration:none;transition:all 0.3s ease;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,0.15);color:#059669;text-decoration:none}.cta-button.secondary{background:#059669;color:white}.cta-button.secondary:hover{background:#2e6a52;color:white;text-decoration:none}.cta-button .cta-icon{font-size:1rem}.section-title{font-size:2.5rem !important;font-weight:700;text-align:center !important;margin-bottom:32px !important;color:#1f2937}@media (max-width: 768px){.section-title{font-size:2rem !important;margin-bottom:24px !important}}.section-intro{font-size:1.25rem;text-align:center !important;color:#6b7280;margin:0 auto 80px !important}@media (max-width: 768px){.section-intro{margin-bottom:60px !important}}.features{background:#f9fafb;width:100%;text-align:center !important}.features .container{text-align:center !important}.features-grid{display:grid;grid-template-columns:repeat(2, 1fr);column-gap:60px;row-gap:40px;margin-top:40px;max-width:800px;margin-left:auto;margin-right:auto;justify-items:center}@media (max-width: 768px){.features-grid{grid-template-columns:1fr;gap:32px;max-width:none}}.feature-card{background:white;padding:40px 32px;border-radius:16px;text-align:center !important;box-shadow:0 4px 20px rgba(0,0,0,0.08);transition:transform 0.3s ease, box-shadow 0.3s ease;width:100%;max-width:350px}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.12)}.feature-card .feature-icon{width:80px;height:80px;background:linear-gradient(135deg, #059669, #2e6a52);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;color:white;font-size:2rem}.feature-card h3{font-size:1.5rem !important;font-weight:600;margin-bottom:16px !important;color:#1f2937;text-align:center !important}.feature-card p{color:#6b7280;font-size:1rem;line-height:1.6;text-align:center !important}.feature-card p em{font-style:italic;color:#059669;font-weight:500}.testimonials{width:100%;padding:80px 0;text-align:center !important}.testimonials .container{text-align:center !important}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:32px;margin-top:0;justify-items:center}.testimonial{background:#f5f0ec;padding:32px;border-radius:16px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border-left:4px solid #059669;text-align:left;max-width:400px;width:100%;display:flex;flex-direction:column;justify-content:space-between;height:100%}.testimonial blockquote{font-size:1.125rem;line-height:1.6;margin:10px 10px 16px 10px;color:#374151;font-style:italic}.testimonial blockquote strong{color:#059669;font-weight:600}.testimonial cite{font-size:0.875rem;color:#6b7280;font-weight:500;font-style:normal;text-align:right;display:block}.testimonial cite:before{content:"— "}.pricing{background:#f9fafb;width:100%;padding:80px 0;text-align:center !important}.pricing .container{text-align:center !important}.pricing-card{background:white;padding:48px;border-radius:20px;text-align:center !important;max-width:500px;margin:0 auto;box-shadow:0 8px 40px rgba(0,0,0,0.1)}.pricing-card h3{font-size:2rem !important;font-weight:700;margin-bottom:16px !important;color:#1f2937;text-align:center !important}.pricing-card .pricing-description{font-size:1.5rem;margin-bottom:8px !important;color:#374151;text-align:center !important}.pricing-card .pricing-description strong{color:#059669}.pricing-card .pricing-limits{font-size:1rem;color:#6b7280;margin-bottom:32px !important;text-align:center !important}.social-proof{background:linear-gradient(135deg, #059669 0%, #2e6a52 100%);color:white;text-align:center !important;width:100%;padding:80px 0}.social-proof .container{text-align:center !important}.social-proof .section-title{color:white !important;margin-bottom:40px !important;text-align:center !important}.faq{width:100%;padding:80px 0;text-align:center !important}.faq .container{text-align:center !important}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr));gap:40px;margin-top:0;justify-items:center}@media (max-width: 768px){.faq-grid{grid-template-columns:1fr;gap:32px}}.faq-item{text-align:left;max-width:500px;width:100%}.faq-item h3{font-size:1.5rem !important;font-weight:600;margin-bottom:12px !important;color:#1f2937;text-align:left !important}.faq-item p{color:#6b7280;line-height:1.6;text-align:left !important}.faq-footer{text-align:center !important;margin-top:60px;padding-top:40px;border-top:1px solid #e5e7eb}.faq-footer p{margin-bottom:32px !important;color:#6b7280;text-align:center !important}.faq-footer .link{color:#059669;text-decoration:none;font-weight:600}.faq-footer .link:hover{text-decoration:underline}nav.logged-out{position:fixed;top:0;left:0;right:0;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid #e5e7eb;z-index:1000;height:80px;display:flex;justify-content:center;align-items:center}nav.logged-out .desktop,nav.logged-out .tablet{width:100%;display:flex;justify-content:center}@media (max-width: 768px){nav.logged-out .desktop{display:none}}nav.logged-out .tablet{display:none}@media (max-width: 768px){nav.logged-out .tablet{display:flex}}nav.logged-out .nav-container{max-width:1200px;width:100%;margin:0 auto;padding:0 24px;height:80px;display:flex;align-items:center;justify-content:space-between}@media (max-width: 768px){nav.logged-out .nav-container{padding:0 16px;max-width:none}}nav.logged-out .nav-logo .logo{display:flex;align-items:center}nav.logged-out .nav-logo .logo img{height:40px;width:auto}nav.logged-out .nav-links{display:flex;align-items:center;gap:32px;list-style:none;margin:0;padding:0}@media (max-width: 768px){nav.logged-out .nav-links{gap:20px}}nav.logged-out .nav-links .nav-link{text-decoration:none;transition:color 0.3s ease;font-weight:600}nav.logged-out .nav-links .nav-link a{color:#059669;text-decoration:none}nav.logged-out .nav-links .nav-link a:hover{color:#036546}@media (max-width: 480px){.features-grid,.testimonials-grid{grid-template-columns:1fr}.faq-grid{grid-template-columns:1fr}.pricing-card{padding:32px 24px}}.user-settings-nav{position:fixed;top:80px;left:20px;width:200px;background:white;border-radius:12px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04);padding:0;z-index:10}@media screen and (max-width: 768px){.user-settings-nav{position:relative;top:auto;left:auto;width:100%;margin-bottom:20px;border-radius:8px}}.nav-header{padding:20px 20px 8px 20px}@media screen and (max-width: 768px){.nav-header{padding:16px 16px 8px 16px}}.nav-title{font-family:"Zain";font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;margin:0}@media screen and (max-width: 768px){.nav-title{font-size:11px}}.nav-items{padding:8px 0}.nav-footer{border-top:1px solid #f1f3f4;padding:8px 0}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#2f3c5b;text-decoration:none;transition:all 0.2s ease;font-family:"Lato";font-size:15px;font-weight:500;border-left:3px solid transparent}@media screen and (max-width: 768px){.nav-item{padding:10px 16px;font-size:16px}}.nav-item i{color:#6c757d;width:16px;text-align:center;transition:color 0.2s ease}.nav-item:hover{background-color:#f8f9fa;color:#2563eb}.nav-item:hover i{color:#2563eb}.nav-item.active{background-color:rgba(78,137,218,0.08);color:#2563eb;font-weight:600;border-left-color:#2563eb}.nav-item.active i{color:#2563eb}.nav-item.logout{color:#dc3545}.nav-item.logout i{color:#dc3545}.nav-item.logout:hover{background-color:rgba(220,53,69,0.08);color:#bb2d3b}.nav-item.logout:hover i{color:#bb2d3b}.nav-label{flex:1;white-space:nowrap}.filter-fields{display:flex;justify-content:space-between;margin-top:10px}.filter-fields.currencies{justify-content:flex-start}.filter-fields.currencies .checkbox-group{margin-right:10px}.filter-fields .filter-input-group{width:48%}.user-form{display:flex}.user-meta-wrapper{margin-top:80px}.user-meta{display:flex;justify-content:flex-start}@media screen and (max-width: 768px){.user-meta{flex-direction:column}}.history{min-width:520px;margin-right:80px}@media screen and (max-width: 768px){.history{min-width:auto;margin-right:0}}.subreddits{display:flex;flex-direction:column;flex-wrap:wrap}.subreddits .subreddits-result{display:flex;justify-content:space-between;flex-wrap:wrap}.subreddits .subreddit-group{margin-right:30px;max-width:155px;width:100%}.subreddits .subreddit-name{text-transform:uppercase;letter-spacing:0.5px;font-size:12px;font-weight:bold;font-family:"Lato";display:block;margin-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.alert-settings{display:flex;padding-left:280px}@media screen and (max-width: 768px){.alert-settings{flex-direction:column;padding-left:0}}.alert-settings .settings{width:60%;margin-right:80px}@media screen and (max-width: 768px){.alert-settings .settings{width:100%}}.alert-settings .blacklist{width:40%}@media screen and (max-width: 768px){.alert-settings .blacklist{width:100%}}.impersonate-banner{position:fixed;bottom:1rem;right:1rem;background-color:#fef9c3;border:1px solid #facc15;color:#854d0e;padding:0.75rem 1rem;border-radius:0.25rem;z-index:50}.alert-settings-container{display:grid;grid-template-columns:2fr 1fr;gap:32px;padding-left:240px;margin:-20px;padding-top:20px;padding-right:20px;padding-bottom:20px}@media screen and (max-width: 768px){.alert-settings-container{grid-template-columns:1fr;gap:24px;padding-left:20px}}@media screen and (max-width: 480px){.alert-settings-container{padding:16px;gap:20px}}.settings-content,.blacklist-content{display:flex;flex-direction:column;gap:24px}@media screen and (max-width: 480px){.settings-content,.blacklist-content{gap:20px}}.settings-section,.blacklist-section{background:white;border-radius:12px;padding:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.settings-section,.blacklist-section{padding:24px}}@media screen and (max-width: 480px){.settings-section,.blacklist-section{padding:20px;border-radius:8px}}.section-title{font-family:"Zain";font-size:28px;font-weight:700;color:#2f3c5b;margin:0 0 12px 0}@media screen and (max-width: 768px){.section-title{font-size:24px}}@media screen and (max-width: 480px){.section-title{font-size:22px}}.section-description{font-size:15px;color:#6c757d;margin:0 0 32px 0;line-height:1.5}@media screen and (max-width: 768px){.section-description{margin-bottom:24px}}@media screen and (max-width: 480px){.section-description{font-size:16px;margin-bottom:20px}}.external-link{color:#2563eb;text-decoration:none;font-weight:600}.external-link:hover{color:#1c4ab0;text-decoration:underline}.external-link:after{content:" ↗";font-size:12px;margin-left:2px}.modern-settings-form{display:flex;flex-direction:column;gap:32px}@media screen and (max-width: 480px){.modern-settings-form{gap:24px}}.form-section .form-field:last-child input,.form-section .form-field:last-child textarea{margin-bottom:0}.form-section-title{font-family:"Zain";font-size:20px;font-weight:700;color:#2f3c5b;margin:0 0 8px 0}@media screen and (max-width: 480px){.form-section-title{font-size:18px}}.form-section-description{font-size:14px;color:#6c757d;margin:0 0 20px 0;line-height:1.4}@media screen and (max-width: 480px){.form-section-description{margin-bottom:16px}}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media screen and (max-width: 768px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:#2f3c5b;margin:0}@media screen and (max-width: 480px){.form-label{font-size:15px}}.form-label-optional{font-weight:400;color:#6c757d;font-size:13px;font-style:italic}.form-input,.modern-loan-form .form-textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:"Lato";background:white;transition:all 0.2s ease}.form-input:focus,.modern-loan-form .form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(78,137,218,0.1)}.form-input:hover:not(:focus),.modern-loan-form .form-textarea:hover:not(:focus){border-color:#ced4da}.form-input::placeholder,.modern-loan-form .form-textarea::placeholder{color:#adb5bd}@media screen and (max-width: 480px){.form-input,.modern-loan-form .form-textarea{font-size:16px;padding:10px 14px}}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(80px, 1fr));gap:16px}@media screen and (max-width: 480px){.checkbox-grid{grid-template-columns:repeat(2, 1fr);gap:12px}}.checkbox-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 480px){.checkbox-list{gap:12px}}.checkbox-item{display:flex;align-items:flex-start;gap:12px}.modern-checkbox{width:20px;height:20px;margin:0;cursor:pointer;appearance:none;border:2px solid #e9ecef;border-radius:4px;background:white;transition:all 0.2s ease;position:relative;flex-shrink:0}.modern-checkbox:checked{background-color:#2563eb;border-color:#2563eb}.modern-checkbox:checked::after{content:'✓';color:white;font-size:14px;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);line-height:1}.modern-checkbox:hover{border-color:#2563eb}.modern-checkbox:focus{outline:none;box-shadow:0 0 0 2px rgba(78,137,218,0.2)}.checkbox-label{font-family:"Lato";font-size:15px;font-weight:500;color:#2f3c5b;margin:0;cursor:pointer;line-height:1.4}@media screen and (max-width: 480px){.checkbox-label{font-size:14px}}.help-section{border-bottom:1px solid #f1f3f4;margin-top:12px;padding-bottom:32px}.help-text{font-size:14px;color:#6c757d;line-height:1.5;margin-bottom:16px}.help-text:last-child{margin-bottom:0}.help-text strong{color:#2f3c5b;font-weight:600}.help-text code{font-family:'Monaco', 'Menlo', 'Ubuntu Mono', monospace;font-size:13px;background-color:#f8f9fa;color:#2f3c5b;padding:2px 6px;border-radius:4px;border:1px solid #e9ecef;font-weight:600}@media screen and (max-width: 480px){.help-text{font-size:13px}}.modern-search-form{margin-bottom:24px}@media screen and (max-width: 480px){.modern-search-form{margin-bottom:20px}}.search-input-group{display:flex;gap:12px;align-items:stretch}@media screen and (max-width: 480px){.search-input-group{flex-direction:column;gap:12px}}.search-input{flex:1;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:16px;font-family:"Lato";background:white;transition:all 0.2s ease}.search-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(78,137,218,0.1)}.search-input:hover:not(:focus){border-color:#ced4da}.search-input::placeholder{color:#adb5bd}@media screen and (max-width: 480px){.search-input{font-size:16px}}.blacklist-table-wrapper{margin-top:24px}@media screen and (max-width: 480px){.blacklist-table-wrapper{margin-top:20px;overflow-x:auto;margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}}.empty-row{text-align:center;padding:24px !important}.empty-state-inline{display:flex;align-items:center;justify-content:center;gap:8px;color:#6c757d;font-size:14px}.empty-state-inline i{color:#6c757d}.blacklist-user{display:flex;align-items:center;gap:12px}@media screen and (max-width: 480px){.blacklist-user{gap:8px;height:51px}}.blacklist-actions{text-align:right}@media screen and (max-width: 480px){.blacklist-actions{text-align:left}}.templates-container{display:flex;flex-direction:column;padding-left:240px;margin:-20px;padding-top:20px;padding-right:20px;padding-bottom:20px}@media screen and (max-width: 768px){.templates-container{padding-left:20px}}@media screen and (max-width: 480px){.templates-container{padding:16px}}.templates-content{display:flex;flex-direction:column;max-width:800px}.templates-section{background:white;border-radius:12px;padding:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.templates-section{padding:24px}}@media screen and (max-width: 480px){.templates-section{padding:20px;border-radius:8px}}.form-textarea{padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:"Lato";background:white;transition:all 0.2s ease;resize:vertical;min-height:120px;line-height:1.5}.form-textarea:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(78,137,218,0.1)}.form-textarea:hover:not(:focus){border-color:#ced4da}.form-textarea::placeholder{color:#adb5bd}@media screen and (max-width: 480px){.form-textarea{font-size:16px;padding:10px 14px}}.full-width{grid-column:1 / -1}.billing-container{display:flex;flex-direction:column;padding-left:240px;margin:-20px;padding-top:20px;padding-right:20px;padding-bottom:20px}@media screen and (max-width: 768px){.billing-container{padding-left:20px}}@media screen and (max-width: 480px){.billing-container{padding:16px}}.billing-content{display:flex;flex-direction:column;max-width:900px}.billing-section{background:white;border-radius:12px;padding:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.billing-section{padding:24px}}@media screen and (max-width: 480px){.billing-section{padding:20px;border-radius:8px}}.billing-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}@media screen and (max-width: 768px){.billing-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}}.billing-card{background:#f8f9fa;border-radius:8px;padding:24px;border:1px solid #e9ecef}@media screen and (max-width: 480px){.billing-card{padding:20px}}.card-title{font-family:"Zain";font-size:18px;font-weight:700;color:#2f3c5b;margin:0 0 20px 0}@media screen and (max-width: 480px){.card-title{font-size:22px;margin-bottom:16px}}.card-content{display:flex;flex-direction:column;gap:16px}.billing-item{display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 480px){.billing-item{gap:6px}}.billing-label{font-family:"Zain";font-size:16px;font-weight:600;color:#6c757d;margin:0}.billing-value{font-size:18px;font-weight:700;color:#2f3c5b}.billing-value.paid{color:#28a745}.billing-value.unpaid{color:#dc3545}@media screen and (max-width: 480px){.billing-value{font-size:16px}}.card-info{display:flex;align-items:center;gap:8px;font-size:16px;color:#2f3c5b}.card-info i{color:#6c757d;font-size:18px}@media screen and (max-width: 480px){.card-info{font-size:14px}.card-info i{font-size:16px}}.status-notice{display:flex;align-items:flex-start;gap:10px;padding:12px 16px;border-radius:6px;font-size:14px;line-height:1.4}.status-notice.warning{background-color:#fff3cd;border:1px solid #ffeaa7;color:#856404}.status-notice.warning i{color:#856404;margin-top:2px;flex-shrink:0}@media screen and (max-width: 480px){.status-notice{padding:10px 12px;font-size:13px}}.billing-actions{margin-top:16px}@media screen and (max-width: 480px){.billing-actions{margin-top:12px}}.profile-container{display:flex;flex-direction:column;padding-left:240px;margin:-20px;padding-top:20px;padding-right:20px;padding-bottom:20px}@media screen and (max-width: 768px){.profile-container{padding-left:20px}}@media screen and (max-width: 480px){.profile-container{padding:16px}}.profile-content{display:flex;flex-direction:column;max-width:900px}.profile-section{background:white;border-radius:12px;padding:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.profile-section{padding:24px}}@media screen and (max-width: 480px){.profile-section{padding:20px;border-radius:8px}}.section-subtitle{font-weight:400;color:#6c757d;font-size:20px}@media screen and (max-width: 768px){.section-subtitle{font-size:18px}}@media screen and (max-width: 480px){.section-subtitle{font-size:16px;display:block;margin-top:4px}}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}@media screen and (max-width: 768px){.profile-grid{grid-template-columns:1fr;gap:20px;margin-top:24px}}.profile-card{background:#f8f9fa;border-radius:8px;padding:24px;border:1px solid #e9ecef}@media screen and (max-width: 480px){.profile-card{padding:20px}}.modern-profile-form{display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 480px){.modern-profile-form{gap:16px}}.status-list{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 480px){.status-list{gap:12px}}.status-item{display:flex;flex-direction:column;gap:4px;padding:16px;background:white;border-radius:6px;border:1px solid #e9ecef}@media screen and (max-width: 480px){.status-item{padding:12px}}.status-label{font-family:"Zain";font-size:14px;font-weight:600;color:#6c757d;margin:0}.status-value{font-size:15px;color:#2f3c5b;line-height:1.4}@media screen and (max-width: 480px){.status-value{font-size:14px}}.reddit-data-card{background:white;border-radius:12px;padding:24px;margin-bottom:24px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.reddit-data-card{padding:20px;margin-bottom:20px}}@media screen and (max-width: 480px){.reddit-data-card{padding:16px;margin-bottom:16px;border-radius:8px}}.card-header{margin-bottom:24px}@media screen and (max-width: 480px){.card-header{margin-bottom:20px}}.card-title{font-family:"Zain";font-size:20px;font-weight:700;color:#2f3c5b;margin:0 0 8px 0}@media screen and (max-width: 480px){.card-title{font-size:22px}}.card-description{font-size:14px;color:#6c757d;margin:0;line-height:1.4}@media screen and (max-width: 480px){.card-description{font-size:13px}}.empty-state,.error-state{text-align:center;padding:40px 20px}.empty-state i,.error-state i{color:#6c757d;margin-bottom:16px;display:block}@media screen and (max-width: 480px){.empty-state,.error-state{padding:32px 16px}.empty-state i,.error-state i{margin-bottom:12px}}.error-state i{color:#dc3545}.empty-message,.error-message{font-size:16px;color:#6c757d;margin:0;line-height:1.5;margin-top:10px}@media screen and (max-width: 480px){.empty-message,.error-message{font-size:14px}}.error-message{color:#dc3545}.subreddits-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:20px}@media screen and (max-width: 768px){.subreddits-grid{grid-template-columns:repeat(2, 1fr);gap:16px}}@media screen and (max-width: 480px){.subreddits-grid{grid-template-columns:1fr;gap:12px}}.subreddit-column{display:flex;flex-direction:column;gap:8px}.subreddit-link{display:block;padding:8px 12px;background:#f8f9fa;border:1px solid #e9ecef;border-radius:6px;text-decoration:none;font-size:14px;font-weight:500;transition:all 0.2s ease;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.subreddit-link:hover{background:#e9ecef;color:#2563eb;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.1)}.subreddit-link.red{background:#f8d7da;border-color:#f5c6cb;color:#721c24}.subreddit-link.red:hover{background:#f1b0b7;color:#491217}@media screen and (max-width: 480px){.subreddit-link{padding:6px 10px;font-size:13px}}.loan-stats{display:grid;grid-template-columns:repeat(4, 1fr);gap:16px;margin-top:16px}@media screen and (max-width: 768px){.loan-stats{grid-template-columns:repeat(2, 1fr);gap:12px}}@media screen and (max-width: 480px){.loan-stats{grid-template-columns:repeat(2, 1fr);gap:10px}}.stat-item{display:flex;flex-direction:column;align-items:center;padding:16px 12px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}@media screen and (max-width: 480px){.stat-item{padding:12px 8px}}.stat-value{font-size:24px;font-weight:700;color:#2f3c5b;line-height:1}@media screen and (max-width: 480px){.stat-value{font-size:20px}}.stat-label{font-family:"Zain";font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:#6c757d;margin-top:4px}@media screen and (max-width: 480px){.stat-label{font-size:11px}}.stat-item.unpaid .stat-value{color:#dc3545}.stat-item.outstanding .stat-value{color:#ffc107}.stat-item.paid .stat-value{color:#28a745}.cancellation-container{display:flex;flex-direction:column;padding-left:240px;margin:-20px;padding-top:20px;padding-right:20px;padding-bottom:20px}@media screen and (max-width: 768px){.cancellation-container{padding-left:20px}}@media screen and (max-width: 480px){.cancellation-container{padding:16px}}.cancellation-content{display:flex;flex-direction:column;max-width:600px}.cancellation-section{background:white;border-radius:12px;padding:32px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04)}@media screen and (max-width: 768px){.cancellation-section{padding:24px}}@media screen and (max-width: 480px){.cancellation-section{padding:20px;border-radius:8px}}.modern-cancellation-form{display:flex;flex-direction:column;gap:24px;margin-top:32px}@media screen and (max-width: 768px){.modern-cancellation-form{margin-top:24px}}@media screen and (max-width: 480px){.modern-cancellation-form{gap:20px;margin-top:20px}}.metrics-container{display:grid;grid-template-columns:320px 1fr;gap:24px;margin:-20px;padding:20px}@media screen and (max-width: 768px){.metrics-container{grid-template-columns:1fr;gap:20px}}.metrics-date-filter{background:white;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04);height:fit-content}@media screen and (max-width: 768px){.metrics-date-filter{padding:20px}}@media screen and (max-width: 480px){.metrics-date-filter{padding:16px;border-radius:8px}}.filter-title{font-family:"Zain";font-size:20px;font-weight:700;color:#2f3c5b;margin:0 0 20px 0}@media screen and (max-width: 480px){.filter-title{font-size:18px;margin-bottom:16px}}.modern-date-range{display:flex;flex-direction:column}.date-inputs-section{display:flex;flex-direction:column}.date-inputs-row{display:flex;flex-direction:column}.date-input-group{display:flex;flex-direction:column;gap:4px}@media screen and (max-width: 480px){.date-input-group{flex-direction:row;align-items:center;gap:6px}}.filter-label{font-family:"Zain";font-size:16px;font-weight:600;color:#2f3c5b;margin:0}@media screen and (max-width: 480px){.filter-label{font-size:14px;white-space:nowrap;min-width:35px}}.filter-input{padding:12px 16px;border:2px solid #e9ecef;border-radius:6px;font-size:16px;font-family:"Lato";background:white;transition:all 0.2s ease;font-weight:600;width:100%}.filter-input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 2px rgba(78,137,218,0.1)}.filter-input:hover:not(:focus){border-color:#ced4da}@media screen and (max-width: 480px){.filter-input{padding:10px 12px;font-size:14px;flex:1}}.filter-button-row{margin-top:16px}@media screen and (max-width: 480px){.filter-button-row{margin-top:12px}}.quick-filters-section{border-top:1px solid #e9ecef;padding-top:16px;margin-top:20px}@media screen and (max-width: 480px){.quick-filters-section{padding-top:12px;margin-top:16px}}.quick-filters-title{font-family:"Zain";font-size:16px;font-weight:600;color:#2f3c5b;margin:0 0 12px 0}@media screen and (max-width: 480px){.quick-filters-title{font-size:15px;margin-bottom:10px}}.quick-links-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-filter-btn{padding:8px 12px;background:#f8f9fa;color:#2f3c5b;text-decoration:none;border-radius:6px;font-size:18px;font-weight:600;font-family:"Zain";text-align:center;transition:all 0.2s ease;border:1px solid #e9ecef}.quick-filter-btn:hover{background:#e9ecef;color:#2f3c5b;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,0.1)}.quick-filter-btn:active{transform:translateY(0)}@media screen and (max-width: 480px){.quick-filter-btn{padding:6px 8px}}.metrics-content{max-width:880px;background:white;border-radius:12px;padding:24px;border:1px solid #e9ecef;box-shadow:0 2px 4px rgba(0,0,0,0.04);min-height:500px}@media screen and (max-width: 768px){.metrics-content{padding:20px}}@media screen and (max-width: 480px){.metrics-content{background:transparent;border:none;box-shadow:none;padding:0}}.metrics{display:flex;position:relative}@media screen and (max-width: 768px){.metrics{flex-direction:column}}.date-range{display:flex;flex-direction:column;gap:16px}@media screen and (max-width: 768px){.date-range{flex-direction:column;gap:12px}}@media screen and (max-width: 480px){.date-range{flex-direction:column;gap:8px}}.date-range .date-row{margin-bottom:16px}@media screen and (max-width: 768px){.date-range .date-row{margin-bottom:12px}}@media screen and (max-width: 480px){.date-range .date-row{margin-bottom:8px}.date-range .date-row:first-child{margin-top:0}}.date-range .date-inputs-row{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}@media screen and (max-width: 480px){.date-range .date-inputs-row{gap:6px;margin-bottom:6px}}.date-range .date-input-group{display:flex;flex-direction:column;gap:8px}@media screen and (max-width: 480px){.date-range .date-input-group{flex-direction:row;align-items:center;gap:4px}}.date-range .date-input-group label{font-size:16px;font-weight:600;margin:0}@media screen and (max-width: 480px){.date-range .date-input-group label{font-size:14px;white-space:nowrap;min-width:35px}}.date-range .date-input-group input[type="date"]{margin:0;font-weight:600;padding:12px 16px;border:2px solid #e9ecef;border-radius:6px}@media screen and (max-width: 480px){.date-range .date-input-group input[type="date"]{flex:1;padding:10px 12px;font-size:14px}}.date-range .filter-row{margin-bottom:16px}@media screen and (max-width: 480px){.date-range .filter-row{margin-bottom:6px}}.date-range input,.date-range label{width:auto;margin-right:0}@media screen and (max-width: 480px){.date-range input,.date-range label{width:100%;display:block;margin-bottom:2px}}.date-range input[type="date"]{margin-bottom:0;font-weight:600}@media screen and (max-width: 480px){.date-range input[type="date"]{margin-bottom:2px}}.date-filter{background:#fff;margin-left:-20px;margin-top:-20px;padding:20px;border:1px solid #e2e8f0}@media screen and (max-width: 768px){.date-filter{margin-top:-80px;margin-right:-20px;margin-bottom:40px;border-right:0;box-shadow:0px 1px 5px rgba(0,0,0,0.15)}}@media screen and (max-width: 480px){.date-filter{margin-top:-20px;padding:12px}}.cell{border:1px solid #e2e8f0;padding:20px;margin-right:40px;box-shadow:0px 1px 5px rgba(0,0,0,0.15)}@media screen and (max-width: 1080px){.cell{width:100%;margin-right:0}}.cell:last-child{margin-right:0}@media screen and (max-width: 768px){.metrics-post-load{margin:0}}.metrics-post-load .graphs{width:100%}.metrics-post-load .stats{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}@media screen and (max-width: 1080px){.metrics-post-load .stats{flex-direction:column}}.metrics-post-load .stat-box{border-radius:6px;padding:20px;background:white;width:100%;min-width:250px;display:flex;flex-direction:column;margin-bottom:20px}@media screen and (max-width: 480px){.metrics-post-load .stat-box{width:100%}}.metrics-post-load .stat-box .stat-label{font-family:"Zain";font-size:14px;font-weight:600}.metrics-post-load .stat-box .stat-label.as-header{margin-bottom:20px}.metrics-post-load .stat-box .stat-value{font-weight:700;font-size:28px}.metrics-post-load .stat-box .stat-value.de-emphasized-value{font-size:18px;font-weight:600}.metrics-post-load .stat-box .small-subtitle{font-size:14px;opacity:0.7;font-weight:400;margin-bottom:0;margin-top:4px}.metrics-post-load .stat-wrapper{display:flex;flex-direction:row;justify-content:space-between}@media screen and (max-width: 1080px){.metrics-post-load .stat-wrapper{width:100%}}.metrics-post-load .stat-wrapper .stat-value{margin-bottom:20px;font-size:22px}.metrics-post-load .stat-wrapper .stat-value:last-child{margin-bottom:0}@media screen and (max-width: 1080px){.top-ten{width:100%}}.top-ten td,.top-ten th{padding:10px 10px 10px 0;font-family:"Lato";font-size:14px}.top-ten .top-ten-username{max-width:120px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:inline-block;vertical-align:middle}.graph{margin-top:10px}.stat-box.user-averages{background:#243641}.stat-box.user-averages .stat-label,.stat-box.user-averages .stat-value{color:white !important}@media screen and (max-width: 480px){.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px}}@media screen and (max-width: 480px){.quick-links .quick-link{margin-top:0;margin-bottom:0}.quick-links .quick-link a{font-size:14px;padding:6px 8px;display:block;text-align:center;background:#f8f9fa;border-radius:4px;text-decoration:none;color:#2f3c5b}.quick-links .quick-link a:hover{background:#e9ecef}}.lender-check{min-height:100vh;display:flex;justify-content:center;background:radial-gradient(#2a3d7d, #0c1438);background-repeat:no-repeat;color:white;padding:80px 20px;margin-top:-80px}.lender-check a{color:white;border-bottom:1px dashed white}.lender-check a:hover{color:white;border:none}.lender-check .container{max-width:960px}.lender-check h1{font-size:40px;margin-bottom:40px;font-weight:600}@media screen and (max-width: 480px){.lender-check h1{font-size:28px}}.lender-check .instructions{opacity:0.7;margin-bottom:40px;font-size:18px}.lender-check h2{font-size:32px;font-weight:600;margin:0}.lender-check p{font-size:16px;font-family:"Lato";font-weight:400;margin:0}.lender-check .small-subtitle{font-size:14px;opacity:0.7;font-weight:400}.lender-check .stats{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:20px}.lender-check .stat-box{border-radius:6px;padding:20px;background:#131544;width:220px;display:flex;justify-content:space-between;flex-direction:column;margin-bottom:20px}@media screen and (max-width: 480px){.lender-check .stat-box{width:100%}}.lender-check .stat-box .stat-label{text-transform:uppercase;letter-spacing:0.5px;font-size:12px;font-weight:bold;font-family:"Lato";font-family:"Lato";margin-bottom:10px}.lender-check .stat-box .stat-value-lc{font-weight:700;font-size:28px}.green{color:#059669}.red{color:#E03D35}.action{color:#2563eb}.warn{color:#e97011}p.credits{text-align:center;margin-top:40px}p.not-found{text-align:center;font-size:32px}.lender-search-form{display:flex;margin-bottom:40px}@media screen and (max-width: 480px){.lender-search-form{flex-direction:column}}.lender-search-form .lender-search-field{width:80%;background:#131544;color:white;font-size:18px;border-color:black;height:44px;margin-bottom:0;border-radius:6px;border-top-right-radius:0;border-bottom-right-radius:0;padding:9px 16px;color:white}.lender-search-form .lender-search-field::placeholder{color:#ddd}.lender-search-form .lender-search-field:hover{border-color:#2563eb}@media screen and (max-width: 480px){.lender-search-form .lender-search-field{width:100%;border-radius:6px;margin-bottom:10px}}.lender-search-form .lender-search-btn{width:20%;border-radius:6px;border-top-left-radius:0;border-bottom-left-radius:0;margin-left:-1px;background-color:#6e80c5;font-size:18px;height:44px}.lender-search-form .lender-search-btn:hover{background-color:#4a60b6}@media screen and (max-width: 480px){.lender-search-form .lender-search-btn{width:100%;border-radius:6px}}.summary-row{display:flex;justify-content:space-between}@media screen and (max-width: 480px){.summary-row{flex-direction:column}}.summary-row .summary-header{font-family:"Lato";font-size:18px;margin-top:0px;margin-bottom:40px;text-align:center;font-weight:700}.summary-container:nth-child(1):nth-last-child(1){width:100%}.summary-container:nth-child(1):nth-last-child(2),.summary-container:nth-child(2):nth-last-child(1){width:48%}@media screen and (max-width: 480px){.summary-container:nth-child(1):nth-last-child(2),.summary-container:nth-child(2):nth-last-child(1){width:100%}}.summary-container p.summary-item{margin-bottom:20px;font-size:20px;letter-spacing:0.5px}.autocomplete-suggestions{text-align:left;cursor:default;border:1px solid #ccc;border-top:0;background:#fff;box-shadow:-1px 1px 3px rgba(0,0,0,0.1);position:absolute;display:none;z-index:9999;max-height:254px;overflow:hidden;overflow-y:auto;box-sizing:border-box}.autocomplete-suggestion{position:relative;padding:0 .6em;line-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px;color:#1b203e}.autocomplete-suggestion b{font-weight:normal;color:#1f8dd6}.autocomplete-suggestion.selected{background:#f0f0f0}