:root{--bg-primary: #0f172a;--bg-secondary: #1e293b;--bg-card: #1e293b;--bg-input: #334155;--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent: #22d3ee;--accent-hover: #06b6d4;--green: #22c55e;--green-bg: rgba(34, 197, 94, .1);--red: #ef4444;--yellow: #eab308;--border: #334155;--radius: 12px;--radius-sm: 8px}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.5;min-height:100dvh;overflow-x:hidden}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}button{font-family:inherit;cursor:pointer;border:none;outline:none}input,textarea,select{font-family:inherit;font-size:16px;background:var(--bg-input);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;width:100%;outline:none;transition:border-color .2s}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.container{max-width:480px;margin:0 auto;padding:0 16px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:var(--radius);font-weight:600;font-size:16px;transition:all .2s}.btn-primary{background:var(--accent);color:var(--bg-primary)}.btn-primary:hover{background:var(--accent-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-input);color:var(--text-primary)}.btn-secondary:hover{background:var(--border)}.btn-full{width:100%}.card{background:var(--bg-card);border-radius:var(--radius);padding:20px;border:1px solid var(--border)}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600}.badge-green{background:var(--green-bg);color:var(--green)}.safe-bottom{padding-bottom:max(16px,env(safe-area-inset-bottom))}.tab-bar{position:fixed;bottom:0;left:0;right:0;background:var(--bg-secondary);border-top:1px solid var(--border);display:flex;justify-content:space-around;padding:8px 0;padding-bottom:max(8px,env(safe-area-inset-bottom));z-index:100}.tab-bar button{display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 16px;background:none;color:var(--text-muted);font-size:11px;font-weight:500;transition:color .2s}.tab-bar button.active{color:var(--accent)}.tab-bar button .icon{font-size:22px;line-height:1}.page{min-height:100dvh;padding-bottom:80px}.page-header{padding:16px;padding-top:max(16px,env(safe-area-inset-top))}.page-header h1{font-size:28px;font-weight:700}.page-header p{color:var(--text-secondary);margin-top:4px}.message-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:16px;margin-bottom:12px}.message-card .sender{font-weight:600;font-size:14px;color:var(--accent)}.message-card .amount{font-size:13px;color:var(--green);font-weight:600}.message-card .content{margin-top:8px;font-size:15px;line-height:1.5}.message-card .time{font-size:12px;color:var(--text-muted);margin-top:8px}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{background:linear-gradient(90deg,var(--bg-input) 25%,var(--border) 37%,var(--bg-input) 63%);background-size:200px 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}