@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--color-bg: #09090b;--color-surface: #0a0a0a;--color-surface-raised: #18181b;--color-primary: #0070f3;--color-text: #ffffff;--color-text-dim: #a1a1aa;--color-success: #10b981;--color-error: #ef4444;--color-border: #27272a;--font-family: "Inter", -apple-system, system-ui, sans-serif;--radius: 6px;--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;padding-bottom:100px}.app-container{width:min(1200px,100%);margin:0 auto;padding:28px 20px 96px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}.login-container{max-width:420px;margin:80px auto;width:100%;animation:fadeIn .4s ease-out}h1,h2,h3{font-weight:600;letter-spacing:-.025em}.section-title{font-size:1.15rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#fff,#a1a1aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-align:left}.card{background:var(--color-surface);border:1px solid var(--color-border);padding:16px;margin-bottom:20px;box-shadow:var(--shadow)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:24px}.card-title{font-size:.9rem;font-weight:500;margin-bottom:16px;color:#fff}.card-value{font-size:1.4rem;font-weight:800;color:#fff;text-align:left;margin-top:2px;width:auto;letter-spacing:-.025em}.revenue{color:#10b981}.revenue-card{position:relative;overflow:hidden}.revenue-pulse{margin-top:12px;height:48px;width:100%}.pulse-svg{width:100%;height:100%;overflow:visible}.pulse-dot{width:8px;height:8px;border-radius:50%;background:#a1a1aa}.pulse-dot.active{background:#10b981;box-shadow:0 0 8px #10b981;animation:pulse-glow 2s infinite ease-in-out}@keyframes pulse-glow{0%{opacity:.6;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}to{opacity:.6;transform:scale(1)}}.card-subtext{font-size:.65rem;color:var(--color-text-dim);margin-top:6px;font-weight:500}.card-label{color:var(--color-text-dim);font-size:.75rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.form-group{margin-bottom:20px}.form-label{display:block;font-size:.7rem;font-weight:600;color:var(--color-text-dim);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}.price-input{width:100%;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:12px 14px;color:#fff;font-family:inherit;font-size:.93rem;outline:none;transition:border-color .15s ease-in-out}.price-input:focus{border-color:var(--color-primary)}textarea.price-input{resize:vertical;min-height:80px}.btn-save{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:6px 12px;font-size:.85rem;line-height:1.4;display:flex;align-items:center;justify-content:center;text-align:center;white-space:nowrap;min-height:34px;font-weight:600;cursor:pointer;width:100%;transition:background .2s,opacity .2s}.btn-save:hover{background:#0061d5}.btn-ghost{background:transparent;border:1px solid var(--color-border);color:var(--color-text-dim);padding:6px 12px;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;cursor:pointer;transition:all .2s}.btn-ghost:hover{border-color:var(--color-primary);color:var(--color-primary);background:#0070f30d}.btn-save:active{opacity:.9}.btn-primary{background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius);padding:12px;font-size:.9rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .2s;box-shadow:0 4px 12px #0070f34d}.btn-primary:hover{background:#0061d5;transform:translateY(-1px);box-shadow:0 6px 16px #0070f366}.btn-primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.compact-form .form-group{margin-bottom:12px}.input-tiny{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:10px 14px;color:#fff;font-size:.85rem;font-family:inherit;outline:none;transition:all .2s}.input-tiny:focus{border-color:var(--color-primary);background:#ffffff14;box-shadow:0 0 0 2px #0070f326}.input-tiny::placeholder{color:#ffffff4d}.badge{padding:4px 8px;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.badge-success{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-error{background:#ef44441a;color:#f87171;border:1px solid rgba(239,68,68,.2)}.badge-pending{background:#0070f31a;color:#0070f3;border:1px solid rgba(0,112,243,.2)}.badge-warning{background:#f59e0b1a;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-neutral{background:#a1a1aa1a;color:#a1a1aa;border:1px solid rgba(161,161,170,.2)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);display:flex;justify-content:space-around;padding:10px 0 24px;z-index:1000}.empty-state{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px;color:var(--color-text-dim);opacity:.8;animation:fadeIn .4s ease-out}.empty-state-text{font-size:.95rem;font-weight:500;margin-top:16px;letter-spacing:-.01em}.view-header{display:flex;flex-direction:column;gap:16px;margin-bottom:32px;width:100%}@media (min-width: 600px){.view-header{flex-direction:row;justify-content:space-between;align-items:center}}.section-title{font-size:1.15rem;font-weight:600;color:#fff;text-align:left}.nav-item{display:flex;flex-direction:column;align-items:center;color:var(--color-text-dim);text-decoration:none;font-size:.65rem;font-weight:500;transition:color .2s;flex:1}.nav-item.active{color:var(--color-primary);text-shadow:0 0 10px rgba(0,112,243,.4)}.nav-item.active .nav-icon{transform:translateY(-2px);filter:drop-shadow(0 0 5px rgba(0,112,243,.5))}.nav-icon{margin-bottom:4px;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.nav-text{text-transform:uppercase;letter-spacing:.05em}.channel-card{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:24px 0}.channel-card:last-child{border-bottom:none}.channel-name{font-size:1rem;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.section-action{background:var(--color-surface-raised);border:1px solid var(--color-border);padding:10px 16px;border-radius:8px;color:var(--color-primary);font-size:.82rem;font-weight:700;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;width:100%;text-align:center;transition:all .2s}.section-action:hover{background:var(--color-surface);border-color:var(--color-primary)}@media (min-width: 600px){.section-action{width:auto;padding:6px 12px}}.tr-table{width:100%;border-collapse:collapse}.tr-table th{text-align:left;font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-dim);padding:12px 16px;border-bottom:2px solid var(--color-border)}.tr-table td{padding:16px;font-size:.85rem;border-bottom:1px solid var(--color-border)}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:24px}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:3000;padding:20px}.modal-content{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);width:100%;max-width:440px;box-shadow:0 20px 50px #00000080;animation:modalIn .2s ease-out}.toast-portal{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:9999;pointer-events:none;padding:16px}.toast-modal{width:auto;min-width:160px;max-width:240px;padding:16px 20px;border-radius:12px;border:1px solid #1e293b;background:#020617;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px;box-shadow:0 20px 40px #000000f2;animation:toastIn .2s cubic-bezier(.19,1,.22,1);pointer-events:auto;box-sizing:border-box}.toast-icon{width:38px;height:38px;border-radius:50%;background:#ffffff0d;display:flex;align-items:center;justify-content:center;margin:0 auto}.toast-success .toast-icon{color:#34d399}.toast-error .toast-icon{color:#f87171}.toast-warning .toast-icon{color:#fbbf24}.toast-message{font-size:.88rem;font-weight:600;line-height:1.4;color:#f8fafc;word-wrap:break-word}.toast-success{border:1.1px solid #34d399;background:linear-gradient(to bottom right,#020617,#064e3b)}.toast-error{border:1.1px solid #f87171;background:linear-gradient(to bottom right,#020617,#7f1d1d)}.toast-warning{border:1.1px solid #fbbf24;background:linear-gradient(to bottom right,#020617,#78350f)}@media (max-width: 520px){.toast-modal{width:calc(100vw - 24px);font-size:.9rem}}@keyframes toastIn{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.desktop-hide{display:none}}@media (min-width: 601px){.mobile-only{display:none}}.quick-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:32px}.action-card{background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius);padding:16px;text-align:center;cursor:pointer;transition:all .2s ease}.action-card:hover{background:var(--color-surface);border-color:var(--color-primary);transform:translateY(-1px)}.action-label{font-size:.7rem;font-weight:700;text-transform:uppercase;color:var(--color-primary);margin-top:4px}.welcome-banner{padding:24px 0;border-bottom:1px solid var(--color-border);margin-bottom:32px}.welcome-title{font-size:1.25rem;font-weight:700;color:#fff}.welcome-subtitle{font-size:.85rem;color:var(--color-text-dim);margin-top:4px}.section-action:hover{background:var(--color-border)}.page-stats-grid{margin-bottom:20px}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;margin-bottom:24px}.admin-table{width:100%;border-collapse:collapse;font-size:.88rem;color:var(--color-text);min-width:600px}.admin-table th{text-align:left;padding:14px 16px;background:#ffffff08;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-dim);border-bottom:1px solid var(--color-border)}.admin-table td{padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.05);vertical-align:middle}.admin-table tr:hover td{background:#ffffff03}.table-primary-text{font-weight:600;color:#fff}.table-sub-text{font-size:.7rem;color:var(--color-text-dim)}.table-action-btn{padding:6px 12px;border-radius:4px;font-size:.7rem;font-weight:700;cursor:pointer}.revoke-btn{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.2)}.text-right{text-align:right!important}.pagination-row{display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:16px;border-top:1px solid var(--color-border)}.pagination-row .btn-save{width:auto;min-width:98px}.pagination-status{flex:1;background:var(--color-surface-raised);color:var(--color-text-dim)}.pagination-pad{padding:18px 16px 20px}.secondary-btn{background:var(--color-surface-raised);border:1px solid var(--color-border);color:var(--color-text)}.secondary-btn:hover{background:#222227;border-color:var(--color-primary)}.view-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;width:100%}.section-title{font-size:1.3rem;font-weight:700;color:#fff;background:linear-gradient(90deg,#fff,#a1a1aa);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.creation-card{margin-bottom:20px}.channels-grid{display:grid;grid-template-columns:1fr;gap:16px}.channel-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:16px 14px;position:relative;overflow:hidden;transition:border-color .2s}.channel-card:hover{border-color:#3f3f46}.channel-header{display:flex;align-items:flex-start;gap:16px;margin-bottom:20px}.tier-badge{font-size:.55rem;font-weight:800;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-left:8px;display:inline-block;line-height:normal}.tier-premium{background:#f59e0b;color:#1a1a2e}.tier-free{background:#3b82f6;color:#fff}.inline-error{color:#ef4444;font-size:.75rem;font-weight:600;margin-top:6px}.channel-actions{margin-left:auto}.delete-btn{border:none;cursor:pointer;opacity:.6}.delete-btn:hover{opacity:1}.channel-info{flex:1;min-width:0}.channel-name{font-size:1.05rem;font-weight:600;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.channel-meta{color:var(--color-text-dim);font-size:.7rem;margin-top:1px;letter-spacing:.05em}.channel-stats{display:flex;gap:8px;margin-bottom:12px}.channel-stat{flex:1;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:8px;padding:6px 2px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.inline-edit-card{margin:10px 0 0;background:var(--color-surface-raised);border:1px solid var(--color-border)}.loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:180px;color:var(--color-text-dim)}.spinner{width:16px;height:16px;border-radius:999px;border:2px solid var(--color-border);border-top-color:var(--color-primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.upload-container{display:flex;flex-direction:column;background:var(--color-bg);border:1px dashed var(--color-border);padding:16px;border-radius:var(--radius);text-align:center}.upload-box{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 16px;border:1px solid var(--color-border);background:var(--color-surface-raised);border-radius:var(--radius);cursor:pointer;transition:all .2s}.upload-box:hover{border-color:var(--color-primary);background:var(--color-surface)}.upload-icon{font-size:1.5rem}.upload-label{font-size:.8rem;font-weight:500;color:var(--color-text-dim);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-main-grid{display:grid;grid-template-columns:1fr;gap:16px}.dashboard-section-header{margin-bottom:16px}.stats-loading-line{position:relative;margin:-2px 0 14px;text-align:center;color:var(--color-text-dim);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.stats-loading-line:before{content:"";position:absolute;left:0;right:0;top:50%;border-top:1px dashed rgba(161,161,170,.45)}.stats-loading-line span{position:relative;display:inline-block;padding:0 10px;background:var(--color-bg);animation:pulseTag 1s ease-in-out infinite}@keyframes pulseTag{0%,to{opacity:.55}50%{opacity:1}}.dashboard-stats-col,.dashboard-transactions-col{min-width:0}.stats-grid-dashboard{margin-bottom:16px}.stat-card{margin-bottom:0;padding:12px 14px;display:flex;flex-direction:column;justify-content:center}.dashboard-tip-card{margin-bottom:0;background:linear-gradient(180deg,#0070f314,#0a0a0a)}.dashboard-tip{margin-top:8px;font-size:.9rem;color:var(--color-text-dim)}.activity-card{padding:16px 0 0;margin-bottom:0}.activity-card-header{display:flex;align-items:center;justify-content:space-between;padding:0 16px 14px;border-bottom:1px solid var(--color-border)}.btn-ghost{border:1px solid var(--color-border);background:transparent;color:var(--color-primary);font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:7px 12px;cursor:pointer}.btn-ghost:hover{background:#0070f31f;border-color:var(--color-primary)}.activity-list{padding:0 16px}.activity-item{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;border-bottom:1px solid var(--color-border)}.activity-item-last{border-bottom:none}.activity-channel{font-weight:600;line-height:1.2}.activity-time{margin-top:4px;font-size:.64rem}.activity-amount-wrap{text-align:right}.activity-amount{color:#34d399;font-weight:700;font-size:.88rem}.activity-status{font-size:.64rem;text-transform:uppercase;color:var(--color-text-dim);margin-top:3px}.activity-empty-state{min-height:240px;padding:24px 16px}@media (min-width: 760px){.quick-actions-grid{grid-template-columns:repeat(4,1fr)}.list-card-grid,.channels-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 960px){.dashboard-main-grid{grid-template-columns:.95fr 1.3fr;align-items:start;gap:20px}.activity-card{min-height:100%}.welcome-title{font-size:1.45rem}.welcome-subtitle{font-size:.9rem}}.role-badge{font-size:.6rem;font-weight:800;padding:2px 8px;border-radius:20px;letter-spacing:.05em;background:#ffffff1a;color:var(--color-text-dim);border:1px solid rgba(255,255,255,.1)}.role-badge.super{background:linear-gradient(135deg,#f59e0b33,#f59e0b1a);color:#fbbf24;border-color:#f59e0b66;box-shadow:0 0 15px #f59e0b26}.token-card.highlight-card{background:linear-gradient(145deg,var(--color-surface),#111114);border:1px solid rgba(0,112,243,.3);box-shadow:0 10px 30px #0006}.saas-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.saas-grid{grid-template-columns:350px 1fr}}.balance-badge{background:#ffffff0d;padding:4px 10px;border-radius:6px;font-weight:700;color:var(--color-success)}.balance-badge.low{color:var(--color-error);background:#ef444414;border:1px solid rgba(239,68,68,.15);animation:pulse-warn 2s infinite}@keyframes pulse-warn{0%{opacity:1}50%{opacity:.6}to{opacity:1}}.operator-cell .operator-name{font-weight:700;color:#fff}.operator-cell .operator-id{font-size:.7rem;color:var(--color-text-dim)}.modal-actions{display:flex;gap:12px;margin-top:24px}.modal{width:100%;max-width:400px;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1)}@keyframes modalSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}