:root{--color-primary: #1FA898;--color-secondary: #FE7070;--color-action: #C18146;--color-action-hover: #AB7039;--color-bg-gradient-top: #E98218;--color-bg-gradient-bottom: #DC6B05;--color-text-dark: #1A1A1A;--color-text-gray: #6B7280;--color-text-light: #FFFFFF;--color-bg-page: #F4F6F8;--color-card-bg: #FFFFFF;--color-border: #E5E7EB;--font-family: "Inter", sans-serif;--border-radius-lg: 20px;--border-radius-md: 12px;--border-radius-sm: 8px;--shadow-sm: 0 2px 4px rgba(0,0,0,.05);--shadow-md: 0 4px 10px rgba(0,0,0,.08);--shadow-lg: 0 10px 25px rgba(0,0,0,.1)}body{margin:0;padding:0;font-family:var(--font-family);background-color:var(--color-bg-page);color:var(--color-text-dark)}*{box-sizing:border-box}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.text-white{color:var(--color-text-light)}.text-dark{color:var(--color-text-dark)}.text-gray{color:var(--color-text-gray)}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-center{text-align:center}.app-container{max-width:480px;margin:0 auto;min-height:100vh;background-color:var(--color-bg-page);position:relative;overflow-x:hidden;box-shadow:0 0 30px #0000001a}.header-bg{background:linear-gradient(135deg,var(--color-bg-gradient-top) 0%,var(--color-bg-gradient-bottom) 100%);padding:30px 24px 60px;color:var(--color-text-light);border-bottom-left-radius:40px;border-bottom-right-radius:40px}.profile-icon{width:44px;height:44px;border-radius:50%;background-color:#fff3;display:flex;align-items:center;justify-content:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#0006;z-index:100;display:flex;flex-direction:column;justify-content:flex-end;animation:fadeIn .3s forwards}.modal-content{background-color:var(--color-card-bg);border-top-left-radius:30px;border-top-right-radius:30px;padding:24px 24px 40px;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column;animation:slideUp .3s forwards}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--color-border)}.modal-title{font-size:16px;font-weight:700}.icon-btn{cursor:pointer;color:var(--color-text-dark)}.modal-body{flex:1;display:flex;flex-direction:column}.amount-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:24px}.amount-bubble{padding:12px 10px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);text-align:center;font-weight:600;cursor:pointer;font-size:14px;transition:all .2s}.amount-bubble.active{background-color:var(--color-primary);color:#fff;border-color:var(--color-primary)}.input-field{width:100%;padding:14px 16px;border-radius:var(--border-radius-md);border:1px solid var(--color-border);font-size:15px;font-family:var(--font-family);margin-bottom:16px;transition:border-color .2s}.input-field:focus{outline:none;border-color:var(--color-primary)}.input-label{font-size:13px;font-weight:600;margin-bottom:8px;display:block}.btn{padding:14px 20px;border-radius:var(--border-radius-lg);font-size:15px;font-weight:600;cursor:pointer;text-align:center;transition:transform .2s,background-color .2s;border:none;width:100%}.btn:active{transform:translateY(2px)}.btn-primary{background-color:var(--color-primary);color:#fff}.btn-outline{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-dark)}.btn-action{background-color:var(--color-action);color:#fff;margin-top:auto}.btn-action:hover{background-color:var(--color-action-hover)}.selection-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);padding:16px;margin-bottom:12px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:border-color .2s}.selection-card:hover,.selection-card.active{border-color:var(--color-action)}.contact-avatar{width:40px;height:40px;border-radius:50%;background-color:#e2e8f0;color:var(--color-text-gray);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px}.contact-avatar.new{background-color:var(--color-action);color:#fff}.summary-card{border:1px solid var(--color-border);border-radius:var(--border-radius-md);overflow:hidden;margin:24px 0}.summary-header{background-color:#8c7861;color:#fff;padding:12px 16px;display:flex;justify-content:space-between;align-items:center;font-weight:600}.summary-header.success{background-color:var(--color-primary)}.summary-body{padding:16px}.summary-row{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.share-icon-btn{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:11px;color:var(--color-text-gray);cursor:pointer}.share-icon-box{width:50px;height:50px;background-color:#f8fafc;border:1px solid var(--color-border);border-radius:var(--border-radius-md);display:flex;align-items:center;justify-content:center;transition:background-color .2s}.share-icon-box:hover{background-color:#e2e8f0}.balance-label{font-size:14px;opacity:.9;margin-bottom:4px}.balance-amount{font-size:40px;font-weight:700;margin:0}.main-content{padding:0 24px 24px;margin-top:-30px}.hero-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.hero-card{padding:20px 16px;border-radius:var(--border-radius-lg);color:var(--color-text-light)}.hero-card.teal{background-color:var(--color-primary);box-shadow:0 6px 16px #18a79b40}.hero-card.coral{background-color:var(--color-secondary);box-shadow:0 6px 16px #f86e6e40}.hero-card-label{font-size:13px;margin-bottom:12px;line-height:1.3;opacity:.9}.hero-card-amount{font-size:28px;font-weight:700}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:24px}.mini-stat-card{background-color:var(--color-card-bg);padding:16px;border-radius:var(--border-radius-lg);box-shadow:var(--shadow-sm)}.mini-stat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.mini-stat-title{font-size:13px;color:var(--color-text-gray)}.mini-stat-value{font-size:24px;font-weight:700;color:var(--color-text-dark)}.section-title{background-color:var(--color-card-bg);padding:16px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;align-items:center;gap:10px;font-weight:600;font-size:15px;margin-bottom:16px}.loan-card{background-color:var(--color-card-bg);padding:16px 20px;border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.timeline{display:flex;flex-direction:column;gap:24px;position:relative;margin-top:16px;margin-bottom:40px}.timeline:before{content:"";position:absolute;left:8px;top:10px;bottom:10px;width:1.5px;background-color:var(--color-border);z-index:1}.timeline-item{display:flex;gap:16px;align-items:flex-start;position:relative;z-index:2}.timeline-icon{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}.timeline-icon.completed{background-color:#27ae60;color:#fff}.timeline-icon.pending{border:2px solid var(--color-border);background-color:#fff}.timeline-content{flex:1;display:flex;justify-content:space-between;font-size:13px}.timeline-text{font-weight:500;font-size:13px;color:var(--color-text-dark);margin-top:2px}.timeline-date{color:var(--color-text-gray);font-size:11px;margin-top:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.landing-actions{display:flex;justify-content:center;gap:32px;margin-top:20px}.action-circle-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer}.action-circle-btn{width:64px;height:64px;background-color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #00000026;color:var(--color-action);transition:transform .2s}.action-circle-btn:hover{transform:translateY(-2px)}.action-circle-label{font-size:13px;font-weight:500;color:#fff}.kideni-top-actions{display:flex;gap:16px;margin-bottom:32px}.kideni-top-actions .btn{flex:1;padding:16px;font-size:14px;border-radius:var(--border-radius-sm);font-weight:600}.kideni-btn-offer{background-color:var(--color-action);color:#fff;border:none}.kideni-btn-request{background-color:#fff;color:var(--color-action);border:1px solid var(--color-action)}.trust-score-container{display:flex;flex-direction:column;align-items:center;background-color:#f8fafc;border-radius:var(--border-radius-lg);padding:32px 16px;margin-bottom:32px}.trust-score-circle-wrapper{position:relative;width:120px;height:120px;margin-bottom:16px}.trust-score-circle-bg{position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:conic-gradient(#000 calc(var(--score-pct) * 1%),#e5e7eb 0);display:flex;align-items:center;justify-content:center}.trust-score-circle-inner{width:100px;height:100px;background-color:#f8fafc;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#1a1a1a}.trust-score-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 20px;border:1px solid var(--color-primary);border-radius:20px;color:var(--color-primary);font-weight:600;font-size:14px;background-color:#fff;margin-bottom:12px}.trust-score-text{font-size:13px;color:var(--color-text-gray)}.trust-score-title{display:flex;align-items:center;justify-content:center;gap:12px;font-size:24px;font-weight:700;margin-bottom:24px;color:#1a1a1a}.trust-score-improve{font-size:14px;color:var(--color-text-gray);line-height:1.6;width:100%;padding:0 16px}.trust-score-list{list-style-type:none;padding-left:0;margin-top:12px;margin-bottom:0}.trust-score-list li{position:relative;padding-left:16px;margin-bottom:8px}.trust-score-list li:before{content:"•";position:absolute;left:0;color:var(--color-text-gray)}