@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{--gold-50: #FBF4D9;--gold-100: #F2E2A3;--gold-200: #EBD27F;--gold-300: #E8C56A;--gold-400: #D4AF37;--gold-500: #C9A961;--gold-600: #A8862A;--gold-700: #8C7218;--gold-glow: rgba(212, 175, 55, .18);--hairline-gold: rgba(212, 175, 55, .32);--bg-page: #0A0A0A;--bg-surface: #141414;--bg-card: #1C1C1C;--bg-elev: #242424;--border: #2A2A2A;--border-strong: #3A3A3A;--text-primary: #F5EFE0;--text-secondary: #BFB7A4;--text-muted: #8A8472;--text-on-gold: #0A0A0A;--success-50: rgba(74, 222, 128, .1);--success-100: rgba(74, 222, 128, .18);--success-200: rgba(74, 222, 128, .32);--success-300: rgba(74, 222, 128, .45);--success-500: #4ADE80;--success-600: #22C55E;--success-700: #86EFAC;--warning-50: rgba(245, 197, 107, .1);--warning-100: rgba(245, 197, 107, .18);--warning-200: rgba(245, 197, 107, .32);--warning-500: #F5C56B;--warning-600: #E0A93A;--warning-700: #FBD38D;--danger-50: rgba(242, 107, 107, .1);--danger-100: rgba(242, 107, 107, .18);--danger-200: rgba(242, 107, 107, .32);--danger-300: rgba(242, 107, 107, .45);--danger-500: #F26B6B;--danger-600: #E04848;--danger-700: #FCA5A5;--primary-50: rgba(212, 175, 55, .08);--primary-100: rgba(212, 175, 55, .16);--primary-200: rgba(212, 175, 55, .28);--primary-500: var(--gold-400);--primary-600: var(--gold-400);--primary-700: var(--gold-300);--primary-900: var(--gold-700);--secondary-500: var(--gold-300);--secondary-600: var(--gold-400);--secondary-700: var(--gold-300);--gray-50: var(--bg-surface);--gray-100: var(--bg-card);--gray-200: var(--border);--gray-300: var(--border-strong);--gray-400: var(--text-muted);--gray-500: var(--text-secondary);--gray-600: var(--text-secondary);--gray-700: var(--text-primary);--gray-800: var(--text-primary);--gray-900: var(--text-primary);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .45);--shadow-md: 0 6px 14px -4px rgba(0, 0, 0, .6);--shadow-lg: 0 14px 30px -8px rgba(0, 0, 0, .7);--shadow-xl: 0 28px 56px -14px rgba(0, 0, 0, .8);--shadow-gold: 0 0 0 1px var(--hairline-gold), 0 10px 28px -10px rgba(212, 175, 55, .32);--font-display: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Monaco", "Courier New", monospace}body{font-family:var(--font-body);background:var(--bg-page);min-height:100vh;color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;background:radial-gradient(900px 500px at 12% -10%,rgba(212,175,55,.05),transparent 60%),radial-gradient(700px 400px at 90% 110%,rgba(212,175,55,.04),transparent 60%),var(--bg-page)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:.005em;color:var(--text-primary)}::selection{background:var(--gold-400);color:var(--text-on-gold)}a{color:var(--gold-300)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:var(--bg-page)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold-600),var(--gold-700));border-radius:8px;border:2px solid var(--bg-page)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--gold-400),var(--gold-600))}.divider-ornament{display:flex;align-items:center;justify-content:center;gap:14px;margin:14px auto 22px;color:var(--gold-400);font-size:14px;letter-spacing:.4em}.divider-ornament:before,.divider-ornament:after{content:"";flex:0 1 80px;height:1px;background:linear-gradient(90deg,transparent,var(--hairline-gold),transparent)}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(1200px 600px at 50% -10%,rgba(212,175,55,.08),transparent 60%),radial-gradient(700px 400px at 50% 120%,rgba(212,175,55,.06),transparent 60%),var(--bg-page);position:relative;overflow:hidden}.auth-container:before,.auth-container:after{content:"";position:absolute;width:1px;height:60vh;background:linear-gradient(180deg,transparent,var(--hairline-gold),transparent);opacity:.6;pointer-events:none}.auth-container:before{left:8%;top:20%}.auth-container:after{right:8%;top:20%}.auth-card{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-surface) 100%);border-radius:18px;box-shadow:var(--shadow-xl),inset 0 1px #ffffff0a;padding:56px 48px;width:100%;max-width:480px;border:1px solid var(--border);position:relative;z-index:10;animation:slideUp .6s cubic-bezier(.16,1,.3,1)}.auth-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--gold-400),transparent)}@keyframes slideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.auth-title{font-family:var(--font-display);font-size:38px;font-weight:700;color:var(--text-primary);margin-bottom:6px;text-align:center;letter-spacing:.005em;position:relative}.auth-title:after{content:"";display:block;width:56px;height:1px;margin:14px auto 0;background:linear-gradient(90deg,transparent,var(--gold-400),transparent)}.auth-subtitle{color:var(--text-secondary);text-align:center;margin-bottom:36px;font-size:15px;font-weight:400;letter-spacing:.02em}.form-group{margin-bottom:22px}.form-label{display:block;font-size:12px;font-weight:600;color:var(--gold-300);margin-bottom:8px;letter-spacing:.12em;text-transform:uppercase}.form-input{width:100%;padding:14px 18px;border:1px solid var(--border);border-radius:10px;font-size:15px;font-family:var(--font-body);transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;background:var(--bg-surface);color:var(--text-primary);font-weight:500}.form-input::placeholder{color:var(--text-muted);font-weight:400}.form-input:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px var(--gold-glow);background:var(--bg-card)}.btn-primary{width:100%;padding:15px 20px;background:linear-gradient(180deg,var(--gold-300) 0%,var(--gold-400) 60%,var(--gold-500) 100%);color:var(--text-on-gold);border:1px solid var(--gold-600);border-radius:10px;font-size:15px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff59,inset 0 -1px #00000026,0 8px 18px -8px #d4af378c;position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.45) 50%,transparent 80%);transition:left .7s ease;pointer-events:none}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:inset 0 1px #fff6,inset 0 -1px #0000002e,0 14px 28px -10px #d4af37a6}.btn-primary:hover:before{left:140%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;transform:none;filter:grayscale(.3)}.auth-link{text-align:center;margin-top:28px;color:var(--text-secondary);font-size:14px;font-weight:400}.auth-link a{color:var(--gold-300);text-decoration:none;font-weight:600;transition:color .2s ease;position:relative}.auth-link a:after{content:"";position:absolute;bottom:-3px;left:0;width:0;height:1px;background:var(--gold-400);transition:width .3s ease}.auth-link a:hover{color:var(--gold-400)}.auth-link a:hover:after{width:100%}.dashboard-container{min-height:100vh;background:var(--bg-page)}.dashboard-header{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-page) 100%);padding:22px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:headerIn .5s ease-out}.dashboard-header:after{content:"";position:absolute;bottom:0;left:5%;right:5%;height:1px;background:linear-gradient(90deg,transparent,var(--hairline-gold),transparent)}.dashboard-header.client-header,.admin-header{background:linear-gradient(180deg,var(--bg-surface) 0%,var(--bg-page) 100%);border-bottom:1px solid var(--border)}@keyframes headerIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.header-left{display:flex;align-items:center;gap:18px}.logo-icon,.admin-logo{width:48px;height:48px;background:linear-gradient(180deg,var(--gold-300),var(--gold-400) 60%,var(--gold-600));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--text-on-gold);font-weight:800;font-family:var(--font-display);letter-spacing:-.5px;border:1px solid var(--gold-600);box-shadow:inset 0 1px #ffffff59,0 6px 16px -4px #d4af3766;transition:transform .3s ease,box-shadow .3s ease}.logo-icon:hover,.admin-logo:hover{transform:translateY(-2px) rotate(-2deg);box-shadow:inset 0 1px #ffffff73,0 12px 24px -6px #d4af378c}.dashboard-title{font-family:var(--font-display);font-size:26px;font-weight:700;color:var(--text-primary);letter-spacing:.005em;display:flex;align-items:center;gap:12px}.dashboard-header.client-header .dashboard-title,.admin-header .dashboard-title{color:var(--text-primary)}.header-right{display:flex;align-items:center;gap:18px}.user-info,.dashboard-header.client-header .user-info{display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;background:var(--bg-card);border-radius:999px;border:1px solid var(--border);transition:border-color .25s ease,box-shadow .25s ease}.user-info:hover,.dashboard-header.client-header .user-info:hover{border-color:var(--hairline-gold);box-shadow:0 4px 14px -4px #d4af3740}.user-avatar,.admin-avatar{width:36px;height:36px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500) 60%,var(--gold-700));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);font-weight:700;font-size:13px;letter-spacing:0;border:1px solid var(--gold-600);flex-shrink:0;box-shadow:inset 0 1px #ffffff59}.user-name,.dashboard-header.client-header .user-name{font-weight:600;color:var(--text-primary);font-size:14px;letter-spacing:.01em}.btn-logout{padding:10px 20px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:999px;font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:8px;transition:color .2s ease,border-color .2s ease,background .2s ease;letter-spacing:.04em;text-transform:uppercase}.btn-logout:hover{color:var(--gold-300);border-color:var(--gold-400);background:#d4af370f}.logout-icon{font-size:14px}.dashboard-content{padding:36px 40px;max-width:1600px;margin:0 auto}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:22px;margin-bottom:32px}.stat-card{background:linear-gradient(180deg,var(--bg-card) 0%,var(--bg-surface) 100%);padding:24px;border-radius:14px;box-shadow:var(--shadow-md);display:flex;align-items:flex-start;gap:16px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;border:1px solid var(--border);position:relative;overflow:hidden}.stat-card:before{content:"";position:absolute;top:0;left:20px;right:20px;height:1px;background:linear-gradient(90deg,transparent,var(--hairline-gold),transparent);opacity:0;transition:opacity .3s ease}.stat-card:hover{transform:translateY(-3px);border-color:var(--hairline-gold);box-shadow:var(--shadow-gold)}.stat-card:hover:before{opacity:1}.stat-icon{width:48px;height:48px;background:#d4af371a;border:1px solid var(--hairline-gold);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;color:var(--gold-300);font-weight:700}.stat-card-success .stat-icon{background:var(--success-50);border-color:var(--success-200);color:var(--success-500)}.stat-card-warning .stat-icon{background:var(--warning-50);border-color:var(--warning-200);color:var(--warning-500)}.stat-card-info .stat-icon,.stat-card-primary .stat-icon{background:#d4af371a;border-color:var(--hairline-gold);color:var(--gold-300)}.stat-content{flex:1;min-width:0}.stat-label{font-size:11px;color:var(--text-muted);margin-bottom:8px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.stat-value{font-family:var(--font-display);font-size:30px;font-weight:700;color:var(--text-primary);margin-bottom:4px;letter-spacing:0;line-height:1.1}.stat-trend{font-size:12px;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:4px}.stat-trend.positive{color:var(--success-500);font-weight:600}.section-card{background:var(--bg-card);padding:28px;border-radius:14px;box-shadow:var(--shadow-md);margin-bottom:24px;transition:border-color .3s ease,box-shadow .3s ease;border:1px solid var(--border)}.section-card:hover{border-color:var(--hairline-gold);box-shadow:var(--shadow-gold)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border);position:relative}.section-header:after{content:"";position:absolute;left:0;bottom:-1px;width:64px;height:1px;background:var(--gold-400)}.section-title{font-family:var(--font-display);font-size:20px;font-weight:600;color:var(--text-primary);display:flex;align-items:center;gap:10px;letter-spacing:.005em}.title-icon{font-size:18px;color:var(--gold-400)}.header-actions{display:flex;gap:12px}.btn-secondary{padding:10px 20px;background:transparent;color:var(--gold-300);border:1px solid var(--gold-400);border-radius:8px;font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:background .2s ease,color .2s ease,transform .2s ease;letter-spacing:.04em;text-transform:uppercase}.btn-secondary:hover{background:#d4af371a;color:var(--gold-400);transform:translateY(-1px)}.btn-clear{padding:8px 16px;background:transparent;color:var(--text-secondary);border:1px solid var(--border-strong);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:color .2s ease,border-color .2s ease;letter-spacing:.04em;text-transform:uppercase}.btn-clear:hover{border-color:var(--gold-400);color:var(--gold-300)}.payment-info{display:grid;grid-template-columns:1fr 1fr;gap:24px}.payment-info-modern{display:grid;grid-template-columns:2fr 1fr;gap:32px;align-items:start}.payment-link-container{flex:1}.payment-link-box{display:flex;gap:12px;margin-bottom:12px}.payment-link-input{flex:1;padding:12px 16px;border:1px solid var(--border);border-radius:8px;font-size:13px;background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-mono);letter-spacing:0}.btn-copy{padding:12px 24px;background:linear-gradient(180deg,var(--gold-300),var(--gold-400) 60%,var(--gold-500));color:var(--text-on-gold);border:1px solid var(--gold-600);border-radius:8px;font-size:13px;font-weight:700;font-family:var(--font-body);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;white-space:nowrap;letter-spacing:.04em;text-transform:uppercase;box-shadow:inset 0 1px #ffffff4d}.btn-copy:hover{transform:translateY(-1px);filter:brightness(1.05);box-shadow:inset 0 1px #ffffff59,0 8px 18px -8px #d4af3780}.info-hint{font-size:12px;color:var(--text-muted);font-style:italic}.qr-code-container{display:flex;flex-direction:column;align-items:center;gap:16px}.info-group{padding:16px;background:var(--bg-surface);border-radius:8px;border:1px solid var(--border)}.info-label{font-size:11px;color:var(--text-muted);margin-bottom:10px;font-weight:600;text-transform:uppercase;letter-spacing:.12em}.info-value{font-size:14px;font-weight:500;color:var(--text-primary);word-break:break-all}.qr-placeholder{width:150px;height:150px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:12px}.qr-placeholder-modern{width:180px;height:180px;background:var(--text-primary);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px var(--hairline-gold),var(--shadow-md);border:4px solid var(--bg-card);position:relative;overflow:hidden;padding:8px}.qr-placeholder-modern canvas{display:block;max-width:100%;height:auto}.qr-inner{width:140px;height:140px;background:var(--bg-surface);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:var(--text-muted);z-index:1;border:2px dashed var(--border-strong)}.btn-download{padding:10px 20px;background:transparent;color:var(--gold-300);border:1px solid var(--gold-400);border-radius:8px;font-size:12px;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease;letter-spacing:.06em;text-transform:uppercase}.btn-download:hover:not(:disabled){background:#d4af371a;color:var(--gold-400)}.btn-download:disabled{opacity:.4;cursor:not-allowed}.payment-card{background:var(--bg-card)}.table-container{overflow-x:auto;border-radius:12px;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-sm)}table{width:100%;border-collapse:collapse}.modern-table{background:var(--bg-card)}thead{background:var(--bg-surface);border-bottom:1px solid var(--hairline-gold);position:sticky;top:0;z-index:10}th{padding:14px 18px;text-align:left;font-size:11px;font-weight:700;color:var(--gold-300);text-transform:uppercase;letter-spacing:.14em;background:var(--bg-surface);font-family:var(--font-body)}td{padding:16px 18px;border-bottom:1px solid var(--border);font-size:14px;color:var(--text-primary);letter-spacing:0;vertical-align:middle}tbody tr{transition:background .2s ease;background:var(--bg-card);position:relative}tbody tr:nth-child(2n){background:var(--bg-surface)}tbody tr:hover,tbody tr:nth-child(2n):hover{background:var(--bg-elev);box-shadow:inset 3px 0 0 0 var(--gold-400)}tbody tr:last-child td{border-bottom:none}.txn-id{font-family:var(--font-mono);font-weight:600;color:var(--gold-300);background:#d4af3714;padding:5px 10px;border-radius:6px;font-size:12px;letter-spacing:0;display:inline-block;border:1px solid var(--hairline-gold)}.amount-value{font-weight:600;color:var(--success-500);font-size:14px;letter-spacing:0;background:var(--success-50);padding:4px 10px;border-radius:6px;display:inline-block;border:1px solid var(--success-200)}.amount-value-plain{font-weight:600;color:var(--success-500);font-size:14px;background:transparent;padding:0;display:inline-block}.profit-value{font-weight:600;color:var(--gold-300);font-size:14px;background:#d4af3714;padding:4px 10px;border-radius:6px;display:inline-block;border:1px solid var(--hairline-gold)}.profit-value-plain{font-weight:600;color:var(--gold-300);font-size:14px;background:transparent;padding:0;display:inline-block}.link-text{color:var(--gold-300);font-size:13px;text-decoration:none;max-width:200px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px dotted var(--hairline-gold)}.link-text:hover{color:var(--gold-400)}.owner-cell{display:flex;align-items:center;gap:12px}.owner-avatar{width:34px;height:34px;background:linear-gradient(180deg,var(--gold-300),var(--gold-500) 60%,var(--gold-700));border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--text-on-gold);font-weight:700;font-size:12px;flex-shrink:0;letter-spacing:0;border:1px solid var(--gold-600);box-shadow:inset 0 1px #ffffff59}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;border:1px solid}.status-completed{background:var(--success-50);color:var(--success-500);border-color:var(--success-200)}.status-completed:before{content:"✓";font-weight:900}.status-pending{background:var(--warning-50);color:var(--warning-500);border-color:var(--warning-200)}.status-pending:before{content:"⏱"}.status-active{background:#d4af371a;color:var(--gold-300);border-color:var(--hairline-gold)}.status-failed{background:var(--danger-50);color:var(--danger-500);border-color:var(--danger-200)}.status-failed:before{content:"✕";font-weight:900}.filters-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.filters-grid-modern{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.filter-group{display:flex;flex-direction:column}.filter-search{grid-column:span 2}.filter-label{font-size:11px;font-weight:600;color:var(--gold-300);margin-bottom:8px;display:flex;align-items:center;gap:6px;letter-spacing:.12em;text-transform:uppercase}.filter-input,.filter-select{padding:11px 14px;border:1px solid var(--border);border-radius:8px;font-size:14px;font-family:var(--font-body);transition:border-color .2s ease,box-shadow .2s ease;background:var(--bg-surface);color:var(--text-primary)}.filter-select option{background:var(--bg-card);color:var(--text-primary)}.filter-input::placeholder{color:var(--text-muted)}.filter-input:focus,.filter-select:focus{outline:none;border-color:var(--gold-400);box-shadow:0 0 0 3px var(--gold-glow)}.search-input{background:var(--bg-surface)}.filters-card{background:var(--bg-card);border:1px solid var(--border)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-card{background:var(--bg-card);border:1px solid var(--border);box-shadow:var(--shadow-md);position:relative;overflow:hidden;border-radius:14px;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.chart-card:before{content:"";position:absolute;top:0;left:24px;right:24px;height:1px;background:linear-gradient(90deg,transparent,var(--hairline-gold),transparent)}.chart-card:hover{transform:translateY(-3px);border-color:var(--hairline-gold);box-shadow:var(--shadow-gold)}.chart-container{height:340px;padding:24px;position:relative;background:var(--bg-card);border-radius:12px;margin:12px}.chart-period{padding:6px 14px;background:#d4af3714;color:var(--gold-300);border-radius:999px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;border:1px solid var(--hairline-gold);transition:background .2s ease}.chart-card:hover .chart-period{background:#d4af3724}.chart-card .section-header{background:transparent;padding:4px 4px 16px;margin:0 0 12px;border-bottom:1px solid var(--border)}.chart-container canvas{filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.table-empty-state{padding:60px 20px;text-align:center;color:var(--text-muted)}.table-empty-state-icon{font-size:48px;margin-bottom:16px;opacity:.45;color:var(--gold-400)}.table-empty-state-text{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--text-secondary);margin-bottom:8px}.table-empty-state-subtext{font-size:13px;color:var(--text-muted)}.table-loading{padding:40px 20px;text-align:center;color:var(--text-muted);display:flex;align-items:center;justify-content:center;gap:12px}.table-loading:before{content:"";width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--gold-400);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.btn-action{padding:8px 12px;border:1px solid;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:transform .2s ease,background .2s ease,border-color .2s ease;display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;letter-spacing:0;background:transparent}.btn-check{background:var(--success-50);color:var(--success-500);border-color:var(--success-200)}.btn-check:hover{background:var(--success-100);border-color:var(--success-300);transform:translateY(-2px)}.btn-check:active{transform:translateY(0)}.btn-uncheck{background:var(--danger-50);color:var(--danger-500);border-color:var(--danger-200)}.btn-uncheck:hover{background:var(--danger-100);border-color:var(--danger-300);transform:translateY(-2px)}.btn-uncheck:active{transform:translateY(0)}.toast-notification{position:fixed;top:80px;left:50%;transform:translate(-50%);background:var(--bg-card);color:var(--text-primary);padding:14px 24px;border-radius:10px;border:1px solid var(--hairline-gold);box-shadow:var(--shadow-lg);font-size:14px;font-weight:600;z-index:1000;letter-spacing:0}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.charts-grid{grid-template-columns:1fr}.chart-container{height:300px}}@media(max-width:768px){.dashboard-header{padding:18px 20px;flex-direction:column;gap:14px;align-items:stretch}.header-left{justify-content:center;gap:14px}.header-right{flex-direction:row;flex-wrap:wrap;gap:12px;justify-content:center}.user-info{justify-content:center}.btn-logout{padding:11px 20px}.dashboard-title{font-size:22px;text-align:center}.logo-icon,.admin-logo{width:44px;height:44px;font-size:20px}.dashboard-content{padding:22px 16px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:14px}.stat-card{padding:18px}.stat-value{font-size:24px}.section-card{padding:22px 18px}.section-header{flex-direction:column;gap:12px;align-items:stretch}.section-title{font-size:18px}.header-actions{flex-direction:column;width:100%}.btn-secondary{width:100%}.payment-info-modern{grid-template-columns:1fr;gap:24px}.payment-link-box{flex-direction:column}.btn-copy{width:100%}.qr-code-container{padding:20px;background:var(--bg-surface);border-radius:12px;border:1px solid var(--border)}.filters-grid-modern{grid-template-columns:1fr;gap:14px}.filter-search{grid-column:span 1}.charts-grid{gap:18px}.chart-card{border-radius:12px}.chart-container{height:260px;padding:16px;margin:10px}.chart-period{font-size:9px;padding:5px 12px}.table-container{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:10px}.modern-table{min-width:760px}th,td{padding:12px 10px;font-size:12px}.txn-id{font-size:10px;padding:4px 8px}.amount-value,.profit-value{font-size:12px;padding:3px 8px}.status-badge{font-size:9px;padding:5px 10px;letter-spacing:.06em}.owner-cell{gap:8px}.owner-avatar{width:28px;height:28px;font-size:10px}.auth-card{padding:40px 28px;border-radius:16px}.auth-title{font-size:30px}.auth-subtitle{font-size:14px;margin-bottom:28px}.form-group{margin-bottom:18px}.form-input{padding:12px 16px;font-size:14px;border-radius:9px}.btn-primary{padding:14px;font-size:14px;border-radius:9px}.auth-link{margin-top:22px;font-size:13px}}@media(max-width:480px){.dashboard-header{padding:14px 16px;gap:12px}.dashboard-title{font-size:19px}.logo-icon,.admin-logo{width:40px;height:40px;font-size:18px}.user-avatar,.admin-avatar{width:32px;height:32px;font-size:12px}.user-name{font-size:12px}.btn-logout{padding:9px 16px;font-size:12px}.user-info{padding:6px 12px 6px 6px;gap:10px}.dashboard-content{padding:18px 12px}.stats-grid{grid-template-columns:1fr;gap:12px}.stat-card{padding:18px}.stat-icon{width:44px;height:44px;font-size:20px}.stat-value{font-size:24px}.stat-label{font-size:10px}.stat-trend{font-size:11px}.section-card{padding:20px 14px}.section-title{font-size:16px}.title-icon{font-size:18px}.qr-placeholder-modern{width:150px;height:150px}.qr-inner{width:110px;height:110px;font-size:24px}.btn-download{width:100%}.charts-grid{gap:14px}.chart-container{height:220px;padding:12px;margin:8px}.chart-period{font-size:9px;padding:4px 10px;letter-spacing:.12em}.modern-table{min-width:680px}th,td{padding:10px 8px;font-size:11px}.txn-id{font-size:9px;padding:3px 7px}.amount-value,.profit-value{font-size:11px;padding:2px 7px}.status-badge{font-size:9px;padding:4px 8px}.owner-avatar{width:26px;height:26px;font-size:10px}.auth-container{padding:16px}.auth-card{padding:32px 22px;border-radius:14px;max-width:100%}.auth-title{font-size:26px}.auth-subtitle{font-size:13px;margin-bottom:22px}.form-group{margin-bottom:16px}.form-input{padding:11px 14px;font-size:13px;border-radius:8px}.btn-primary{padding:13px;font-size:13px;border-radius:8px;letter-spacing:.06em}.auth-link{margin-top:18px;font-size:12px}.toast-notification{top:70px;left:16px;right:16px;transform:none}}@media(max-width:360px){.dashboard-content{padding:14px 10px}.section-card{padding:16px 12px}.stat-card{padding:14px}.stat-value{font-size:22px}.auth-card{padding:26px 18px}.auth-title{font-size:22px}}
