:root{--onramp-accent: #D4E500;--onramp-accent-text: #1a1a1a;--onramp-bg: #2b2b2b;--onramp-card: #333333;--onramp-card-hover: #3a3a3a;--onramp-text: #ffffff;--onramp-muted: #999999;--onramp-divider: #4a4a4a;--status-success: #34C759;--status-error: #FF3B30;--status-warning: #FF9500;--status-info: #007AFF;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--space-3xl: 32px;--space-4xl: 48px;--radius: 8px;--radius-sm: 4px;--radius-lg: 12px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--onramp-bg);color:var(--onramp-text);min-height:100vh;line-height:1.5}a{color:var(--onramp-accent);text-decoration:none}a:hover{text-decoration:underline}.main{flex:1;padding:var(--space-xl);max-width:1400px;margin:0 auto;width:100%}.card{background:var(--onramp-card);border-radius:var(--radius);padding:var(--space-xl)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);border-radius:var(--radius);border:none;font-family:var(--font-sans);font-size:.9375rem;font-weight:600;cursor:pointer;transition:opacity .15s,transform .1s;min-height:44px;min-width:44px}.btn:hover{opacity:.9}.btn:active{transform:scale(.98)}.btn-primary{background:var(--onramp-accent);color:var(--onramp-accent-text)}.btn-secondary{background:var(--onramp-divider);color:var(--onramp-text)}.btn-ghost{background:transparent;color:var(--onramp-muted)}.btn-danger{background:#ff3b3033;color:var(--status-error)}.btn-success{background:#34c75933;color:var(--status-success)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-sm{padding:var(--space-xs) var(--space-md);font-size:.8125rem;min-height:32px}.delete-btn{background:none;border:none;cursor:pointer;font-size:1rem;padding:var(--space-xs);opacity:.4;transition:opacity .15s;line-height:1;flex-shrink:0}.delete-btn:hover{opacity:.9}.delete-btn:disabled{opacity:.2;cursor:not-allowed}.input,.textarea{width:100%;padding:var(--space-md) var(--space-lg);border:1px solid var(--onramp-divider);border-radius:var(--radius);background:var(--onramp-bg);color:var(--onramp-text);font-family:var(--font-sans);font-size:1rem;min-height:44px;outline:none;transition:border-color .15s}.input:focus,.textarea:focus{border-color:var(--onramp-accent)}.input::placeholder,.textarea::placeholder{color:var(--onramp-muted)}.textarea{min-height:88px;resize:vertical}.badge{display:inline-flex;align-items:center;padding:2px var(--space-sm);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.badge-success{background:#34c75933;color:var(--status-success)}.badge-warning{background:#ff950033;color:var(--status-warning)}.badge-error{background:#ff3b3033;color:var(--status-error)}.badge-info{background:#007aff33;color:var(--status-info)}.badge-accent{background:#d4e50026;color:var(--onramp-accent)}.text-muted{color:var(--onramp-muted)}.text-accent{color:var(--onramp-accent)}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-center{text-align:center}.font-semibold{font-weight:600}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mt-2xl{margin-top:var(--space-2xl)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.skeleton{background:linear-gradient(90deg,var(--onramp-card) 25%,var(--onramp-card-hover) 50%,var(--onramp-card) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.data-table-container{overflow-x:auto;border-radius:var(--radius);background:var(--onramp-card);-webkit-overflow-scrolling:touch}.data-table{width:max-content;min-width:100%;border-collapse:collapse;font-size:.8125rem}.data-table thead th{position:sticky;top:0;background:var(--onramp-card);color:var(--onramp-muted);font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--onramp-divider);white-space:nowrap;text-align:left;z-index:2}.data-table tbody td{padding:var(--space-sm) var(--space-md);border-bottom:1px solid var(--onramp-divider);white-space:nowrap;color:var(--onramp-text)}.data-table-row{cursor:pointer;transition:background .1s}.data-table-row:hover{background:var(--onramp-card-hover)}.col-sticky{position:sticky;left:0;background:var(--onramp-card);z-index:1;min-width:160px}.data-table-row:hover .col-sticky{background:var(--onramp-card-hover)}.data-table thead th.col-sticky{z-index:3}.timeline{list-style:none;padding:0}.timeline-item{position:relative;padding:var(--space-md) 0 var(--space-md) var(--space-2xl);border-left:2px solid var(--onramp-divider)}.timeline-item:before{content:"";position:absolute;left:-5px;top:18px;width:8px;height:8px;border-radius:50%;background:var(--onramp-accent)}.timeline-item.action-completed:before{background:var(--status-success)}.timeline-item.action-uncompleted:before{background:var(--status-warning)}.timeline-item.action-problem_reported:before{background:var(--status-error)}.timeline-item.action-problem_resolved:before{background:var(--status-info)}.timeline-meta{font-size:.75rem;color:var(--onramp-muted)}.timeline-detail{font-size:.875rem;color:var(--onramp-text);margin-top:var(--space-xs)}.section-header{color:var(--onramp-accent);font-size:.8125rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin-bottom:var(--space-md)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-lg)}.modal{background:var(--onramp-card);border-radius:var(--radius-lg);padding:var(--space-2xl);max-width:520px;width:100%;max-height:80vh;overflow-y:auto}.app-layout{display:flex;max-width:1200px;margin:0 auto;width:100%}@media(max-width:640px){.main{padding:var(--space-lg);padding-bottom:72px}.hide-mobile{display:none!important}}