/* LoanPayments.org - Component Styles Bundle */

.addloan-progress{position:relative;margin-bottom:3rem}.addloan-progress:before{content:"";position:absolute;top:16px;left:10%;right:10%;height:2px;background:#e5e7eb;z-index:0}.addloan-progress-step{position:relative;z-index:1}.addloan-progress-step .rounded-full{transition:all .3s ease;box-shadow:0 2px 8px #0000001a}.addloan-progress-step.active .rounded-full{transform:scale(1.1);box-shadow:0 4px 12px #6366f14d}.addloan-progress-step.completed .rounded-full{background:#10b981}.addloan-progress-step.completed .rounded-full:after{content:"\2713";color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.addloan-progress-line{position:absolute;top:16px;left:10%;height:2px;background:#6366f1;transition:width .5s ease;z-index:0}#add-loan-form{position:relative}#add-loan-form:before{display:none!important}.step{animation:fadeIn .5s ease}.step.hidden{display:none}.step.slide-out-left{animation:slideOutLeft .3s ease}.step.slide-in-right{animation:slideInRight .3s ease}@keyframes slideOutLeft{to{opacity:0;transform:translate(-50px)}}@keyframes slideInRight{0%{opacity:0;transform:translate(50px)}to{opacity:1;transform:translate(0)}}.addloan-input-group{position:relative}.addloan-input-group label{transition:all .3s ease}.addloan-input-group input:focus~label,.addloan-input-group input:not(:placeholder-shown)~label{color:#6366f1;font-weight:600}.addloan-input-currency,.addloan-input-percentage{position:relative}.addloan-input-currency input{padding-left:2rem}.addloan-input-percentage input{padding-right:2rem}input.border-red-500{animation:shake .3s ease;box-shadow:0 0 0 3px #ef44441a}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.text-red-500{animation:fadeIn .3s ease}#loan-type{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236366f1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}#loan-type:focus{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%234f46e5' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M6 8l4 4 4-4'/%3E%3C/svg%3E")}.reminder-checkbox{position:relative;padding-left:2rem}.reminder-checkbox input[type=checkbox]{position:absolute;left:0;top:.125rem;width:1.25rem;height:1.25rem;cursor:pointer;transition:all .3s ease}.reminder-checkbox input[type=checkbox]:checked{background:#6366f1;border-color:#6366f1}.reminder-checkbox input[type=checkbox]:checked:after{content:"\2713";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:.875rem}#loan-summary{background:#f9fafb;border-radius:8px;padding:1.5rem;border:1px solid #e5e7eb}#loan-summary .grid>div{padding:.75rem;border-radius:6px;transition:all .3s ease}#loan-summary .grid>div:hover{background:#fff;box-shadow:0 2px 8px #0000000d}.addloan-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;position:relative;overflow:hidden;transition:all .3s ease}.addloan-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transition:left .3s ease}.addloan-btn-primary:hover:before{left:100%}.addloan-btn-secondary{background:#f3f4f6;color:#4b5563;transition:all .3s ease}.addloan-btn-secondary:hover{background:#e5e7eb;transform:translate(-2px)}#success-message{animation:zoomIn .5s ease}@keyframes zoomIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}#success-message .bg-green-100{position:relative;overflow:hidden}#success-message .bg-green-100:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(16,185,129,.1) 0%,transparent 70%);animation:rotate 20s linear infinite}#success-message svg{animation:checkmark .5s ease .3s both}@keyframes checkmark{0%{stroke-dashoffset:100;stroke-dasharray:100}to{stroke-dashoffset:0;stroke-dasharray:100}}@media (max-width: 768px){#add-loan-form{padding:1.5rem}.addloan-progress{margin-bottom:2rem}.addloan-progress-step span{display:none}.addloan-progress-step .rounded-full{width:2rem;height:2rem}}.addloan-loading{position:relative;pointer-events:none;opacity:.6}.addloan-loading:after{content:"";position:absolute;top:50%;left:50%;width:40px;height:40px;margin:-20px 0 0 -20px;border:3px solid #6366f1;border-radius:50%;border-top-color:transparent;animation:spinner .8s linear infinite}.featured-card{background:#fc0;border:3px solid #2A2A2A;border-radius:4px;box-shadow:6px 8px #2a2a2a;overflow:hidden;transition:all .2s ease}.featured-card:hover{transform:translate(-2px,-2px);box-shadow:8px 10px #2a2a2a}.blog-card{background:#fff;border:3px solid #2A2A2A;border-radius:4px;box-shadow:5px 8px #2a2a2a;overflow:hidden;transition:all .2s ease}.blog-card:hover{transform:translate(-3px,-3px);box-shadow:8px 11px #2a2a2a}.blog-card-image{height:10rem;display:flex;align-items:center;justify-content:center}.blog-card-content{padding:1.25rem}.blog-card-title{font-family:Clash Display,system-ui,sans-serif;font-size:1.25rem;font-weight:600;color:#2a2a2a;margin-top:.75rem;margin-bottom:.5rem;line-height:1.3}.blog-card-excerpt{font-size:1rem;color:#2a2a2a;opacity:.7;margin-bottom:1rem;line-height:1.5}.blog-card-meta{display:flex;justify-content:space-between;align-items:center}.blog-card-date{font-size:.875rem;font-weight:700;color:#2a2a2a;opacity:.5;text-transform:uppercase;letter-spacing:.05em}.blog-card-link{font-size:1rem;font-weight:600;color:#29339b;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.blog-card-link:hover{color:#6c1dda}@media (min-width: 768px){.blog-card-title{font-size:1.125rem}.blog-card-excerpt{font-size:.875rem}.blog-card-date{font-size:.75rem}.blog-card-link{font-size:.875rem}}.badge{display:inline-block;padding:.375rem .75rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}@media (min-width: 768px){.badge{font-size:.625rem}}.badge-featured{background-color:#2a2a2a;color:#fc0;border:2px solid #2A2A2A}.badge-info{background-color:#dbeafe;color:#1e40af;border:2px solid #93C5FD}.badge-success{background-color:#dcfce7;color:#166534;border:2px solid #86EFAC}.badge-warning{background-color:#fef3c7;color:#92400e;border:2px solid #FCD34D}.badge-danger{background-color:#fee2e2;color:#991b1b;border:2px solid #FECACA}.category-btn{display:inline-block;padding:.5rem 1.25rem;border-radius:999px;font-size:.875rem;font-weight:600;font-family:Patrick Hand,cursive;background:#fff;color:#2a2a2a;border:2px solid #2A2A2A;box-shadow:2px 2px #2a2a2a;cursor:pointer;transition:all .1s ease}.category-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #2a2a2a;background-color:#f0eee6}.category-btn.active{background-color:#2a2a2a;color:#fc0;box-shadow:3px 3px #fc0}.category-btn.active:hover{transform:translate(-2px,-2px);box-shadow:4px 4px #fc0}.newsletter-card{background:#6c1dda;border:3px solid #2A2A2A;border-radius:4px;box-shadow:6px 8px #2a2a2a;padding:3rem 2rem;text-align:center}.newsletter-input{padding:.75rem 1rem;border:2px solid #2A2A2A;border-radius:4px;background:#fff;font-size:1rem;transition:all .2s}.newsletter-input:focus{outline:none;border-color:#fc0;box-shadow:0 0 0 3px #ffcc004d}.newsletter-input::placeholder{color:#2a2a2a;opacity:.5}.newsletter-btn{display:inline-block;padding:.75rem 1.5rem;border-radius:4px;font-size:1rem;font-weight:700;font-family:Patrick Hand,cursive;background:#fc0;color:#2a2a2a;border:2px solid #2A2A2A;box-shadow:3px 3px #2a2a2a;cursor:pointer;transition:all .1s ease}.newsletter-btn:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2a2a2a}.newsletter-btn:active{transform:translate(1px,1px);box-shadow:1px 1px #2a2a2a}.bg-scribble-purple{background-color:#6c1dda}.bg-crown-gold{background-color:#fc0}.bg-urgent-red{background-color:#e83114}.bg-green-400{background-color:#4ade80}@media (max-width: 768px){.featured-card .md\:flex{flex-direction:column}.blog-card-title{font-size:1rem}.newsletter-card{padding:2rem 1rem}.category-btn{padding:.375rem 1rem;font-size:.75rem}}.summary-card{background:#fff;border:3px solid #2A2A2A;border-radius:4px;box-shadow:5px 8px #2a2a2a;padding:2rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.75rem;transition:all .2s ease}.summary-card:hover{transform:translate(-2px,-2px);box-shadow:8px 10px #2a2a2a}.summary-card .value{font-size:3rem;font-weight:700;line-height:1;font-family:Clash Display,system-ui,sans-serif}.summary-card .label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#2a2a2a99;font-family:Inter,system-ui,sans-serif}@media (min-width: 768px){.summary-card .label{font-size:.75rem}}.summary-card.outstanding .value{color:#e83114}.summary-card.monthly .value{color:#6c1dda}.summary-card.active .value{color:#10b981}.loan-item{background:#fff;border:3px solid #2A2A2A;border-radius:4px;box-shadow:5px 8px #2a2a2a;padding:1.5rem;position:relative;border-left:6px solid;transition:all .2s ease}.loan-item:hover{transform:translate(-3px,-3px);box-shadow:8px 10px #2a2a2a}.loan-item h3{font-size:1.25rem;font-weight:600;line-height:1.25;font-family:Clash Display,system-ui,sans-serif;color:#2a2a2a;margin-bottom:.5rem}.loan-item .loan-detail-label{font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#2a2a2a;opacity:.6}@media (min-width: 768px){.loan-item .loan-detail-label{font-size:.75rem}}.loan-item .loan-detail-value{font-weight:600;font-size:1rem;color:#2a2a2a}.loan-item.due-soon{border-left-color:#fc0}.loan-item.current{border-left-color:#6c1dda}.loan-item.paid{border-left-color:#a4f65d}.loan-item.overdue{border-left-color:#e83114}.badge{display:inline-block;padding:.5rem 1rem;border-radius:4px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.badge-warning{background-color:#fef3c7;color:#92400e;border:2px solid #FCD34D;box-shadow:2px 2px #92400e4d}.badge-info{background-color:#dbeafe;color:#1e40af;border:2px solid #93C5FD;box-shadow:2px 2px #1e40af4d}.badge-success{background-color:#dcfce7;color:#166534;border:2px solid #86EFAC;box-shadow:2px 2px #1665344d}.badge-overdue{background-color:#fee2e2;color:#991b1b;border:2px solid #FECACA;box-shadow:2px 2px #991b1b4d}.filter-card{background:#fff;border:3px solid #2A2A2A;border-radius:4px;box-shadow:5px 8px #2a2a2a;margin-bottom:2rem;padding:1.5rem}.filter-card select,.filter-card input{width:100%;padding:.75rem 1rem;border:2px solid #2A2A2A;border-radius:4px;background:#fff;font-size:1rem;height:48px;transition:all .2s}.filter-card select:focus,.filter-card input:focus{outline:none;border-color:#29339b;box-shadow:0 0 0 3px #29339b1a}.empty-state{text-align:center;padding:6rem 0}.empty-state .icon{font-size:5rem;margin-bottom:1.5rem;animation:bounce 2s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state h3{font-size:2.25rem;font-weight:700;margin-bottom:1rem;font-family:Clash Display,system-ui,sans-serif;color:#2a2a2a}.empty-state p{font-size:1.125rem;margin-bottom:2rem;color:#2a2a2a;opacity:.7}.btn-success{display:inline-block;padding:.5rem 1.25rem;border-radius:4px;font-size:.875rem;font-weight:700;background-color:#10b981;color:#fff;border:2px solid #10B981;font-family:Patrick Hand,cursive;transition:all .1s ease;box-shadow:3px 3px #2a2a2a;cursor:pointer}.btn-success:hover{transform:translate(-2px,-2px);box-shadow:5px 5px #2a2a2a;background-color:#059669}.btn-success:active{transform:translate(1px,1px);box-shadow:1px 1px #2a2a2a}.btn-sm{display:inline-block;padding:.5rem 1rem;font-size:.875rem;font-weight:700;border-radius:4px;font-family:Patrick Hand,cursive;transition:all .1s ease;cursor:pointer}.btn-secondary.btn-sm{border:2px solid #2A2A2A;background:#fff;color:#2a2a2a;box-shadow:2px 2px #2a2a2a}.btn-secondary.btn-sm:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #2a2a2a;background-color:#f0eee6}.pagination-button{display:inline-block;padding:.5rem 1.25rem;border-radius:4px;border:2px solid #2A2A2A;font-family:Patrick Hand,cursive;font-weight:600;transition:all .1s ease;background:#fff;color:#2a2a2a;box-shadow:2px 2px #2a2a2a;cursor:pointer}.pagination-button:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #2a2a2a}.pagination-button.active{background-color:#2a2a2a;color:#fc0;border-color:#2a2a2a;box-shadow:4px 4px #fc0;font-weight:700}.pagination-button.active:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #fc0}@media (max-width: 768px){.loan-item{border-left-width:5px;padding:1.25rem}.summary-card{padding:1.5rem}.summary-card .value{font-size:2.25rem}.btn-sm{padding:.25rem .75rem;font-size:.75rem}.filter-card{padding:1rem}.filter-card select,.filter-card input{height:44px;font-size:.875rem}}:root{--transition-speed: .3s;--border-radius: .5rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1)}.component-transition{transition:all var(--transition-speed) ease-in-out}.component-hidden{display:none!important}.component-loading{opacity:.6;pointer-events:none}
/*# sourceMappingURL=components.css.map */