:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,system-ui,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;background-color:#1e40af;color:#f9fafb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background-color:#1e40af}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:#1e40af;color:#f9fafb}.app-header{padding:1rem 1.25rem .5rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;background:linear-gradient(135deg,#1e40af,#2563eb);border-bottom:1px solid rgba(148,163,184,.25)}.app-title{font-size:1.25rem;margin:0}.app-subtitle{margin:.15rem 0 0;font-size:.8rem;color:#9ca3af}.app-user{display:flex;flex-direction:column;align-items:flex-end;gap:.1rem}.app-user-name{font-size:.85rem;font-weight:500}.app-main{flex:1;padding:.5rem 1rem 4rem;max-width:720px;width:100%;margin:0 auto}.view{display:flex;flex-direction:column;gap:.75rem;padding-bottom:1rem}.view-title{font-size:1.1rem;margin:.25rem 0 .5rem}.card{background:#1e40af;border-radius:.9rem;padding:.85rem .9rem .9rem;border:1px solid rgba(148,163,184,.25)}.card.accent{background:radial-gradient(circle at top left,#1e40af,#2563eb);border-color:#38bdf8b3}.card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.summary-row{display:flex;justify-content:space-between;gap:.75rem;margin:.35rem 0 .75rem}.summary-row>div{flex:1;display:flex;flex-direction:column;gap:.1rem}.summary-label{font-size:.7rem;color:#9ca3af}.summary-value{font-size:1rem;font-weight:600}.primary-btn{border:none;border-radius:999px;background:linear-gradient(135deg,#60a5fa,#2563eb);color:#0b1120;font-weight:600;padding:.7rem 1.2rem;cursor:pointer;font-size:.9rem}.primary-btn:hover{filter:brightness(1.1)}.full-width{width:100%}.link-btn{border:none;background:none;color:#60a5fa;font-size:.8rem;padding:0;cursor:pointer}.link-btn:hover{text-decoration:underline}.list{list-style:none;margin:.25rem 0 0;padding:0;display:flex;flex-direction:column;gap:.6rem}.list-item{display:flex;justify-content:space-between;gap:.4rem}.list-title{font-size:.85rem;margin:0 0 .15rem}.list-subtitle{font-size:.75rem;margin:0;color:#9ca3af}.list-body{margin:.25rem 0 0;font-size:.78rem;color:#e5e7eb}.list-meta{display:flex;flex-direction:column;align-items:flex-end;gap:.25rem;font-size:.75rem}.amount{font-weight:600}.pill{border-radius:999px;padding:.12rem .6rem;font-size:.7rem;font-weight:500}.pill-pending{background:#eab30826;color:#facc15}.pill-in_dispute{background:#f8717126;color:#fca5a5}.pill-completed{background:#22c55e26;color:#4ade80}.pill.dispute-open{background:#f8717126;color:#fca5a5}.pill.dispute-under_review{background:#3b82f626;color:#93c5fd}.pill.dispute-resolved{background:#22c55e26;color:#4ade80}.empty-state{margin:.4rem 0 0;font-size:.8rem;color:#9ca3af}.form{display:flex;flex-direction:column;gap:.75rem;margin-top:.5rem}.field{display:flex;flex-direction:column;gap:.25rem}.field span{font-size:.78rem}.field input,.field textarea,.field select{border-radius:.6rem;border:1px solid rgba(148,163,184,.4);padding:.5rem .6rem;background:#1e40af;color:#e5e7eb;font-size:.85rem;font-family:inherit}.field textarea{resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid rgba(59,130,246,.8);outline-offset:1px}.hint{font-size:.75rem;color:#9ca3af}.kyc-badge{border-radius:999px;padding:.12rem .6rem;font-size:.7rem;font-weight:500}.kyc-unverified{background:#f8717126;color:#fca5a5}.kyc-pending{background:#eab30826;color:#facc15}.kyc-verified{background:#22c55e26;color:#4ade80}.profile-row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.profile-score{display:flex;flex-direction:column;align-items:flex-end;font-size:.75rem;color:#9ca3af}.profile-score strong{color:#f97316;font-size:.95rem}.kyc-section{margin-top:.5rem;display:flex;flex-direction:column;gap:.5rem}.settings-list{list-style:none;padding:0;margin:.4rem 0 0;display:flex;flex-direction:column;gap:.45rem;font-size:.8rem}.settings-note{display:block;color:#9ca3af;font-size:.75rem}.bottom-nav{position:sticky;bottom:0;left:0;right:0;display:flex;justify-content:space-around;gap:.25rem;padding:.35rem .6rem .6rem;background:#0f172afa;border-top:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bottom-nav-button{flex:1;border-radius:999px;border:none;background:transparent;color:#9ca3af;font-size:.7rem;padding:.45rem .25rem;cursor:pointer}.bottom-nav-button-active{background:radial-gradient(circle at top,#60a5fa,#2563eb);color:#1e40af;font-weight:600}.bottom-nav-button span{white-space:nowrap}.modal-overlay{position:fixed!important;inset:0!important;background:#000000b3!important;display:flex!important;justify-content:center!important;align-items:center!important;z-index:10000!important;padding:1rem!important}.modal-content{background:#fff;border-radius:1.5rem;border:none;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%;max-height:90%;overflow-y:auto}.modal-header{padding:1.5rem;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;color:#1e40af;font-weight:700;margin:0}.modal-close{background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;line-height:1}.modal-close:hover{color:#1e40af}.modal-body{padding:1.5rem}.form-group{margin-bottom:1.25rem}.form-label{display:block;margin-bottom:.5rem;color:#1e40af;font-size:.95rem;font-weight:600}.form-input{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;font-size:1rem;background:#f8fafc;transition:all .2s ease;box-sizing:border-box}.form-input[type=number]::-webkit-outer-spin-button,.form-input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.form-input[type=number]{-moz-appearance:textfield;appearance:textfield}.form-input:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.form-textarea{width:100%;padding:.75rem;border:2px solid #e2e8f0;border-radius:.5rem;background:#f8fafc;color:#0f172a;font-size:.9rem;resize:vertical;min-height:80px;font-family:inherit;transition:all .3s;box-sizing:border-box}.form-textarea:focus{outline:none;border-color:#2563eb;background:#fff;box-shadow:0 0 0 3px #2563eb1a}.form-button{width:100%;padding:.875rem;margin-top:.5rem}.btn{border:none;border-radius:.5rem;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#2563eb,#60a5fa);color:#fff}.btn-primary:hover{filter:brightness(1.1)}.btn-secondary{background:#e2e8f0;color:#64748b}.btn-secondary:hover{background:#cbd5e1}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);color:#fff}.btn-success:hover{filter:brightness(1.1)}.btn-danger{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.btn-danger:hover{filter:brightness(1.1)}.btn:disabled{opacity:.5;cursor:not-allowed}.transactions-grid{display:grid;grid-template-columns:1fr;gap:1rem;margin-top:1rem}.transaction-card{background:#fff;padding:1.5rem;border-radius:1rem;border:none;box-shadow:0 4px 15px #00000014;cursor:pointer!important;transition:all .3s;position:relative;z-index:1}.transaction-card:hover{box-shadow:0 8px 30px #2563eb33;transform:translateY(-4px)}.transaction-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.75rem}.transaction-title{font-size:1.1rem;font-weight:600;color:#1e40af;margin:0}.transaction-amount{font-size:1.25rem;font-weight:700;color:#10b981}.transaction-description{font-size:.9rem;color:#64748b;margin-bottom:.5rem}.transaction-footer{display:flex;justify-content:space-between;align-items:center;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.transaction-date{font-size:.85rem;color:#94a3b8}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.85rem;font-weight:500}.status-badge.status-pending{background:#fef3c7;color:#92400e}.status-badge.status-validated{background:#d1fae5;color:#065f46}.status-badge.status-completed{background:#e0e7ff;color:#4338ca}.status-badge.status-dispute{background:#fee2e2;color:#991b1b}@media(min-width:768px){.app-header,.app-main{padding-inline:2rem}}.app-view{min-height:100vh;background:#1e40af;color:#f9fafb}.app-view .main-content{flex:none;min-height:auto;padding-bottom:2rem}
