:root{--black-900:#000;--black-800:#121212;--black-700:#1e1e1e;--black-600:#2a2a2a;--black-500:#444;--accent:#0f8;--accent-dark:#00cc6a;--text-light:#fff;--text-gray:#aaa;--error:#ff4d4d;--success:#00c853;--warning:#ffab00;--info:#2196f3;--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:2rem;--text-3xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:24px;--border:1px solid var(--black-600);--shadow-sm:0 1px 3px #0000001f;--shadow-md:0 4px 6px #0000001a;--shadow-lg:0 10px 25px #0003;--shadow-inset:inset 0 2px 4px 0 #0000000f;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.45s ease}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;background-color:var(--black-900);color:#fff;color:var(--text-light);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh}img{height:auto;max-width:100%}.app{display:flex;flex-direction:column;min-height:100vh}.container{margin:0 auto;max-width:1400px;padding:0 1.5rem;padding:0 var(--space-md);width:100%}.sr-only{clip:rect(0,0,0,0);border-width:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.landing-page{align-items:center;background:linear-gradient(135deg,#000,#1e1e1e);background:linear-gradient(135deg,var(--black-900) 0,var(--black-700) 100%);display:flex;flex-direction:column;justify-content:center;min-height:100vh;overflow:hidden;padding:3rem;padding:var(--space-xl);position:relative;text-align:center}.landing-page:before{animation:rotate 20s linear infinite;background:radial-gradient(circle,#00ff881a 0,#0000 70%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%;z-index:0}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.landing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border:1px solid #2a2a2a;border:var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #0003;box-shadow:var(--shadow-lg);max-width:800px;padding:3rem;padding:var(--space-xl);position:relative;z-index:1}.landing-heading{background:linear-gradient(90deg,#0f8,#00a8ff);background:linear-gradient(90deg,var(--accent),#00a8ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.5rem,5vw,3rem);font-size:clamp(var(--text-xl),5vw,var(--text-3xl));font-weight:800;letter-spacing:-1px;line-height:1.2;margin-bottom:2rem;margin-bottom:var(--space-lg)}.tagline{color:#aaa;color:var(--text-gray);font-size:clamp(1rem,3vw,1.25rem);font-size:clamp(var(--text-base),3vw,var(--text-lg));margin-bottom:3rem;margin-bottom:var(--space-xl);margin-left:auto;margin-right:auto;max-width:600px}.landing-cta{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-md);justify-content:center;margin-top:3rem;margin-top:var(--space-xl)}.landing-btn{align-items:center;border-radius:8px;border-radius:var(--radius-md);display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--space-xs);padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal);white-space:nowrap}.landing-btn-primary{background:#0f8;background:var(--accent);color:#000;color:var(--black-900)}.landing-btn-primary:hover{background:#00cc6a;background:var(--accent-dark);box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.landing-btn-secondary{border:1px solid #0f8;border:1px solid var(--accent);color:#0f8;color:var(--accent)}.landing-btn-secondary:hover{background:#00ff881a;box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.auth-options{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);justify-content:center;margin-top:2rem;margin-top:var(--space-lg)}.auth-option-btn{align-items:center;background:#0f8;background:var(--accent);border:none;border-radius:9999px;color:#000;color:var(--black-900);cursor:pointer;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;gap:.5rem;gap:var(--space-xs);overflow:hidden;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);position:relative;transition:all .3s ease;transition:all var(--transition-normal)}.auth-option-btn:hover{background:#00cc6a;background:var(--accent-dark);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:scale(1.05)}.auth-option-btn:active{transform:scale(.98)}.auth-wrapper{align-items:center;background:#000;background:var(--black-900);display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:3rem;padding:var(--space-xl)}.brand-heading{background:linear-gradient(90deg,#0f8,#00a8ff);background:linear-gradient(90deg,var(--accent),#00a8ff);-webkit-background-clip:text;background-clip:text;color:#0000;font-size:clamp(1.5rem,5vw,3rem);font-size:clamp(var(--text-xl),5vw,var(--text-3xl));font-weight:800;letter-spacing:-1px;margin-bottom:3rem;margin-bottom:var(--space-xl);text-align:center}.auth-container{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:var(--border);border-radius:24px;border-radius:var(--radius-xl);box-shadow:0 10px 25px #0003;box-shadow:var(--shadow-lg);max-width:480px;padding:3rem;padding:var(--space-xl);transition:all .3s ease;transition:all var(--transition-normal);width:100%}.auth-container:hover{box-shadow:0 25px 50px #0006}.auth-header{margin-bottom:2rem;margin-bottom:var(--space-lg);text-align:center}.auth-header h2{font-size:1.5rem;font-size:var(--text-xl);font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.auth-header p{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm)}.auth-form{gap:1.5rem;gap:var(--space-md)}.auth-form,.input-group{display:flex;flex-direction:column}.input-group{gap:.5rem;gap:var(--space-xs);position:relative}.input-label{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm);padding-left:.5rem;padding-left:var(--space-xs)}.form-input{background:#121212;background:var(--black-800);border:1px solid #2a2a2a;border:var(--border);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);font-size:1rem;font-size:var(--text-base);padding:1rem;padding:var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#0f8;border-color:var(--accent);box-shadow:0 0 0 3px #00ff881a;outline:none}.form-input::placeholder{color:#444;color:var(--black-500)}.radio-group{display:flex;flex-wrap:wrap;gap:1.5rem;gap:var(--space-md);margin:.5rem 0;margin:var(--space-xs) 0}.radio-option{align-items:center;cursor:pointer;display:flex;flex:1 0 auto;gap:.5rem;gap:var(--space-xs)}.radio-input{-webkit-appearance:none;appearance:none;background:#121212;background:var(--black-800);border:2px solid #2a2a2a;border:2px solid var(--black-600);border-radius:50%;cursor:pointer;flex-shrink:0;height:1.25rem;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:1.25rem}.radio-input:checked{border-color:#0f8;border-color:var(--accent)}.radio-input:checked:after{background:#0f8;background:var(--accent);border-radius:50%;content:"";height:.75rem;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:.75rem}.radio-label{color:#fff;color:var(--text-light);-webkit-user-select:none;user-select:none}.auth-btn,.radio-label{font-size:1rem;font-size:var(--text-base)}.auth-btn{align-items:center;background:#0f8;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);color:#000;color:var(--black-900);cursor:pointer;display:flex;font-weight:600;gap:.5rem;gap:var(--space-xs);justify-content:center;margin-top:.5rem;margin-top:var(--space-xs);padding:1rem;padding:var(--space-sm);transition:all .3s ease;transition:all var(--transition-normal)}.auth-btn:hover{background:#00cc6a;background:var(--accent-dark);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.auth-btn:active{transform:translateY(0)}.toggle-btn{background:#0000;border:none;color:#aaa;color:var(--text-gray);cursor:pointer;font-size:.875rem;font-size:var(--text-sm);margin-top:1.5rem;margin-top:var(--space-md);text-align:center;transition:color .15s ease;transition:color var(--transition-fast);width:100%}.toggle-btn:hover{color:#fff;color:var(--text-light)}.toggle-btn span{color:#0f8;color:var(--accent);font-weight:600;transition:all .15s ease;transition:all var(--transition-fast)}.toggle-btn:hover span{text-decoration:underline}.error-message{align-items:center;background:#ff4d4d1a;border-radius:8px;border-radius:var(--radius-md);color:#ff4d4d;color:var(--error);display:flex;font-size:.875rem;font-size:var(--text-sm);gap:.5rem;gap:var(--space-xs);justify-content:center;margin-bottom:1.5rem;margin-bottom:var(--space-md);padding:1rem;padding:var(--space-sm);text-align:center}.dashboard-layout{background:#000;background:var(--black-900);display:grid;grid-template-columns:minmax(250px,280px) 1fr;min-height:100vh}.modern-sidebar{background:#121212;background:var(--black-800);border-right:1px solid #1e1e1e;border-right:1px solid var(--black-700);display:flex;flex-direction:column;height:100vh;overflow-y:auto;padding:2rem;padding:var(--space-lg);position:sticky;top:0}.sidebar-header{border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--black-700);margin-bottom:2rem;margin-bottom:var(--space-lg);padding-bottom:2rem;padding-bottom:var(--space-lg)}.user-profile{gap:1.5rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.avatar,.user-profile{align-items:center;display:flex}.avatar{background:#0f8;background:var(--accent);border-radius:50%;color:#000;color:var(--black-900);flex-shrink:0;font-size:1.25rem;font-size:var(--text-lg);font-weight:700;height:48px;justify-content:center;width:48px}.user-info{overflow:hidden}.user-name{font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.user-email,.user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-email{color:#aaa;color:var(--text-gray)}.role-badge,.user-email{font-size:.875rem;font-size:var(--text-sm)}.role-badge{border-radius:20px;display:inline-block;font-weight:600;margin-top:.5rem;margin-top:var(--space-xs);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.role-badge.mcp{background:#0f83;color:#0f8;color:var(--accent)}.role-badge.partner{background:#00a8ff33;color:#00a8ff}.modern-nav{display:flex;flex:1 1;flex-direction:column;gap:.5rem;gap:var(--space-xs);margin:2rem 0;margin:var(--space-lg) 0}.nav-item{align-items:center;border-radius:8px;border-radius:var(--radius-md);color:#aaa;color:var(--text-gray);display:flex;font-size:1rem;font-size:var(--text-base);gap:1rem;gap:var(--space-sm);padding:1rem;padding:var(--space-sm);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.nav-item:hover{background:#1e1e1e;background:var(--black-700);color:#fff;color:var(--text-light)}.nav-item.active{background:#00ff881a;color:#0f8;color:var(--accent)}.nav-icon{flex-shrink:0;height:24px;justify-content:center;width:24px}.logout-btn,.nav-icon{align-items:center;display:flex}.logout-btn{background:#0000;border:none;border-radius:8px;border-radius:var(--radius-md);color:#ff4d4d;color:var(--error);cursor:pointer;font-size:1rem;font-size:var(--text-base);gap:1rem;gap:var(--space-sm);margin-top:auto;padding:1rem;padding:var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast)}.logout-btn:hover{background:#ff4d4d1a}.modern-content{background:#000;background:var(--black-900);overflow-x:hidden;padding:3rem;padding:var(--space-xl)}.content-header{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:3rem;margin-bottom:var(--space-xl)}.content-title{color:#fff;color:var(--text-light);font-size:2rem;font-size:var(--text-2xl);font-weight:700}.content-subtitle{color:#aaa;color:var(--text-gray);font-size:1rem;font-size:var(--text-base)}.card{background:#121212;background:var(--black-800);border:1px solid #1e1e1e;border:1px solid var(--black-700);border-radius:12px;border-radius:var(--radius-lg);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);padding:2rem;padding:var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.card-title{color:#fff;color:var(--text-light);font-size:1.25rem;font-size:var(--text-lg);font-weight:600}.card-body{margin-top:1.5rem;margin-top:var(--space-md)}.badge{align-items:center;border-radius:20px;display:inline-flex;font-size:.875rem;font-size:var(--text-sm);font-weight:600;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm);text-transform:capitalize}.badge-success{background:#00c85333;color:#00c853;color:var(--success)}.badge-warning{background:#ffab0033;color:#ffab00;color:var(--warning)}.badge-error{background:#ff4d4d33;color:#ff4d4d;color:var(--error)}.badge-info{background:#2196f333;color:#2196f3;color:var(--info)}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-size:1rem;font-size:var(--text-base);font-weight:600;gap:.5rem;gap:var(--space-xs);justify-content:center;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);text-decoration:none;transition:all .3s ease;transition:all var(--transition-normal)}.btn-primary{background:#0f8;background:var(--accent);color:#000;color:var(--black-900)}.btn-primary:hover{background:#00cc6a;background:var(--accent-dark);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-secondary{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:1px solid var(--black-600);color:#fff;color:var(--text-light)}.btn-secondary:hover{background:#2a2a2a;background:var(--black-600);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-error{background:#ff4d4d;background:var(--error);color:#fff}.btn-error:hover{background:#e53935;box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.btn-sm{font-size:.875rem;font-size:var(--text-sm);padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.btn-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.form-group{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.form-label{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm)}.form-control{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:1px solid var(--black-600);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);padding:1rem;padding:var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-control:focus{border-color:#0f8;border-color:var(--accent);box-shadow:0 0 0 2px #00ff881a;outline:none}.select-control{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23aaa'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 1rem center;background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px}.modern-order-list{display:flex;flex-direction:column;gap:3rem;gap:var(--space-xl)}.list-header{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between}.list-header,.order-grid{gap:1.5rem;gap:var(--space-md)}.order-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.order-card{background:#121212;background:var(--black-800);border:1px solid #1e1e1e;border:1px solid var(--black-700);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.order-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.order-id{color:#aaa;color:var(--text-gray);font-family:Courier New,monospace;font-size:.875rem;font-size:var(--text-sm)}.order-meta{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);margin-bottom:2rem;margin-bottom:var(--space-lg)}.meta-label{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm)}.meta-value{color:#fff;color:var(--text-light);font-weight:500}.status-badge{background-color:#ffffff14;border-radius:6px;color:#fff;display:inline-block;font-size:14px;font-weight:600;padding:6px 12px;text-transform:capitalize}.status-badge.completed{background-color:#aaa;background-color:var(--text-gray);color:#000;color:var(--black-900)}.status-badge.rejected{background-color:#ff4d4d;background-color:var(--error);color:#000;color:var(--black-900)}.status-badge.pending{background-color:#b8860b;color:#000;color:var(--black-900)}.status-badge.assigned{background-color:#24658d;color:#000;color:var(--black-900)}.status-badge.accepted{background-color:#0f8;background-color:var(--accent);color:#000;color:var(--black-900)}.card-actions{flex-direction:column}.assign-section,.card-actions{display:flex;gap:1rem;gap:var(--space-sm)}.assign-section{flex-wrap:wrap}.partner-select{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:1px solid var(--black-600);border-radius:4px;border-radius:var(--radius-sm);color:#fff;color:var(--text-light);flex:1 1;min-width:200px;padding:1rem;padding:var(--space-sm)}.action-buttons{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm)}.action-btn{align-items:center;border:none;border-radius:4px;border-radius:var(--radius-sm);cursor:pointer;display:flex;flex:1 1;font-weight:600;gap:.5rem;gap:var(--space-xs);justify-content:center;min-width:120px;padding:1rem;padding:var(--space-sm);transition:all .15s ease;transition:all var(--transition-fast)}.action-btn.accept{background:#0f8;background:var(--accent);color:#000;color:var(--black-900)}.action-btn.accept:hover{background:#00cc6a;background:var(--accent-dark)}.action-btn.reject{background:#ff4d4d;background:var(--error);color:#fff}.action-btn.reject:hover{background:#e53935}.action-btn.complete{background:#2196f3;background:var(--info);color:#fff}.action-btn.complete:hover{background:#1976d2}.partner-grid{grid-gap:1.5rem;grid-gap:var(--space-md);display:grid;gap:1.5rem;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.partner-card{background:#121212;background:var(--black-800);border:1px solid #1e1e1e;border:1px solid var(--black-700);border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-lg);transition:all .3s ease;transition:all var(--transition-normal)}.partner-card:hover{box-shadow:0 4px 6px #0000001a;box-shadow:var(--shadow-md);transform:translateY(-2px)}.partner-header{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md);margin-bottom:1.5rem;margin-bottom:var(--space-md)}.partner-avatar{align-items:center;background:#0f8;background:var(--accent);border-radius:50%;color:#000;color:var(--black-900);display:flex;flex-shrink:0;font-weight:700;height:48px;justify-content:center;width:48px}.partner-info{flex:1 1;min-width:0}.partner-name{font-weight:600;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.partner-email,.partner-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.partner-email{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm)}.partner-details{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm)}.partner-detail{display:flex;justify-content:space-between}.detail-label{color:#aaa;color:var(--text-gray);font-size:.875rem;font-size:var(--text-sm)}.detail-value{font-weight:500}.wallet-summary{background:#121212;background:var(--black-800);border:1px solid #1e1e1e;border:1px solid var(--black-700);border-radius:12px;border-radius:var(--radius-lg);margin-bottom:3rem;margin-bottom:var(--space-xl);padding:2rem;padding:var(--space-lg)}.balance-display{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--space-md)}.balance-label{color:#fff;color:var(--text-light);font-size:1.25rem;font-size:var(--text-lg)}.balance-amount{color:#0f8;color:var(--accent);font-size:2rem;font-size:var(--text-2xl);font-weight:700}.top-up-section{margin-top:2rem;margin-top:var(--space-lg)}.top-up-options{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--space-sm);margin:1.5rem 0;margin:var(--space-md) 0}.top-up-btn{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:1px solid var(--black-600);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);cursor:pointer;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.top-up-btn.active{background:#0f8;background:var(--accent);border-color:#0f8;border-color:var(--accent);color:#000;color:var(--black-900)}.top-up-btn:hover:not(.active){background:#2a2a2a;background:var(--black-600)}.custom-top-up{display:flex;gap:1rem;gap:var(--space-sm);margin-top:1.5rem;margin-top:var(--space-md)}.custom-top-up input{background:#1e1e1e;background:var(--black-700);border:1px solid #2a2a2a;border:1px solid var(--black-600);border-radius:8px;border-radius:var(--radius-md);color:#fff;color:var(--text-light);flex:1 1;min-width:150px;padding:1rem;padding:var(--space-sm)}.top-up-action{background:#0f8;background:var(--accent);border:none;border-radius:8px;border-radius:var(--radius-md);color:#000;color:var(--black-900);cursor:pointer;font-weight:600;padding:1rem 1.5rem;padding:var(--space-sm) var(--space-md);transition:all .3s ease;transition:all var(--transition-normal)}.top-up-action:hover{background:#00cc6a;background:var(--accent-dark);box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateY(-2px)}.transaction-history{margin-top:3rem;margin-top:var(--space-xl)}.transaction-list{display:flex;flex-direction:column;gap:1rem;gap:var(--space-sm);list-style:none;padding:0}.transaction-item{background:#121212;background:var(--black-800);border:1px solid #1e1e1e;border:1px solid var(--black-700);border-radius:8px;border-radius:var(--radius-md);padding:1.5rem;padding:var(--space-md);transition:all .15s ease;transition:all var(--transition-fast)}.transaction-item:hover{box-shadow:0 1px 3px #0000001f;box-shadow:var(--shadow-sm);transform:translateX(5px)}.txn-main{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md);justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--space-xs)}.txn-desc{color:#fff;color:var(--text-light);flex:1 1;font-weight:500}.txn-amount{color:#00c853;color:var(--success);font-weight:700}.txn-amount.negative{color:#ff4d4d;color:var(--error)}.txn-meta{align-items:center;display:flex;gap:1.5rem;gap:var(--space-md);justify-content:space-between}.txn-date{color:#aaa;color:var(--text-gray)}.txn-date,.txn-status{font-size:.875rem;font-size:var(--text-sm)}.txn-status{border-radius:20px;padding:.5rem 1rem;padding:var(--space-xs) var(--space-sm)}.empty-state{background:#121212;background:var(--black-800);border:1px dashed #2a2a2a;border:1px dashed var(--black-600);border-radius:12px;border-radius:var(--radius-lg);padding:3rem;padding:var(--space-xl);text-align:center}.empty-icon{font-size:3rem;font-size:var(--text-3xl)}.empty-icon,.empty-text{color:#aaa;color:var(--text-gray);margin-bottom:1.5rem;margin-bottom:var(--space-md)}@media (max-width:1024px){.dashboard-layout{grid-template-columns:1fr}.modern-sidebar{border-bottom:1px solid #1e1e1e;border-bottom:1px solid var(--black-700);border-right:none;height:auto;position:static}.modern-content{padding:2rem;padding:var(--space-lg)}}@media (max-width:768px){:root{--space-xl:2rem;--space-lg:1.5rem;--space-md:1rem;--space-sm:0.75rem;--space-xs:0.5rem}.auth-container,.landing-content,.landing-page{padding:2rem;padding:var(--space-lg)}.order-grid,.partner-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column}.action-btn{width:100%}}@media (max-width:480px){.landing-cta{flex-direction:column;width:100%}.landing-btn{width:100%}.auth-options{flex-direction:column;width:100%}.auth-option-btn{width:100%}.radio-group{gap:.5rem;gap:var(--space-xs)}.assign-section,.radio-group{flex-direction:column}.partner-select{width:100%}.custom-top-up{flex-direction:column}.top-up-action{width:100%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fadeIn{animation:fadeIn .5s ease forwards}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.skeleton{background-color:#1e1e1e;background-color:var(--black-700);border-radius:8px;border-radius:var(--radius-md);overflow:hidden;position:relative}.skeleton:after{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,#0000,#ffffff0d,#0000);bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}.skeleton-text{border-radius:4px;border-radius:var(--radius-sm);height:1em;margin-bottom:.5rem;margin-bottom:var(--space-xs);width:100%}.skeleton-text:last-child{margin-bottom:0;width:80%}.skeleton-avatar{border-radius:50%;height:48px;width:48px}.skeleton-card{border-radius:12px;border-radius:var(--radius-lg);padding:2rem;padding:var(--space-lg)}
/*# sourceMappingURL=main.d2f1398e.css.map*/