@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap";:root{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:#060606;color:#f5f5f5;line-height:1.5;font-weight:400;color-scheme:dark}*{box-sizing:border-box}body,#root{min-height:100vh;margin:0}body{background:linear-gradient(135deg,#0c0f17,#13182c)}body.light{background:linear-gradient(135deg,#f6f7fb,#e9eef8);color:#1b2430;color-scheme:light}body.light .panel,body.light .task-item,body.light .user-detail,body.light .conversation-detail,body.light .template-detail,body.light .live-panel,body.light .gift-card,body.light .gift-mapping-card,body.light .stream-card,body.light .media-list-row,body.light .automation-card,body.light .broadcast-card,body.light .one-on-one-card{background:#ffffffe6;border-color:#141e3c14;color:#1b2430}body.light .app-nav{background:#ffffffe6;border-color:#141e3c1a}body.light .nav-item,body.light .nav-toggle{color:#1b2430}body.light .collapse-toggle{color:#6c5ce7b3}body.light .collapse-toggle:hover{color:#6c5ce7e6}body.light .header-title{color:#1b2430}body.light .nav-title{color:#6c5ce7cc}.status-bar{position:fixed;left:0;right:0;bottom:0;display:flex;align-items:center;gap:.75rem;padding:.6rem 1rem;background:#060a12eb;border-top:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:50;font-size:.8rem;color:#ffffffd9;flex-wrap:wrap;transition:height .3s ease,padding .3s ease,min-height .3s ease;min-height:2.8rem}.status-bar.collapsed{min-height:2.2rem;padding:.3rem 1rem;overflow:hidden}.status-bar.collapsed .status-chip:not(.status-bar-toggle){display:none}.status-bar-toggle{background:transparent;border:none;color:#6c5ce7cc;cursor:pointer;font-size:.8rem;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;line-height:1;min-width:1.5rem;flex-shrink:0}.status-bar-toggle:hover{color:#6c5ce7;transform:scale(1.15)}.status-bar.collapsed .status-bar-toggle{transform:rotate(180deg)}body.light .status-bar{background:#ffffffeb;color:#1b2430d9;border-top:1px solid rgba(20,30,60,.1)}body.light .status-bar-toggle{color:#6c5ce7b3}body.light .status-bar-toggle:hover{color:#6c5ce7e6}body.light .media-modal{background:#fffffffa;color:#1b2430}body.light .media-modal-item,body.light .media-modal-preview,body.light .media-preview-frame{background:#141e3c0a;border-color:#141e3c1f}.status-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .6rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);white-space:nowrap}.status-chip-button{cursor:pointer}.status-chip-button:disabled{opacity:.6;cursor:not-allowed}body.light .status-chip{background:#141e3c0f;border-color:#141e3c1f}.status-chip-right{margin-left:auto}.status-chip-error{background:#ff62622e;border-color:#ff626280}.status-dot{width:8px;height:8px;border-radius:999px;background:#ffffff4d}.status-dot.ok{background:#2ecc71}.status-dot.warn{background:#f39c12}.status-dot.muted{background:#ffffff59}body.light .task-meta,body.light .user-meta,body.light .stream-meta,body.light .gift-meta,body.light .stat-label,body.light .media-row-meta,body.light .media-select-summary{color:#1b2430b3}body.light .media-chip{background:#141e3c0f;border-color:#141e3c1f}.content-pack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.content-pack-card{border-radius:16px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(135deg,#141826e6,#0a0c14f5);padding:.85rem;display:flex;flex-direction:column;gap:.6rem;box-shadow:0 12px 30px #00000059;transition:transform .2s ease,border-color .2s ease}.content-pack-card.selected{border-color:#6c5ce7b3;transform:translateY(-2px)}.content-pack-card-main{display:flex;flex-direction:column;gap:.4rem}.content-pack-meta{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.78rem;color:#ffffffb3}.content-pack-carousel{display:flex;gap:.4rem;overflow-x:auto;padding-bottom:.2rem}.content-pack-thumb{width:48px;height:48px;object-fit:cover;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;flex-shrink:0}.content-pack-empty{font-size:.75rem;color:#fff9}.content-pack-send-meta{display:grid;grid-template-columns:auto 1fr;gap:.25rem .75rem;align-items:center}body.light .content-pack-card{background:linear-gradient(135deg,#f8fafff5,#ecf1fcfa);border-color:#141e3c1f;box-shadow:0 12px 24px #1e3c5a1f}body.light .content-pack-meta,body.light .content-pack-empty{color:#1b2430b3}.app-shell{padding:1rem 1rem 4.5rem;max-width:1400px;margin:0 auto;transition:padding-bottom .3s ease}.app-shell.status-bar-collapsed{padding-bottom:2.5rem}.app-layout{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:start;transition:grid-template-columns .3s ease}.app-layout.nav-collapsed{grid-template-columns:3rem 1fr}.automation-card-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.automation-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:1rem}.automation-layout,.automation-layout input,.automation-layout select,.automation-layout button{font-family:Space Grotesk,Inter,system-ui,sans-serif}.automation-main,.automation-support{display:grid;gap:.75rem}.automation-card{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:grid;gap:.6rem}.automation-card input,.automation-card select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;border-radius:10px;padding:.5rem .75rem}.automation-card h3{margin:0}.automation-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.automation-row input,.automation-row select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.automation-list{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.automation-list li{display:grid;gap:.35rem;padding:.55rem;border-radius:10px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a}.automation-list li.active{border-color:#6c5ce799;background:#6c5ce71f}.automation-list li button{background:transparent;border:none;color:inherit;text-align:left;padding:0;display:grid;gap:.2rem}.automation-inline-actions{display:flex;gap:.5rem;flex-wrap:wrap}.automation-chain-selector{display:flex;align-items:flex-end;gap:.5rem;flex-wrap:wrap}.automation-chain-selector label{flex:1;min-width:200px}.automation-chain-selector .automation-inline-actions{display:flex;gap:.5rem;padding-bottom:2px}.automation-compact-row{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:end}.automation-card-compact{gap:.5rem}.automation-control-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;align-items:end}.automation-run-button{display:flex;flex-direction:column;gap:.25rem}.automation-header-actions{display:flex;gap:.75rem;align-items:center}.automation-preset-list{display:grid;gap:.4rem}.automation-template-list{display:grid;gap:.5rem;max-height:420px;overflow-y:auto}.automation-template-list.compact{gap:.4rem}.automation-template{padding:.5rem;border-radius:8px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);display:grid;gap:.35rem}.automation-steps{display:grid;gap:.75rem}.automation-step{border-radius:10px;border:1px solid rgba(255,255,255,.08);padding:.6rem;display:grid;gap:.6rem;background:#ffffff08}.automation-step header{display:flex;justify-content:space-between;gap:.75rem}.automation-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.6rem}.automation-run-actions{display:grid;gap:.35rem;align-content:start}.automation-debug-summary{display:grid;gap:.5rem}.automation-debug-progress{display:grid;gap:.35rem}.automation-debug-bar{height:6px;background:#ffffff14;border-radius:999px;position:relative;overflow:hidden}.automation-debug-bar-fill{display:block;height:100%;background:linear-gradient(90deg,#38bdf8,#22d3ee);border-radius:999px}.automation-debug-logs{display:grid;gap:.4rem;max-height:240px;overflow-y:auto;padding-right:.3rem}.automation-debug-log{display:grid;grid-template-columns:90px 1fr;gap:.5rem;padding:.45rem .6rem;border-radius:8px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);font-size:.85rem}.automation-schedule-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.automation-step-body{display:grid;gap:.5rem}.automation-step-body label{display:grid;gap:.35rem;font-size:.9rem}.automation-step-body input,.automation-step-body select,.automation-step-body textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.45rem .7rem}@media (max-width: 960px){.automation-layout{grid-template-columns:1fr}}.app-nav{position:sticky;top:1.5rem;display:flex;flex-direction:column;gap:.4rem;padding:.75rem;border-radius:12px;background:#0f1629d9;border:1px solid rgba(255,255,255,.1);box-shadow:none;transition:width .2s ease,min-width .2s ease,gap .2s ease,padding .2s ease}.nav-footer{margin-top:auto;display:grid;gap:.5rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08)}.nav-toggle{font-size:.85rem;color:#fffc}.nav-item{background:transparent;color:#fff;border-radius:8px;padding:.5rem .7rem;text-align:left;font-weight:600;transition:background .2s ease,color .2s ease}.nav-item.active{background:#6c5ce740;border:1px solid rgba(108,92,231,.5)}.app-content{display:grid;gap:1rem}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;transition:max-height .3s ease,padding .3s ease,opacity .3s ease}.app-header.collapsed{max-height:3rem;overflow:hidden}.app-header h1{margin:0}.header-title{display:flex;align-items:center;gap:.75rem}.app-header p{margin:0;font-size:.85rem;color:#fff9}.account-select-field{display:grid;gap:.35rem}.account-select-wrapper{position:relative}.account-select{width:100%;padding-right:2.2rem}.account-select-clear{position:absolute;right:.45rem;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#ffffffa6;font-size:1rem;line-height:1;cursor:pointer;padding:.15rem .25rem}.account-select-clear:hover{color:#fffffff2}.account-select-meta{color:#ffffffa6;font-size:.78rem}body.light .account-select-clear{color:#0000008c}body.light .account-select-clear:hover{color:#000000d9}body.light .account-select-meta{color:#0000008c}.collapse-toggle{background:transparent;border:none;color:#6c5ce7cc;cursor:pointer;font-size:1.5rem;padding:.25rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease;line-height:1;min-width:2rem}.collapse-toggle:hover{color:#6c5ce7;transform:scale(1.1)}.app-nav.collapsed{width:3rem;min-width:3rem;gap:.25rem;padding:.5rem}.app-nav.collapsed .nav-title,.app-nav.collapsed .nav-item,.app-nav.collapsed .nav-toggle{font-size:0;overflow:hidden;width:0;padding:0}.app-nav.collapsed .nav-header{justify-content:center;min-height:2.5rem}.app-nav.collapsed .nav-footer{margin-top:auto;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.08)}.app-nav.collapsed .nav-item{justify-content:center;min-height:2.5rem}.app-nav.collapsed:hover{width:auto;min-width:auto;gap:.4rem;padding:.75rem}.app-nav.collapsed:hover .nav-title,.app-nav.collapsed:hover .nav-item,.app-nav.collapsed:hover .nav-toggle{font-size:inherit;width:auto;padding:inherit;overflow:visible}.app-nav.collapsed:hover .nav-header{justify-content:flex-start}.app-nav.collapsed:hover .nav-item{justify-content:flex-start;min-height:auto}.nav-header{display:flex;align-items:center;gap:.75rem;padding:.5rem 0;margin-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.08)}.nav-title{font-weight:600;color:#6c5ce7cc;font-size:.9rem}.panel-actions{display:flex;gap:.5rem}.panel{background:#0f1629d9;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;box-shadow:none}.panel-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{padding:1rem;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#0a0e19f2}.stat-label{margin:0 0 .25rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;opacity:.7}.stat-value{margin:0;font-size:1.75rem;font-weight:700}.stat-card.accent-purple{border-color:#6c5ce799}.stat-card.accent-green{border-color:#2ed57399}.stat-card.accent-gold{border-color:#fc09}.stat-card.accent-blue{border-color:#3498db99}.stat-card.accent-teal{border-color:#1abc9c99}.country-breakdown{margin-top:1rem}.country-breakdown h3{margin:0 0 .75rem}.country-breakdown ul{list-style:none;padding:0;margin:0}.country-breakdown li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.country-breakdown li:last-child{border-bottom:none}button{cursor:pointer;border:1px solid rgba(255,255,255,.12);border-radius:10px;padding:.45rem .9rem;font-size:.9rem;font-weight:600;background:#ffffff0f;color:#fff;transition:background .15s ease,border-color .15s ease}button:disabled{opacity:.6;cursor:not-allowed}button.primary{background:#6c5ce7;border-color:#6c5ce799;color:#fff}button.ghost{background:transparent;border-color:#ffffff1f;color:#fff}button.danger{background:#e74c3c;border-color:#e74c3c99;color:#fff}button.danger:hover{background:#c0392b;border-color:#c0392bcc}button.icon-button{padding:.35rem;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center}.alert{padding:.75rem 1rem;border-radius:8px;margin-bottom:1rem}.alert-error{background:#ff626226;border:1px solid rgba(255,98,98,.5)}.notification-center{position:fixed;top:1rem;right:1rem;z-index:80;display:flex;flex-direction:column;gap:.75rem;width:min(360px,92vw)}.notification-card{background:#0a0e1aeb;border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:.85rem .95rem;box-shadow:0 18px 40px #05081273;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);display:flex;flex-direction:column;gap:.35rem;position:relative}.notification-card:before{content:"";position:absolute;left:0;top:0;height:3px;width:100%;border-radius:12px 12px 0 0;background:#ffffff2e}.notification-card.success:before{background:linear-gradient(90deg,#2ecc7133,#2ecc71e6)}.notification-card.error:before{background:linear-gradient(90deg,#ff626233,#ff6262d9)}.notification-card.progress:before{background:linear-gradient(90deg,#56ccf233,#56ccf2d9)}.notification-card.info:before{background:linear-gradient(90deg,#4895ef33,#4895efd9)}.notification-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.notification-header strong{font-size:.95rem}.notification-card p{margin:0;font-size:.85rem;color:#fffc}.notification-timestamp{font-size:.72rem;color:#ffffff80}.notification-dismiss{border:1px solid rgba(255,255,255,.15);width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;padding:0}body.light .notification-card{background:#fffffff2;border-color:#141e3c26;color:#1b2430;box-shadow:0 12px 30px #1820341f}body.light .notification-card p,body.light .notification-timestamp{color:#1b2430b3}.account-grid{display:grid;grid-template-columns:1fr;gap:1rem}.account-card{background:#080c18d9;border-radius:16px;border:1px solid rgba(255,255,255,.08);display:block;overflow:visible}.account-card-header{display:grid;grid-template-columns:auto 1fr auto;gap:1.5rem;align-items:center;padding:1.25rem;border-bottom:1px solid rgba(255,255,255,.04)}.account-card-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-width:0}.account-card-title h3{margin:0;font-size:1rem;flex:0 1 200px}.account-card-badges{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0}.account-guard-badge{background:#ff634833;border:1px solid rgba(255,99,72,.6);color:#ff7860f2;font-size:.7rem;padding:.2rem .5rem;border-radius:999px;text-transform:uppercase;letter-spacing:.06em}.account-card-inline-stats{display:flex;gap:1rem;font-size:.85rem;opacity:.75;flex-wrap:wrap;align-items:center;min-width:0}.account-card-actions{display:flex;gap:.5rem;flex-shrink:0}.account-card-actions button{font-size:.85rem;padding:.4rem .8rem;white-space:nowrap}.account-card-details{padding:0 1.25rem 1.25rem}.account-card-details-summary{cursor:pointer;font-weight:500;color:#007acc;display:inline-flex;gap:.5rem;align-items:center;padding:.75rem 0;font-size:.95rem}.account-card-details-summary:before{content:"▶";display:inline-block;transition:transform .2s ease;font-size:.75rem}.account-card-details[open] .account-card-details-summary:before{transform:rotate(90deg)}.account-card-section{display:grid;gap:.5rem}.account-card-section h4{margin:0;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em;opacity:.7}.account-card-row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.account-card-section input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:inherit;border-radius:10px;padding:.5rem .75rem}.account-log{display:grid;gap:.35rem;font-size:.8rem;opacity:.75}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.account-card dl{display:grid;grid-template-columns:1fr;gap:.75rem 1rem;margin:0}.account-card dt{font-size:.75rem;text-transform:uppercase;opacity:.7}.account-card dd{margin:0;font-weight:600}.account-id-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.account-id-row span{min-width:0;overflow-wrap:anywhere}.account-id-row button{white-space:nowrap}.account-form{display:grid;gap:.75rem;margin-bottom:1.5rem;padding:1rem;border-radius:16px;background:#080c18b3;border:1px solid rgba(255,255,255,.08)}.account-form-row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.account-form label{display:grid;gap:.35rem;font-size:.9rem}.account-form input,.account-form textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.account-form-actions{display:flex;align-items:end}.status-badge{padding:.25rem .75rem;border-radius:999px;font-size:.75rem}.status-badge.success{background:#2ed57326;color:#2ed573}.status-badge.muted{background:#ffffff14;color:#ffffffb3}.pin-lock{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem}.pin-card{background:#080c18f2;border-radius:24px;padding:2rem;width:min(360px,100%);text-align:center;border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 60px #00000059}.pin-input{width:100%;border-radius:16px;border:1px solid rgba(255,255,255,.1);padding:.85rem;margin:1rem 0;font-size:1.5rem;text-align:center;background:#ffffff0d;color:#fff}.keypad{display:grid;gap:.5rem;margin-bottom:1rem}.keypad-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.keypad-key{padding:.75rem;border-radius:12px;background:#ffffff14;color:#fff;font-size:1.25rem}.keypad-key-clear,.keypad-key-back{font-size:.9rem;text-transform:uppercase}.unlock-btn{width:100%;background:linear-gradient(135deg,#6c5ce7,#a55eea);color:#fff}.empty-state{text-align:center;opacity:.7}.task-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem}.task-list{display:flex;flex-direction:column;gap:.75rem}.task-item{background:#080c18e6;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:.9rem 1rem;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:1rem}.task-item.active{border-color:#6c5ce7cc;box-shadow:0 0 0 1px #6c5ce799}.task-item h3{margin:0 0 .25rem;font-size:1rem}.task-meta{margin:0;font-size:.85rem;opacity:.7}.status-pill{padding:.35rem .85rem;border-radius:999px;font-size:.75rem;font-weight:600;text-transform:uppercase}.status-running{background:#2ed57326;color:#2ed573}.status-paused{background:#ffcc0026;color:#fc0}.status-failed{background:#ff626233;color:#ff6262}.status-cancelled,.status-completed,.status-pending,.status-disabled{background:#ffffff14;color:#ffffffb3}.status-disabled{opacity:.7}.task-detail{background:#080c18d9;border-radius:16px;padding:1rem;border:1px solid rgba(255,255,255,.08);min-height:240px}.task-detail-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.75rem}.task-actions{display:flex;gap:.5rem;flex-wrap:wrap}.inline-toggle{display:inline-flex;align-items:center;gap:.35rem;font-size:.85rem;color:#ffffffb3}.mini-input{width:80px;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.4rem .6rem}.task-toggle{margin-bottom:.75rem;font-size:.85rem}.task-log{list-style:none;padding:0;margin:0;display:grid;gap:.5rem;font-size:.85rem}.task-log li{display:grid;grid-template-columns:90px 1fr;gap:.75rem;padding:.5rem .75rem;border-radius:12px;background:#ffffff0d}.task-log li.log-error{background:#ff626233}.task-log li.log-warn{background:#ffcc0026}.task-filter-panel{background:#080c1899;border-radius:12px;padding:1rem;margin-bottom:1rem;border:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column;gap:1rem}.task-filter-group{display:flex;flex-direction:column;gap:.5rem}.task-filter-label{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.task-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.filter-btn{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#ffffffb3;border-radius:8px;padding:.5rem .85rem;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{background:#ffffff14;border-color:#fff3;color:#ffffffe6}.filter-btn.active{background:#6c5ce740;border-color:#6c5ce799;color:#6c5ce7}.liveops-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}.liveops-list{list-style:none;padding:0;margin:.75rem 0 0;display:grid;gap:.75rem}.liveops-list li{background:#080c18e6;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem}.liveops-actions{display:flex;align-items:center;gap:.5rem}.liveops-control-stack{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem}.liveops-control-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.liveops-actions .icon-button{background:#ffffff14;border:1px solid rgba(255,255,255,.2)}.liveops-icon{width:18px;height:18px;stroke:currentColor;stroke-width:1.8;fill:none;stroke-linecap:round;stroke-linejoin:round}.liveops-icon polygon,.liveops-icon rect,.liveops-icon path,.liveops-icon circle,.liveops-icon line,.liveops-icon polyline{vector-effect:non-scaling-stroke}.liveops-advanced{margin:0;width:100%}.liveops-advanced summary{list-style:none}.liveops-advanced summary::-webkit-details-marker{display:none}.liveops-advanced-toggle{display:inline-flex;align-items:center;justify-content:center}.liveops-advanced-body{margin-top:.5rem;display:grid;gap:.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.liveops-shortcuts{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.5rem;margin-top:.5rem}.liveops-input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:999px;padding:.4rem .75rem;width:150px}.liveops-queue{margin-top:1.5rem;display:grid;gap:1rem}.liveops-queue-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.liveops-queue-form{background:#080c18d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;display:grid;gap:.75rem}.liveops-field{display:grid;gap:.35rem;font-size:.85rem;color:#ffffffb3}.liveops-field-full{grid-column:1 / -1}.liveops-queue-form .liveops-input{width:100%}.liveops-queue-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem}.liveops-queue-actions{display:flex;gap:.5rem;flex-wrap:wrap}.liveops-queue-list{list-style:none;padding:0;margin:0;display:grid;gap:.75rem}.liveops-queue-list li{background:#080c18e6;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.liveops-queue-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.liveops-queue-item-actions{display:grid;gap:.35rem}.liveops-queue-filters{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;align-items:flex-end;background:#080c1880;border:1px solid rgba(255,255,255,.05);border-radius:12px;padding:1rem;margin-bottom:.5rem}.liveops-filter-field{display:grid;gap:.35rem;font-size:.85rem;color:#ffffffb3}.liveops-filter-field span{display:block;font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.5px;color:#ffffff80}.liveops-filter-field select,.liveops-filter-field input{padding:.5rem .75rem;background:#080c18cc;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#fff;font-size:.9rem}.liveops-filter-field select:hover,.liveops-filter-field input:hover{border-color:#ffffff26}.liveops-filter-field select:focus,.liveops-filter-field input:focus{outline:none;border-color:#6c5ce780;box-shadow:0 0 0 2px #6c5ce71a}.liveops-filter-info{display:flex;align-items:flex-end;font-size:.85rem;color:#fff9;justify-self:end;padding-bottom:.5rem}.liveops-queue-table-wrapper{overflow-x:auto;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.liveops-queue-table{width:100%;border-collapse:collapse;background:#080c18cc;font-size:.9rem}.liveops-queue-table thead{background:#080c18f2;border-bottom:2px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.liveops-queue-table th{padding:.85rem 1rem;text-align:left;font-weight:600;color:#fffc;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.05)}.liveops-queue-table th:last-child{border-right:none}.liveops-queue-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.liveops-queue-table tbody tr:hover{background:#6c5ce70d}.liveops-queue-table tbody tr.status-running{background:#22c55e08}.liveops-queue-table tbody tr.status-idle{background:#9ca3af05}.liveops-queue-table tbody tr.status-error{background:#ef444408}.liveops-queue-table tbody tr.status-paused{background:#f9731608}.liveops-queue-table td{padding:.85rem 1rem;vertical-align:middle;border-right:1px solid rgba(255,255,255,.03)}.liveops-queue-table td:last-child{border-right:none}.liveops-account-cell{min-width:180px}.liveops-account-info{display:flex;flex-direction:column;gap:.2rem}.liveops-account-id{font-size:.75rem;color:#ffffff80;font-family:monospace;word-break:break-all}.liveops-name-cell{min-width:150px;font-weight:500}.liveops-type-cell{min-width:140px;color:#ffffffd9}.liveops-status-cell{min-width:100px}.liveops-mode-cell{min-width:80px;font-size:.85rem;color:#ffffffbf}.liveops-stats-cell{min-width:110px;display:flex;flex-direction:column;gap:.3rem;font-size:.85rem}.stat-badge{display:inline-block;padding:.2rem .5rem;background:#ffffff14;border-radius:6px;font-size:.8rem;color:#ffffffb3}.liveops-nextrun-cell{min-width:90px;font-size:.85rem;color:#ffffffb3}.liveops-error-cell{min-width:40px;text-align:center}.error-indicator{font-size:1.1rem;cursor:help}.liveops-actions-cell{min-width:180px;text-align:right}.action-buttons{display:flex;gap:.35rem;justify-content:flex-end}.action-buttons .icon-button{padding:.4rem .6rem;font-size:.9rem;min-width:auto}.action-buttons .icon-button.danger{color:#ef4444}.action-buttons .icon-button.danger:hover{background:#ef444426}@media (max-width: 1200px){.liveops-queue-table{font-size:.85rem}.liveops-queue-table th,.liveops-queue-table td{padding:.6rem .75rem}.liveops-queue-filters{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}}@media (max-width: 768px){.liveops-queue-filters{grid-template-columns:1fr}.liveops-filter-info{justify-self:start}.liveops-queue-table-wrapper{overflow-x:scroll}.liveops-queue-table{font-size:.8rem;min-width:900px}.liveops-queue-table th,.liveops-queue-table td{padding:.5rem}.liveops-account-info{min-width:120px}.action-buttons{flex-wrap:wrap;gap:.25rem}.action-buttons .icon-button{padding:.3rem .5rem;font-size:.8rem}}body.light .liveops-queue-filters{background:#f8f8ff80;border-color:#0000001a}body.light .liveops-filter-field select,body.light .liveops-filter-field input{background:#f8f8ffe6;border-color:#00000026;color:#1a1a1a}body.light .liveops-queue-table{background:#f8f8ffd9}body.light .liveops-queue-table thead{background:#f8f8fff2;border-bottom-color:#0000001a}body.light .liveops-queue-table th{color:#333;border-right-color:#0000000d}body.light .liveops-queue-table tbody tr{border-bottom-color:#0000000d}body.light .liveops-queue-table tbody tr:hover{background:#6c5ce714}.liveops-shortcuts-card{margin-top:1.5rem;background:#080c18d9;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:1rem;display:grid;gap:.75rem}.file-upload{display:inline-flex;align-items:center;justify-content:center;background:#6c5ce733;color:#fff;border-radius:999px;padding:.6rem 1.25rem;font-weight:600;cursor:pointer}.file-upload input{display:none}.media-panel{font-family:Space Grotesk,Manrope,Segoe UI,sans-serif}.media-panel-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-end;padding:1.2rem 1.4rem;border-radius:18px;background:linear-gradient(135deg,#12182af2,#142036cc);border:1px solid rgba(148,163,184,.16);box-shadow:0 20px 40px #070c1859;margin-bottom:1rem}.media-panel-title{display:flex;align-items:baseline;gap:.75rem}.media-panel-kicker{text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;color:#e2e8f080}.media-panel-title h2{margin:0;font-size:1.6rem}.media-panel-subtitle{margin:.35rem 0 0;color:#e2e8f0a6;font-size:.9rem}.media-panel-actions{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.media-panel-actions input,.media-panel-actions select{background:#ffffff0d;border:1px solid rgba(148,163,184,.2);color:#fff;border-radius:10px;padding:.5rem .75rem}.media-upload{background:linear-gradient(135deg,#38bdf840,#22c55e40);border:1px solid rgba(255,255,255,.15)}.media-panel-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin-bottom:1rem}.media-panel-stats div{padding:.75rem .9rem;border-radius:14px;background:#0f172ab3;border:1px solid rgba(148,163,184,.12)}.media-stat-label{display:block;font-size:.75rem;color:#e2e8f099;text-transform:uppercase;letter-spacing:.08em}.media-stat-value{font-size:1.1rem;font-weight:600}.media-filter-card{background:#0c1222d9;border:1px solid rgba(148,163,184,.15);border-radius:16px;padding:1rem;display:grid;gap:.75rem;margin-bottom:1rem}.media-filter-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.6rem}.media-filter-row input,.media-filter-row select,.media-bulk-input input,.media-card-tags input,.media-rename input{background:#ffffff0d;border:1px solid rgba(148,163,184,.2);color:#fff;border-radius:10px;padding:.5rem .75rem}.media-bulk-bar{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.6rem;align-items:center}.media-bulk-select{display:flex;align-items:center;gap:.5rem;color:#e2e8f0cc;font-size:.9rem}.media-bulk-input{display:grid;grid-template-columns:1fr auto;gap:.5rem;align-items:center}.ghost.danger{border-color:#f8717199;color:#f87171e6}.media-grid{display:grid;gap:1rem}.media-list-layout{display:grid;grid-template-columns:minmax(220px,280px) minmax(0,1fr);gap:.9rem}.media-folder-tree{background:#0c1222c7;border:1px solid rgba(148,163,184,.16);border-radius:14px;padding:.7rem;display:grid;gap:.6rem;align-content:start;max-height:70vh}.media-folder-tree-header{display:flex;justify-content:space-between;align-items:center}.media-folder-tree-list{display:grid;gap:.3rem;overflow-y:auto}.media-folder-node{display:flex;justify-content:space-between;align-items:center;gap:.6rem;width:100%;border:1px solid rgba(148,163,184,.14);border-radius:10px;padding:.45rem .5rem;background:#ffffff08;color:#e2e8f0e6;text-align:left;cursor:pointer}.media-folder-node:hover{border-color:#6c5ce773;background:#6c5ce71f}.media-folder-node.active{border-color:#6c5ce7a6;background:#6c5ce72e}.media-grid-list{gap:.75rem}.media-grid-grid{grid-template-columns:repeat(auto-fill,minmax(430px,1fr))}.media-card{position:relative;background:#070b18eb;border:1px solid rgba(148,163,184,.18);border-radius:18px;padding:1rem;display:grid;grid-template-columns:28px 140px minmax(0,1fr);gap:1rem;align-items:start;box-shadow:0 18px 40px #050a1659}.media-card-list{grid-template-columns:28px 140px minmax(0,1fr)}.media-card-grid{grid-template-columns:1fr}.media-card-grid .media-card-select{position:absolute;top:.9rem;left:.9rem;z-index:2;padding-top:0}.media-card-grid .media-card-thumb{width:100%;height:190px}.media-card-select{display:flex;align-items:flex-start;justify-content:center;padding-top:.35rem}.media-card-thumb{width:140px;height:100px;border-radius:14px;overflow:hidden;background:#ffffff0f;position:relative}.media-card-thumb img,.media-card-thumb video{width:100%;height:100%;object-fit:cover}.media-card-thumb audio{width:100%}.media-item-preview-btn{position:absolute;top:.5rem;right:.5rem;background:#0f172acc;border:1px solid rgba(148,163,184,.35);color:#fff;padding:.35rem .55rem;border-radius:999px;font-size:.75rem}.media-card-body{display:grid;gap:.6rem;min-width:0}.media-card-header{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.media-card-header h3{margin:0;font-size:1.05rem}.media-card-meta{display:flex;flex-wrap:wrap;gap:.4rem .9rem;color:#e2e8f0b3;font-size:.85rem}.media-card-id{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.media-card-path{display:grid;gap:.2rem;font-size:.85rem;color:#e2e8f0b3}.media-card-tags,.media-card-actions{display:grid;grid-template-columns:1fr auto;gap:.6rem}.media-card-tags{grid-template-columns:1fr}.media-card-tags-edit{display:grid;grid-template-columns:1fr auto;gap:.6rem}.media-card-actions{align-items:center}.media-rename{display:grid;grid-template-columns:1fr auto;gap:.5rem}@media (max-width: 900px){.media-panel-header{flex-direction:column;align-items:flex-start}.media-card{grid-template-columns:1fr}.media-card-select{justify-content:flex-start}.media-card-thumb{width:100%;height:180px}.media-grid-grid,.media-list-layout{grid-template-columns:1fr}.media-folder-tree{max-height:none}}.media-list{display:grid;gap:.75rem}.media-list-row{background:#080c18e6;border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:.85rem;display:grid;grid-template-columns:96px minmax(0,1.2fr) minmax(0,1fr);gap:1rem;align-items:start}.media-thumb{width:96px;height:72px;border-radius:10px;overflow:hidden;background:#ffffff0f;display:grid;place-items:center;position:relative}.media-thumb img,.media-thumb video{width:100%;height:100%;object-fit:cover}.media-row-main{display:grid;gap:.4rem;min-width:0}.media-row-main h3{margin:0;font-size:1rem}.media-row-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.85rem;color:#ffffffb3}.media-row-actions{display:grid;gap:.5rem}.media-row-actions button{justify-self:start}.media-chip{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;border-radius:999px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);font-size:.7rem;text-transform:uppercase;letter-spacing:.08em}.media-chip.muted{text-transform:none;letter-spacing:0;font-size:.72rem}.media-chip-row{display:flex;gap:.35rem;flex-wrap:wrap}.media-select{display:grid;grid-template-columns:auto 1fr;gap:.5rem;align-items:center}.media-select-summary{font-size:.85rem;color:#ffffffb3;min-height:1.2rem}.gift-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem}.gift-controls input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.gift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.gift-card{background:#080c18d9;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem;display:grid;gap:.5rem}.gift-card-header{display:flex;gap:.5rem;align-items:center}.gift-card-header img{width:32px;height:32px;border-radius:8px;object-fit:cover}.gift-card-header div{min-width:0}.gift-meta{display:flex;flex-wrap:wrap;gap:.35rem .75rem;font-size:.85rem;color:#ffffffb3}.gift-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.gift-mapping-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem;margin-bottom:.75rem}.gift-mapping-controls input,.gift-mapping-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.gift-mapping-form{background:#080c18d9;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:1rem;display:grid;gap:.75rem;margin-bottom:1rem}.gift-mapping-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.gift-mapping-grid label{display:block;font-size:.8rem;color:#ffffffb3;margin-bottom:.25rem}.gift-mapping-grid input,.gift-mapping-grid textarea,.gift-mapping-grid select{width:100%;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.gift-mapping-toggle{display:flex;align-items:center;gap:.5rem;padding-top:1.2rem}.gift-mapping-notes{grid-column:1 / -1}.gift-mapping-actions{display:flex;flex-wrap:wrap;gap:.5rem}.gift-mapping-grid-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem}.gift-mapping-card{background:#080c18d9;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem;display:grid;gap:.5rem}.gift-mapping-header{display:flex;gap:.5rem;align-items:center;justify-content:space-between}.gift-mapping-header img{width:32px;height:32px;border-radius:8px;object-fit:cover}.gift-mapping-header>div{min-width:0;flex:1}.gift-mapping-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.badge{font-size:.7rem;padding:.2rem .45rem;border-radius:999px;border:1px solid rgba(255,255,255,.12);text-transform:uppercase;letter-spacing:.08em}.badge.active{background:#4caf5033;color:#8ef59d}.badge.inactive{background:#f4433633;color:#ffb4aa}.media-row-main dl,.media-modal-preview dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem .75rem;margin:0;font-size:.85rem}.media-row-main dt,.media-modal-preview dt{color:#fff9;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.media-row-main dd,.media-modal-preview dd{margin:0}.media-tags,.media-rename{display:grid;grid-template-columns:1fr auto;gap:.5rem}.media-rename input,.media-tags input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.media-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810d9;display:grid;place-items:center;padding:2rem;z-index:120}.media-modal{width:min(1100px,100%);max-height:90vh;background:#0c1220fa;border-radius:20px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-rows:auto auto 1fr auto;gap:.75rem;padding:1.25rem;box-shadow:0 24px 60px #00000073}.media-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.media-modal-header h3{margin:0}.media-modal-toolbar{display:flex;align-items:center;gap:.75rem}.media-modal-toolbar input{flex:1;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:12px;padding:.6rem .85rem}.media-modal-body{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr);gap:1rem;min-height:0}.media-modal-list{display:grid;gap:.5rem;overflow-y:auto;padding-right:.25rem}.media-modal-item{border:1px solid rgba(255,255,255,.08);background:#ffffff08;border-radius:14px;padding:.65rem .8rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left;color:inherit}.media-modal-item.selected{border-color:#6c5ce799;background:#6c5ce729}.media-modal-item-main{display:grid;gap:.25rem;min-width:0}.media-modal-item-title{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.media-modal-preview{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:.85rem;display:grid;gap:.75rem;align-content:start}.media-preview-frame{width:100%;aspect-ratio:16 / 10;border-radius:14px;overflow:hidden;background:#00000080;display:flex;align-items:center;justify-content:center;max-height:400px}.media-preview-frame img,.media-preview-frame video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.media-preview-frame audio{width:100%}.media-preview-meta h4{margin:0}.media-preview-modal{background:#0c101cfa;border-radius:20px;border:1px solid rgba(255,255,255,.12);box-shadow:0 8px 32px #0009;max-width:90vw;max-height:90vh;width:1200px;display:flex;flex-direction:column;overflow:hidden}.media-preview-content{display:grid;grid-template-columns:1fr 320px;gap:1rem;padding:1rem;overflow-y:auto;flex:1}.media-preview-frame-full{width:100%;height:100%;min-height:400px;max-height:70vh;aspect-ratio:unset}.media-item-preview-btn{padding:.25rem .5rem;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);color:#6c5ce7e6;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s ease;display:inline-flex;align-items:center;gap:.25rem}.media-item-preview-btn:hover{background:#6c5ce740;border-color:#6c5ce780;color:#6c5ce7}@media (max-width: 960px){.media-preview-content{grid-template-columns:1fr}.media-preview-modal{max-width:95vw;max-height:95vh}}.media-modal-footer{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}@media (max-width: 960px){.media-list-row{grid-template-columns:1fr}.media-thumb{width:100%;height:180px}.media-modal-body{grid-template-columns:1fr}}.conversation-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.conversation-controls input,.conversation-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.conversation-controls label{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.conversation-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:1rem}.conversation-thread,.conversation-list{display:grid;gap:.75rem}.media-id-row{display:flex;align-items:center;gap:.75rem;margin-top:.35rem;flex-wrap:wrap}.media-id-row .task-meta{min-width:0;overflow-wrap:anywhere}.media-id-row button{white-space:nowrap}.upload-progress{margin-top:.5rem;display:flex;align-items:center;gap:.75rem}.upload-progress-bar{height:6px;width:0;flex:1;background:linear-gradient(90deg,#f6ae2d,#f26419);border-radius:999px;transition:width .2s ease}.conversation-item{background:#080c18e6;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left}.conversation-item>div,.user-item>div,.live-item>div,.media-card header>div,.account-card header,.stream-card div{min-width:0}.conversation-item.active{border-color:#6c5ce7cc;box-shadow:0 0 0 1px #6c5ce799}.conversation-detail{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem}.conversation-detail header{margin-bottom:.75rem}.conversation-messages{list-style:none;padding:0;margin:0;display:grid;gap:.75rem;max-height:420px;overflow-y:auto;padding-right:.4rem}.conversation-empty{opacity:.7;font-size:.85rem}.conversation-bubble{background:#ffffff0f;border-radius:12px;padding:.6rem .75rem;display:grid;gap:.25rem}.conversation-bubble.incoming{border:1px solid rgba(255,255,255,.1)}.conversation-bubble.outgoing{background:#2ecc7124;border:1px solid rgba(46,204,113,.35)}.conversation-bubble-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;font-size:.75rem;opacity:.7}.conversation-media-preview{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0}.media-item-small{position:relative;display:inline-block;border-radius:8px;overflow:hidden;background:#0000004d;border:1px solid rgba(255,255,255,.1)}.media-thumbnail{display:block;border-radius:6px;object-fit:cover}.media-duration{position:absolute;bottom:2px;right:2px;background:#000000b3;color:#fff;font-size:.7rem;padding:2px 4px;border-radius:3px}.media-preview-btn{position:absolute;top:4px;right:4px;width:28px;height:28px;padding:0;background:#0009;border:1px solid rgba(255,255,255,.2);border-radius:4px;color:#fff;font-size:.9rem;cursor:pointer;display:flex;align-items:center;justify-content:center}.media-preview-btn:hover{background:#000c;border-color:#fff6}.conversation-gift-badge{display:inline-block;background:linear-gradient(135deg,#f39c12,#e67e22);color:#fff;padding:.4rem .8rem;border-radius:6px;font-size:.9rem;font-weight:600;margin:.5rem 0;box-shadow:0 2px 4px #f39c124d}.conversation-empty-msg{opacity:.5;font-style:italic}.conversation-composer{display:grid;gap:.75rem;background:#080c18bf;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem}.conversation-composer-tabs{display:flex;flex-wrap:wrap;gap:.5rem}.conversation-composer-tabs .ghost.active{background:#ffffff1f;border-color:#ffffff40}.conversation-composer-grid{display:grid;gap:.6rem}.conversation-composer-grid input,.conversation-composer-grid select,.conversation-composer-grid textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.conversation-popout{padding:1rem;display:grid;gap:.75rem}.conversation-popout-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.conversation-actions{margin-top:1rem;display:grid;gap:.75rem}.conversation-action-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.conversation-action-header select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.4rem .6rem}.conversation-action-grid{display:grid;gap:.6rem}.conversation-action-grid input,.conversation-action-grid select,.conversation-action-grid textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}@media (max-width: 900px){.conversation-grid{grid-template-columns:1fr}}.template-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:1rem}.template-list{display:grid;gap:.75rem}.template-item{background:#080c18e6;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.75rem;text-align:left}.template-item.active{border-color:#6c5ce7cc;box-shadow:0 0 0 1px #6c5ce799}.template-detail{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:grid;gap:.75rem}.template-field{display:grid;gap:.35rem}.template-field input,.template-field select,.template-field textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.template-toggle{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.template-actions{display:flex;gap:.5rem;flex-wrap:wrap}.user-filter-panel{background:#080c18b3;border-radius:12px;padding:1rem;margin-bottom:1.5rem;border:1px solid rgba(255,255,255,.06)}.user-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.user-filter-grid input,.user-filter-grid select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.user-filter-actions{display:flex;gap:.5rem;margin-top:.75rem}.user-db-grid{display:grid;grid-template-columns:minmax(280px,1.2fr) minmax(0,1.5fr);gap:1.25rem}.user-list{display:grid;gap:.5rem;max-height:680px;overflow-y:auto;padding-right:.25rem}.user-item{background:#080c18e6;border-radius:12px;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;text-align:left;gap:1rem;cursor:pointer}.user-item-id{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.icon-button{background:#ffffff14;border:1px solid rgba(255,255,255,.15);color:#fffc;border-radius:999px;padding:.2rem .6rem;font-size:.75rem}.user-item.active{border-color:#6c5ce799;background:#141828f2}.user-meta{display:grid;gap:.2rem;font-size:.8rem;opacity:.75;text-align:right}.user-detail{background:#080c18d9;border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:1rem 1.25rem;display:grid;gap:1rem}.user-detail header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.user-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.user-status{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center}.user-activity{display:grid;gap:.75rem}.user-activity-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.user-activity-list ul{list-style:none;padding:0;margin:.5rem 0 0;display:grid;gap:.5rem}.activity-item{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:.6rem .75rem}.activity-item-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.user-status label{display:flex;align-items:center;gap:.35rem}.chip{background:#ffffff1a;border-radius:999px;padding:.25rem .65rem;font-size:.75rem}.chip-success{background:#2ed57333}.chip-live{background:#ff634833}.user-tags .tag-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.5rem}.tag-chip{background:#6c5ce733;border-radius:999px;padding:.2rem .6rem;font-size:.75rem;display:inline-flex;align-items:center;gap:.35rem}.tag-chip button{background:transparent;color:#fff;border:none;padding:0;font-size:.85rem}.tag-input{display:flex;gap:.5rem;margin-top:.75rem}.tag-input input,.user-notes textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem;flex:1}.user-detail-actions{display:flex;gap:.5rem}.user-actions{display:grid;gap:.75rem}.user-actions input,.user-actions textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.settings-grid{display:grid;grid-template-columns:1fr;gap:1rem}.settings-card{background:#080c18d9;border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:grid;gap:.75rem}.settings-card h3{margin:0}.settings-card label{display:grid;gap:.35rem;font-size:.9rem}.settings-card input,.settings-card select,.settings-card textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.inline-actions{display:flex;flex-wrap:wrap;gap:.5rem}.sniffer-status{display:grid;gap:.4rem;font-size:.85rem;color:#ffffffb3}.sniffer-result{display:grid;gap:.5rem;padding:.6rem;border-radius:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.sniffer-result-row{display:grid;gap:.35rem}.settings-row{display:grid;grid-template-columns:1fr;gap:.75rem}.toggle{display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle input[type=checkbox]{cursor:pointer;width:36px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;position:relative;transition:background .2s ease}.toggle input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#ffffffe6;left:2px;top:2px;transition:transform .2s ease}.toggle input[type=checkbox]:checked{background:#6c5ce7b3;border-color:#6c5ce7e6}.toggle input[type=checkbox]:checked:before{transform:translate(16px)}.toggle-compact{display:inline-flex;align-items:center;gap:.25rem;cursor:pointer;-webkit-user-select:none;user-select:none}.toggle-compact input[type=checkbox]{cursor:pointer;width:36px;height:20px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:10px;position:relative;transition:background .2s ease;flex-shrink:0}.toggle-compact input[type=checkbox]:before{content:"";position:absolute;width:14px;height:14px;border-radius:50%;background:#ffffffe6;left:2px;top:2px;transition:transform .2s ease}.toggle-compact input[type=checkbox]:checked{background:#6c5ce7b3;border-color:#6c5ce7e6}.toggle-compact input[type=checkbox]:checked:before{transform:translate(16px)}.toggle-compact span{font-size:.75rem;color:#fff9}.log-list{display:grid;gap:.5rem;max-height:420px;overflow-y:auto;padding-right:.25rem;font-family:SF Mono,Menlo,monospace;font-size:.85rem}.log-entry{display:grid;grid-template-columns:90px 80px 1fr 2fr;gap:.75rem;padding:.5rem .75rem;border-radius:10px;background:#080c18cc;border:1px solid rgba(255,255,255,.06)}.log-logger,.log-message{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-entry.log-warning{border-color:#ffa50059}.log-entry.log-error,.log-entry.log-critical{border-color:#ff634866}.log-level{font-weight:600}.log-message{opacity:.9}.network-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.network-filter-grid input,.network-filter-grid select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.network-log-list{display:grid;gap:.6rem;max-height:520px;overflow-y:auto}.network-log-header{display:grid;grid-template-columns:80px 60px 70px 120px 80px 60px 60px minmax(220px,1fr);gap:.5rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffffa6;padding:0 .4rem}.network-log{display:grid;grid-template-columns:80px 60px 70px 120px 80px 60px 60px minmax(220px,1fr);gap:.5rem;padding:.45rem .6rem;background:#080c18d9;border-radius:8px;border:1px solid rgba(255,255,255,.06);font-size:.85rem}.network-log-error{border-color:#ff634866}.network-log-url{min-width:0;overflow-wrap:anywhere}.network-log-account{overflow-wrap:anywhere}.alert-inline{color:#ff6b6b;font-size:.85rem}.explorer-filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;margin-bottom:1rem}.explorer-filter-grid input,.explorer-filter-grid select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.stream-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.stream-card{background:#080c18e6;border-radius:14px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:grid;gap:.75rem;text-align:left}.stream-card-main{display:grid;gap:.75rem;text-align:left;background:transparent;border:none;color:inherit;padding:0;cursor:pointer}.stream-card img{width:100%;height:140px;object-fit:cover;border-radius:10px}.stream-actions{display:flex;flex-wrap:wrap;gap:.5rem}.stream-meta{display:flex;flex-wrap:wrap;gap:.5rem;font-size:.8rem;opacity:.8;margin-top:.35rem}.live-viewer-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1rem}.live-control{display:grid;gap:.35rem}.live-viewer-controls input,.live-viewer-controls select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.live-viewer-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.75rem;margin-bottom:1rem}.live-action-card{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:.75rem;display:grid;gap:.5rem}.live-action-card textarea,.live-action-card input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.live-action-row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.live-metrics{display:flex;flex-direction:column;justify-content:center;gap:.25rem;font-weight:600}.live-viewer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.live-panel{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:grid;gap:.75rem;max-height:420px;overflow-y:auto}.live-panel-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.live-audience-table{display:grid;gap:.5rem}.live-audience-row{display:grid;grid-template-columns:minmax(160px,1.4fr) minmax(160px,1fr) 120px minmax(220px,1.2fr);gap:.75rem;align-items:center;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.live-audience-row:last-child{border-bottom:none}.live-audience-header{font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;opacity:.7}.live-audience-user{display:grid;gap:.2rem}.live-audience-roles{display:flex;flex-wrap:wrap;gap:.35rem}@media (max-width: 900px){.live-audience-row{grid-template-columns:1fr}}.live-item{display:grid;gap:.25rem;padding-bottom:.5rem;border-bottom:1px solid rgba(255,255,255,.05)}.live-item:last-child{border-bottom:none}.one-on-one-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.one-on-one-card{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:grid;gap:.75rem}.one-on-one-card input,.one-on-one-card select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.one-on-one-session{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.one-on-one-session:last-child{border-bottom:none}.premium-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}.premium-grid input,.premium-grid select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}@media (max-width: 900px){.template-grid,.user-db-grid{grid-template-columns:1fr}}.broadcast-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.broadcast-card{background:#080c18e6;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem;display:grid;gap:.75rem}.broadcast-card input,.broadcast-card textarea{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}@media (max-width: 720px){.app-shell{padding:1rem}.app-header{flex-direction:column;align-items:flex-start}.app-layout{grid-template-columns:1fr}.app-nav{position:static;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.task-board{grid-template-columns:1fr}}input.input-error,textarea.input-error,.liveops-input.input-error{border-color:#ff6262b3!important;background:#ff626214!important}.error-message{display:block;color:#ff6262e6;font-size:.85rem;margin-top:.25rem;font-weight:500}body.light input.input-error,body.light textarea.input-error,body.light .liveops-input.input-error{border-color:#dc323299!important;background:#dc32320d!important}body.light .error-message{color:#c81e1ee6}.video-mux-panel{background:radial-gradient(circle at top left,#1f2937e6,#0b1220f2);border:1px solid rgba(148,163,184,.2)}.video-mux-panel h2{font-family:Space Mono,Menlo,monospace;letter-spacing:.5px}.mux-source-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin:1rem 0}.mux-source-card{background:#0f172aa6;border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:1rem;display:grid;gap:.75rem}.mux-source-row{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.mux-source-row select,.mux-output-row input,.mux-controls input,.mux-controls select{background:#0f172ae6;border:1px solid rgba(148,163,184,.2);color:#e2e8f0e6;border-radius:10px;padding:.5rem .75rem}.mux-output-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem;margin-bottom:1rem}.mux-output-row label{display:grid;gap:.4rem;color:#e2e8f0bf}.mux-list{display:grid;gap:.85rem;margin-bottom:1rem}.mux-item{border:1px solid rgba(148,163,184,.2);border-radius:16px;padding:.85rem;background:#0f172abf;display:grid;gap:.75rem}.mux-item-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.mux-handle{font-family:Space Mono,Menlo,monospace;color:#94a3b8cc;cursor:grab}.mux-title{flex:1;display:grid;gap:.2rem}.mux-actions{display:flex;gap:.5rem;flex-wrap:wrap}.mux-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.mux-controls label{display:grid;gap:.35rem;color:#e2e8f0bf}.mux-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.mux-result{display:flex;align-items:center;gap:.75rem}.media-thumb audio{width:100%}body.light .video-mux-panel{background:radial-gradient(circle at top left,#f8fafcf2,#e2e8f0d9);border-color:#94a3b866}body.light .mux-source-card,body.light .mux-item{background:#fffc;border-color:#94a3b840}body.light .mux-source-row select,body.light .mux-output-row input,body.light .mux-controls input,body.light .mux-controls select{background:#ffffffe6;border-color:#94a3b859;color:#0f172ad9}.sticker-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810d9;display:grid;place-items:center;padding:2rem;z-index:120}.sticker-modal{width:min(500px,100%);background:#0c1220fa;border-radius:18px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-rows:auto 1fr auto;gap:1rem;padding:1.5rem;box-shadow:0 24px 60px #00000073}.sticker-modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.sticker-modal-title-group{display:flex;align-items:flex-start;gap:.85rem}.sticker-modal-title-group h3{margin:0;font-size:1.2rem;font-weight:600}.sticker-modal-title-group .liveops-icon{width:24px;height:24px;flex-shrink:0;margin-top:2px;stroke:currentColor;stroke-width:2;fill:none}.sticker-modal-body{display:grid;gap:1rem;max-height:400px;overflow-y:auto}.sticker-detail-group{display:grid;gap:.4rem}.sticker-detail-label{font-size:.85rem;font-weight:500;color:#ffffffa6;text-transform:uppercase;letter-spacing:.5px}.sticker-detail-value{font-family:Courier New,monospace;font-size:.95rem;color:#ffffffe6;word-break:break-all;padding:.6rem .85rem;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.08)}.sticker-detail-note{color:#6cc8ecd9;font-style:italic;font-family:inherit}.sticker-modal-footer{display:flex;gap:.75rem;justify-content:flex-end}.sticker-modal-footer button{padding:.65rem 1.2rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .2s ease}.sticker-modal-footer .ghost{background:transparent;border:1px solid rgba(255,255,255,.2);color:#fffc}.sticker-modal-footer .ghost:hover:not(:disabled){background:#ffffff14;border-color:#fff6}.sticker-modal-footer .primary{background:linear-gradient(135deg,#6c5ce7cc,#589ae7cc);border:1px solid rgba(108,200,236,.4);color:#fff}.sticker-modal-footer .primary:hover:not(:disabled){background:linear-gradient(135deg,#8070fbe6,#6caefbe6);border-color:#80c8ff99;box-shadow:0 4px 16px #6c5ce740}.sticker-modal-footer .primary.danger{background:linear-gradient(135deg,#dc3232bf,#c82850bf);border-color:#dc646466}.sticker-modal-footer .primary.danger:hover:not(:disabled){background:linear-gradient(135deg,#f04646d9,#dc3c64d9);border-color:#f0787899;box-shadow:0 4px 16px #dc323240}.sticker-modal-footer button:disabled{opacity:.6;cursor:not-allowed}body.light .sticker-modal{background:#fafcfff2;border-color:#00000014}body.light .sticker-modal-detail-value{background:#0000000a;border-color:#00000014;color:#000000d9}body.light .sticker-modal-label{color:#0000008c}body.light .sticker-modal-footer .ghost{border-color:#00000026;color:#000000b3}body.light .sticker-modal-footer .ghost:hover:not(:disabled){background:#0000000f;border-color:#00000040}.video-sequence-manager{background:#0f1629d9;border:1px solid rgba(255,255,255,.1)}.sequence-controls{background:#080c18d9;border-radius:12px;border:1px solid rgba(255,255,255,.08);padding:1rem;margin-bottom:1rem}.sequence-controls fieldset{border:none;padding:0;margin:0}.sequence-controls legend{font-weight:600;margin-bottom:.75rem;font-size:.95rem}.sequence-controls .input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.sequence-controls input{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.sequences-grid{display:grid;grid-template-columns:280px 1fr;gap:1rem}.sequences-list{display:grid;gap:.75rem}.sequences-list h3{margin:0 0 .75rem;font-size:1rem}.sequence-list{display:grid;gap:.5rem;max-height:600px;overflow-y:auto;padding-right:.4rem}.sequence-card{background:#080c18e6;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:.75rem;text-align:left;display:grid;gap:.35rem;cursor:pointer;transition:all .2s ease}.sequence-card:hover{border-color:#6c5ce766;background:#080c18f2}.sequence-card.active{border-color:#6c5ce799;background:#6c5ce71f}.sequence-title{font-weight:600;font-size:.9rem}.sequence-meta{font-size:.8rem;opacity:.7}.status-badge{padding:.3rem .6rem;border-radius:999px;font-size:.7rem;font-weight:600;text-transform:uppercase;width:fit-content}.status-badge.status-draft{background:#94a3b833;color:#94a3b8e6}.status-badge.status-pending{background:#f9731633;color:#f97316e6}.status-badge.status-processing{background:#3b82f633;color:#3b82f6e6}.status-badge.status-completed{background:#22c55e33;color:#22c55ee6}.status-badge.status-failed{background:#ef444433;color:#ef4444e6}.progress-bar{height:4px;background:#ffffff14;border-radius:999px;overflow:hidden;margin-top:.5rem}.progress-fill{height:100%;background:linear-gradient(90deg,#6c5ce7,#a55eea);transition:width .3s ease}.sequence-editor{display:grid;gap:1rem}.sequence-editor h3{margin:0;font-size:1rem}.sequence-editor fieldset{border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1rem;margin:0;background:#080c18d9}.sequence-editor legend{padding:0 .5rem;font-weight:600;font-size:.9rem;margin-left:-.5rem}.sequence-editor .input-group{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem}.sequence-editor label{display:grid;gap:.35rem;font-size:.85rem}.sequence-editor input,.sequence-editor select{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;border-radius:10px;padding:.5rem .75rem}.items-list{display:grid;gap:.5rem;max-height:300px;overflow-y:auto;padding-right:.4rem}.item-row{display:grid;grid-template-columns:40px 1fr auto;gap:.75rem;align-items:start;background:#ffffff0a;border-radius:10px;padding:.6rem;border:1px solid rgba(255,255,255,.06)}.item-index{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#6c5ce733;border-radius:8px;font-weight:600;font-size:.85rem;flex-shrink:0}.item-details{display:grid;gap:.25rem;min-width:0}.item-name{font-weight:500;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item-meta{font-size:.75rem;opacity:.7}.progress-container{background:#ffffff0a;border-radius:10px;padding:.75rem;border:1px solid rgba(255,255,255,.06)}.progress-info{font-size:.85rem;margin-bottom:.5rem;opacity:.8}.status-success{background:#22c55e26;border:1px solid rgba(34,197,94,.35);color:#86eface6;padding:.75rem;border-radius:10px;font-size:.9rem}.status-error{background:#ef444426;border:1px solid rgba(239,68,68,.35);color:#fca5a5e6;padding:.75rem;border-radius:10px;font-size:.9rem}.no-data{text-align:center;opacity:.6;padding:1rem;font-size:.9rem}body.light .video-sequence-manager{background:#ffffffe6;border-color:#141e3c1a}body.light .sequence-controls,body.light .sequence-editor fieldset,body.light .sequence-card,body.light .item-row,body.light .progress-container{background:#fffffff2;border-color:#141e3c1a;color:#1b2430}body.light .sequence-editor input,body.light .sequence-editor select,body.light .sequence-controls input{background:#141e3c0d;border-color:#141e3c1f;color:#1b2430}@media (max-width: 960px){.sequences-grid{grid-template-columns:1fr}}.proxy-list{display:flex;flex-direction:column;gap:16px}.proxy-card{padding:20px;background:#ffffff05;border:1px solid rgba(255,255,255,.08);border-radius:8px;transition:all .2s ease}.proxy-card:hover{background:#ffffff0a;border-color:#ffffff26}.proxy-card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px}.proxy-card-header>div:first-child{display:flex;flex-direction:column;gap:4px}.proxy-card-header strong{font-size:1.1em;color:var(--color-text-primary, #e5e7eb)}.proxy-card-details{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.badge{padding:4px 10px;border-radius:12px;font-size:.85em;background:#ffffff1a;border:1px solid rgba(255,255,255,.2)}.badge-success{background:#22c55e26;border-color:#22c55e66;color:#4ade80}.badge-error{background:#ef444426;border-color:#ef444466;color:#f87171}@media (max-width: 768px){.task-filter-panel{padding:.75rem}.task-filter-buttons{gap:.4rem}.filter-btn{padding:.4rem .7rem;font-size:.75rem}.task-board{grid-template-columns:1fr}}body.light .proxy-card{background:#fffffff2;border-color:#141e3c1a}body.light .proxy-card:hover{background:#fff;border-color:#141e3c33}body.light .proxy-card-header strong{color:#1b2430}body.light .badge{background:#141e3c14;border-color:#141e3c26;color:#1b2430}body.light .badge-success{background:#22c55e1a;border-color:#22c55e4d;color:#15803d}body.light .badge-error{background:#ef44441a;border-color:#ef44444d;color:#dc2626}.battle-mode-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#040810d9;display:grid;place-items:center;padding:2rem;z-index:120}.battle-mode-modal{width:min(1100px,100%);max-height:85vh;background:#0c1220fa;border-radius:20px;border:1px solid rgba(255,255,255,.12);display:grid;grid-template-rows:auto auto 1fr auto;gap:.75rem;padding:1.5rem;box-shadow:0 24px 60px #00000073}.battle-mode-modal-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.battle-mode-modal-header h3{margin:0;font-size:1.3rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.battle-mode-modal-subtitle{font-size:.85rem;color:#fff9;font-weight:500}.modal-close{background:transparent;border:none;color:#fff9;font-size:1.5rem;cursor:pointer;padding:.25rem .5rem;display:flex;align-items:center;justify-content:center;transition:color .2s ease;line-height:1}.modal-close:hover{color:#ffffffe6}.battle-mode-modal-body{display:grid;gap:.75rem;min-height:0;overflow-y:auto;padding-right:.5rem;max-height:calc(85vh - 300px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;min-height:200px;color:#ffffffb3}.spinner{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#6c5ce7b3;border-radius:50%;animation:spin .8s linear infinite}.error-state{display:grid;gap:1rem;padding:1.5rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;text-align:center}.error-state p{margin:0;color:#ff7878f2;font-size:.95rem}.error-state button{justify-self:center;padding:.5rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.4);color:#ef4444e6;border-radius:8px;cursor:pointer;transition:all .2s ease;font-size:.9rem}.error-state button:hover{background:#ef44444d;border-color:#ef444499}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;min-height:200px;color:#fff9;text-align:center}.empty-state p{margin:0;font-size:1rem}.battle-mode-table-wrapper{border-radius:12px;border:1px solid rgba(255,255,255,.08);overflow-x:auto;overflow-y:auto;max-height:min(60vh,620px);overscroll-behavior:contain;background:#080c18cc}.battle-mode-table{width:100%;border-collapse:collapse;font-size:.9rem}.battle-mode-table thead{background:#080c18f2;border-bottom:2px solid rgba(255,255,255,.1);position:sticky;top:0;z-index:10}.battle-mode-table th{padding:.85rem 1rem;text-align:left;font-weight:600;color:#fffc;text-transform:uppercase;font-size:.75rem;letter-spacing:.5px;white-space:nowrap;border-right:1px solid rgba(255,255,255,.05)}.battle-mode-table th:last-child{border-right:none}.battle-mode-table tbody tr{border-bottom:1px solid rgba(255,255,255,.05);transition:background-color .2s}.battle-mode-table tbody tr:hover{background:#6c5ce70d}.battle-mode-table td{padding:.85rem 1rem;vertical-align:middle;border-right:1px solid rgba(255,255,255,.03)}.battle-mode-table td:last-child{border-right:none}.stream-info-cell{min-width:220px}.account-cell{min-width:200px}.viewers-cell{min-width:100px;text-align:center}.status-cell{min-width:120px}.type-cell{min-width:110px}.action-cell{min-width:120px;text-align:right}.stream-preview{display:flex;align-items:center;gap:.75rem}.preview-thumbnail{width:60px;height:45px;border-radius:8px;overflow:hidden;background:#0000004d;flex-shrink:0;display:flex;align-items:center;justify-content:center}.preview-thumbnail img{width:100%;height:100%;object-fit:cover}.preview-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background:#ffffff0d}.stream-ids{display:grid;gap:.3rem;min-width:0}.stream-id-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.stream-id-code{font-family:Courier New,monospace;font-size:.85rem;color:#fffc;word-break:break-all;background:#ffffff0a;padding:.3rem .5rem;border-radius:6px;border:1px solid rgba(255,255,255,.08)}.account-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;flex-shrink:0;background:#ffffff14;display:flex;align-items:center;justify-content:center;margin-right:.5rem}.avatar-img{width:100%;height:100%;object-fit:cover}.avatar-placeholder{font-size:1.5rem}.account-details{display:grid;gap:.3rem;min-width:0}.account-name{font-weight:600;font-size:.95rem;color:#ffffffe6;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.premium-badge{background:#ffcc0026;border:1px solid rgba(255,204,0,.4);color:#ffcc00d9;padding:.15rem .4rem;border-radius:4px;font-size:.7rem;text-transform:uppercase;letter-spacing:.3px;font-weight:600;flex-shrink:0}.account-id-small{font-size:.75rem;color:#ffffff80;font-family:monospace;word-break:break-all}.viewers-count{font-size:1.2rem;font-weight:700;color:#ffffffe6}.viewers-label{font-size:.75rem;color:#ffffff80;text-transform:uppercase;letter-spacing:.5px}.status-indicator{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .7rem;border-radius:8px;font-size:.85rem;font-weight:500;background:#ffffff0a;border:1px solid rgba(255,255,255,.08)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot.online{background:#2ecc71;box-shadow:0 0 8px #2ecc7180}.status-dot.offline{background:#ffffff4d}.status-text{display:flex;align-items:center;gap:.35rem}.invite-button{background:#6c5ce733;border:1px solid rgba(108,92,231,.4);color:#6c5ce7e6;padding:.5rem .85rem;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:600;transition:all .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.invite-button:hover:not(:disabled){background:#6c5ce759;border-color:#6c5ce799;color:#6c5ce7;box-shadow:0 4px 12px #6c5ce733}.invite-button:disabled{opacity:.6;cursor:not-allowed}.battle-mode-modal-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:.75rem;border-top:1px solid rgba(255,255,255,.08);font-size:.85rem;color:#fff9}body.light .battle-mode-modal{background:#fafcfff2;border-color:#00000014}body.light .battle-mode-modal-header h3{color:#1b2430}body.light .battle-mode-modal-subtitle{color:#1b243099}body.light .modal-close{color:#00000080}body.light .modal-close:hover{color:#000000d9}body.light .battle-mode-table{background:#f8f8ffd9}body.light .battle-mode-table thead{background:#f8f8fff2;border-bottom-color:#0000001a}body.light .battle-mode-table th{color:#333;border-right-color:#0000000d}body.light .battle-mode-table tbody tr{border-bottom-color:#0000000d}body.light .battle-mode-table tbody tr:hover{background:#6c5ce714}body.light .stream-id-code{background:#141e3c0d;border-color:#141e3c1f;color:#1b2430}body.light .account-name,body.light .viewers-count{color:#1a1a1a}body.light .status-indicator{background:#141e3c0a;border-color:#141e3c1f;color:#1b2430}body.light .invite-button{background:#6c5ce71f;border-color:#6c5ce74d;color:#6c5ce7d9}body.light .invite-button:hover:not(:disabled){background:#6c5ce733;border-color:#6c5ce780;color:#6c5ce7f2}body.light .battle-mode-modal-footer{border-top-color:#00000014;color:#1b243099}body.light .loading-state,body.light .empty-state{color:#1b243099}body.light .error-state{background:#ef444414;border-color:#ef444433}body.light .error-state p{color:#dc3232d9}body.light .error-state button{background:#ef44441a;border-color:#ef444440;color:#dc3232cc}body.light .error-state button:hover{background:#ef444426;border-color:#ef444466}@media (max-width: 1200px){.battle-mode-modal{width:min(95vw,1000px)}.battle-mode-table{font-size:.85rem}.battle-mode-table th,.battle-mode-table td{padding:.65rem .8rem}.stream-info-cell,.account-cell{min-width:160px}.viewers-cell,.status-cell,.type-cell{min-width:90px}}@media (max-width: 960px){.battle-mode-modal{width:min(98vw,900px);max-height:90vh;padding:1rem;gap:.5rem}.battle-mode-modal-header{flex-wrap:wrap;gap:.5rem}.battle-mode-modal-header h3{font-size:1.1rem;flex:1;min-width:200px}.battle-mode-table{font-size:.8rem}.battle-mode-table th,.battle-mode-table td{padding:.5rem .6rem}.preview-thumbnail{width:50px;height:37px}.stream-info-cell,.account-cell{min-width:120px}.action-cell button{padding:.4rem .6rem;font-size:.75rem}}@media (max-width: 768px){.battle-mode-modal{width:100%;max-height:95vh;border-radius:16px;padding:.9rem;gap:.5rem}.battle-mode-modal-header{flex-direction:column;align-items:flex-start}.battle-mode-modal-header h3{font-size:1rem;width:100%}.modal-close{position:absolute;top:.9rem;right:.9rem}.battle-mode-table-wrapper{min-height:0;max-height:calc(95vh - 280px);overflow-x:auto}.battle-mode-table{font-size:.75rem;min-width:800px}.battle-mode-table th,.battle-mode-table td{padding:.45rem}.stream-preview{flex-direction:column;align-items:flex-start;gap:.4rem}.preview-thumbnail{width:100%;height:80px}.stream-ids{width:100%}.account-avatar{width:40px;height:40px}.account-details{font-size:.8rem}.action-cell button{padding:.35rem .5rem;font-size:.7rem}.stream-info-cell,.account-cell,.viewers-cell,.status-cell,.type-cell,.action-cell{min-width:0}.viewers-count{font-size:1rem}.status-indicator{padding:.3rem .5rem;font-size:.75rem}}@media (max-width: 480px){.battle-mode-modal{padding:.75rem;border-radius:12px}.battle-mode-modal-header h3{font-size:.95rem;gap:.5rem}.battle-mode-table{min-width:700px;font-size:.7rem}.battle-mode-table th,.battle-mode-table td{padding:.35rem}.preview-thumbnail{height:60px}.stream-id-code{font-size:.75rem;padding:.2rem .4rem}.action-cell button{padding:.3rem .4rem;font-size:.65rem;min-width:40px}.viewers-count{font-size:.95rem}.account-avatar{width:35px;height:35px}}.template-editor{background:#141e3c4d;border:1px solid rgba(100,150,255,.15);border-radius:8px;padding:16px;margin:12px 0;color:#f5f5f5}.template-icon{width:16px;height:16px;stroke:currentColor;stroke-width:2;fill:none;display:inline-block;margin-right:4px}.template-editor-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;border-bottom:1px solid rgba(100,150,255,.1);padding-bottom:12px}.template-editor-header h3{margin:0;font-size:16px;font-weight:600;color:#6496ff}.template-mode-tabs{display:flex;gap:8px}.mode-tab{padding:6px 12px;background:transparent;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#a8b5d8;cursor:pointer;font-size:12px;font-weight:500;text-transform:uppercase;transition:all .2s}.mode-tab:hover{background:#6496ff1a;border-color:#6496ff4d}.mode-tab.active{background:#6496ff40;border-color:#6496ff;color:#6496ff}.template-validation-errors{background:#ff64641a;border:1px solid rgba(255,100,100,.3);border-radius:6px;padding:12px;margin-bottom:16px;color:#f99}.validation-title{font-weight:600;font-size:12px;margin-bottom:8px}.template-validation-errors ul{margin:0;padding-left:20px;font-size:12px}.template-validation-errors li{margin:4px 0;line-height:1.3}.template-visual-editor{max-height:600px;overflow-y:auto;padding:8px 0}.empty-state{text-align:center;padding:40px 20px;color:#a8b5d8;font-size:13px}.template-tier-card{background:#1e285066;border:1px solid rgba(100,150,255,.15);border-radius:6px;margin-bottom:12px;overflow:hidden}.tier-header{background:#6496ff1a;padding:12px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(100,150,255,.15)}.tier-label{font-weight:600;font-size:13px;color:#6496ff}.btn-delete-tier{padding:4px 8px;background:#ff646426;border:1px solid rgba(255,100,100,.3);border-radius:4px;color:#f99;cursor:pointer;font-size:11px;font-weight:500;display:flex;align-items:center;gap:4px;transition:all .2s}.btn-delete-tier:hover{background:#ff646440;border-color:#ff646480}.tier-content{padding:12px;display:flex;flex-direction:column;gap:12px}.tier-section{display:flex;flex-direction:column;gap:6px}.section-title{font-size:12px;font-weight:600;color:#a8b5d8;text-transform:uppercase;letter-spacing:.5px}.range-inputs{display:flex;gap:12px;align-items:flex-end}.range-inputs label{display:flex;flex-direction:column;gap:4px;flex:1;font-size:12px}.range-inputs span{color:#a8b5d8;font-weight:500}.range-input{padding:6px 8px;background:#1e285099;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#f5f5f5;font-size:12px;font-family:monospace}.range-input:focus{outline:none;border-color:#6496ff;background:#1e2850cc}.range-inputs small{color:#7a8db0;font-size:10px}.text-input{padding:8px;background:#1e285099;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#f5f5f5;font-size:12px;font-family:monospace;resize:vertical}.text-input:focus{outline:none;border-color:#6496ff;background:#1e2850cc}.tier-section small{color:#7a8db0;font-size:11px}.selected-media-list{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.media-item-chip{background:#6496c81a;border:1px solid rgba(100,150,200,.2);border-radius:4px;padding:6px 8px;display:flex;justify-content:space-between;align-items:center;font-size:12px}.media-info{display:flex;align-items:center;gap:8px;flex:1}.media-type-badge{background:#6496ff33;color:#6496ff;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;text-transform:uppercase;min-width:35px}.media-name{color:#a8b5d8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.btn-remove-media{background:transparent;border:none;color:#f99;cursor:pointer;font-size:14px;padding:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:all .2s}.btn-remove-media:hover{background:#ff646426;color:#fcc}.media-picker-container{display:flex;flex-direction:column;gap:8px}.media-search-input{padding:8px 12px;background:#1e285099;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#f5f5f5;font-size:12px;transition:all .2s}.media-search-input:focus{outline:none;border-color:#6496ff;background:#1e2850cc;box-shadow:0 0 0 2px #6496ff1a}.media-search-input::placeholder{color:#7a8db099}.media-filter-info{color:#7a8db0;font-size:11px;padding:4px 8px;background:#6496c814;border-radius:3px;text-align:center}.no-results-message{color:#ff9a7a;font-size:12px;background:#ff966414;padding:12px;border-radius:4px;text-align:center;border:1px dashed rgba(255,150,100,.2)}.media-picker{padding:8px;background:#1e285099;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#f5f5f5;font-size:12px;cursor:pointer}.media-picker:focus{outline:none;border-color:#6496ff;background:#1e2850cc}.media-picker option{background:#13182c;color:#f5f5f5}.no-media-message{color:#7a8db0;font-size:12px;background:#6496c80d;padding:8px;border-radius:4px;text-align:center}.template-actions{display:flex;gap:8px;margin-top:16px;padding-top:12px;border-top:1px solid rgba(100,150,255,.1)}.btn-add-tier{padding:8px 16px;background:#64c86426;border:1px solid rgba(100,200,100,.3);border-radius:4px;color:#9f9;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;transition:all .2s}.btn-add-tier:hover{background:#64c86440;border-color:#64c86480}.template-json-editor{display:flex;flex-direction:column;gap:8px}.json-textarea{padding:12px;background:#1e285099;border:1px solid rgba(100,150,255,.2);border-radius:4px;color:#a8d87f;font-size:12px;font-family:Fira Code,Courier New,monospace;resize:vertical;line-height:1.4}.json-textarea:focus{outline:none;border-color:#6496ff;background:#1e2850cc}.template-info-box{background:#6496ff14;border:1px solid rgba(100,150,255,.15);border-radius:6px;padding:12px;margin-top:16px;font-size:12px;color:#a8b5d8;line-height:1.5}.info-title{font-weight:600;color:#6496ff;margin-bottom:8px;font-size:12px}.template-info-box ul{margin:0;padding-left:20px}.template-info-box li{margin:4px 0}.template-info-box strong{color:#9cf}body.light .template-editor{background:#6496ff0d;border-color:#3264c833}body.light .template-editor-header h3{color:#2060c0}body.light .template-tier-card{background:#6496ff14;border-color:#3264c826;color:#2030a0}body.light .tier-header{background:#6496ff1f;border-color:#3264c826}body.light .tier-label{color:#2060c0}body.light .section-title{color:#3050b0}body.light .range-input,body.light .text-input,body.light .media-search-input,body.light .media-picker,body.light .json-textarea{background:#fff9;border-color:#3264c833;color:#1b2430}body.light .range-input:focus,body.light .text-input:focus,body.light .media-search-input:focus,body.light .media-picker:focus,body.light .json-textarea:focus{border-color:#2060c0;background:#ffffffd9}body.light .media-search-input::placeholder{color:#2060c066}body.light .media-filter-info{background:#6496c81f;color:#4070c0}body.light .no-results-message{background:#ff96641f;color:#c05030;border-color:#c8503240}body.light .media-type-badge{background:#3264c826;color:#2060c0}body.light .media-name{color:#4070c0}body.light .media-item-chip{background:#6496c81a;border-color:#3264c833}body.light .template-info-box{background:#6496ff14;border-color:#3264c833;color:#4070c0}body.light .info-title,body.light .template-info-box strong{color:#2060c0}.payments-panel{display:flex;flex-direction:column;gap:1.5rem;padding:1.5rem;max-width:1400px;margin:0 auto}.payments-panel .panel-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.payments-panel .panel-header h2{font-size:1.8rem;font-weight:700;margin:0;background:linear-gradient(135deg,#6c5ce7,#a8e6cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.error-banner{display:flex;align-items:center;gap:1rem;padding:1rem 1.2rem;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;animation:slideIn .3s ease}.error-banner .error-icon{font-size:1.5rem}.error-banner .error-content{flex:1}.error-banner strong{display:block;font-size:.95rem;margin-bottom:.25rem}.error-banner p{margin:0;font-size:.9rem;opacity:.9}.error-dismiss{background:none;border:none;color:#fca5a5;font-size:1.3rem;cursor:pointer;padding:.25rem;line-height:1;transition:opacity .2s}.error-dismiss:hover{opacity:.7}.loading-overlay{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;gap:1rem}.loading-spinner{width:48px;height:48px;border:4px solid rgba(108,92,231,.1);border-top-color:#6c5ce7;border-radius:50%;animation:spin .8s linear infinite}.loading-spinner-small{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;margin-right:.5rem}@keyframes spin{to{transform:rotate(360deg)}}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.balance-dashboard{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.2rem;margin:1.5rem 0}.balance-card{display:flex;align-items:stretch;gap:1.2rem;padding:1.5rem;background:#14192899;border:1px solid rgba(255,255,255,.06);border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.balance-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000004d;border-color:#ffffff1f}.balance-card.primary-card{background:linear-gradient(135deg,#6c5ce726,#6c5ce70d);border-color:#6c5ce74d}.balance-card.success-card{background:linear-gradient(135deg,#22c55e26,#22c55e0d);border-color:#22c55e4d}.balance-card.highlight-card{background:linear-gradient(135deg,#fbbf2426,#fbbf240d);border-color:#fbbf244d}.balance-card .card-icon{font-size:2.5rem;display:flex;align-items:center;justify-content:center}.balance-card .card-content{flex:1}.balance-card h3{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin:0 0 .5rem;opacity:.7}.balance-amount{font-size:2rem;font-weight:700;margin:.5rem 0;line-height:1}.balance-usd{font-size:1.3rem;font-weight:600;color:#fbbf24;margin:.5rem 0}.balance-subtitle{font-size:.8rem;opacity:.6;margin-top:.5rem}.balance-warning{font-size:.85rem;color:#fbbf24;padding:.5rem .8rem;background:#fbbf241a;border-radius:8px;margin-top:.75rem}.actions-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem;background:#14192866;border-radius:12px;border:1px solid rgba(255,255,255,.06)}.action-button{display:flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);border-radius:10px;color:#c7d2fe;font-weight:600;cursor:pointer;transition:all .2s}.action-button:hover{background:#6c5ce740;transform:translateY(-1px)}.action-button.secondary{background:#ffffff0d;border-color:#ffffff1a}.action-button .button-icon{font-size:1.2rem}.limits-badge{padding:.6rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;font-size:.85rem;color:#fbbf24}.providers-section{margin:2rem 0}.section-title{font-size:1.3rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.title-icon{font-size:1.4rem}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.2rem}.provider-card{display:flex;flex-direction:column;background:#14192899;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;transition:all .3s ease}.provider-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #0006;border-color:#6c5ce766}.provider-card.connected{border-color:#22c55e4d}.provider-card.available{border-color:#ffffff14;opacity:.85}.provider-header{display:flex;align-items:center;justify-content:center;padding:1.5rem;background:#6c5ce714;border-bottom:1px solid rgba(255,255,255,.05)}.provider-icon{width:64px;height:64px;object-fit:contain;border-radius:8px}.provider-icon-small{width:32px;height:32px;object-fit:contain;border-radius:6px}.provider-body{padding:1.2rem;flex:1}.provider-title{font-size:1.1rem;font-weight:600;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.badge{display:inline-block;padding:.2rem .6rem;font-size:.7rem;font-weight:600;border-radius:6px;text-transform:uppercase;letter-spacing:.05em}.badge-default{background:#fbbf2433;color:#fbbf24}.provider-email{font-size:.85rem;color:#fff9;margin-bottom:.5rem}.provider-email-small{font-size:.8rem;color:#ffffff80}.provider-status{display:flex;align-items:center;gap:.5rem;font-size:.85rem;margin:.5rem 0}.status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;animation:pulse 2s ease-in-out infinite}.provider-status.status-active .status-dot{background:#22c55e}.provider-status.status-pending .status-dot{background:#fbbf24}.provider-status.status-disconnected .status-dot{background:#ef4444}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.provider-meta{font-size:.8rem;color:#ffffff80;margin-top:.5rem}.provider-type{font-size:.85rem;color:#ffffff80;margin-bottom:.5rem}.provider-labels{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.75rem}.label-tag{padding:.25rem .6rem;background:#6c5ce726;border:1px solid rgba(108,92,231,.3);border-radius:6px;font-size:.75rem;color:#c7d2fe}.provider-footer{padding:1rem 1.2rem;background:#0003;border-top:1px solid rgba(255,255,255,.05);display:flex;gap:.75rem;align-items:center;justify-content:stretch}.btn-redeem,.btn-connect,.btn-disconnect{flex:1;padding:.75rem 1.5rem;font-size:.95rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-redeem.primary{background:linear-gradient(135deg,#6c5ce7,#5b47d6);color:#fff}.btn-redeem.primary:hover{background:linear-gradient(135deg,#5b47d6,#4a38c5);transform:translateY(-2px);box-shadow:0 4px 12px #6c5ce766}.btn-redeem.disabled{background:#ffffff1a;color:#fff6;cursor:not-allowed}.btn-connect.secondary{background:#ffffff14;color:#c7d2fe;border:1px solid rgba(255,255,255,.15)}.btn-connect.secondary:hover{background:#ffffff1f;border-color:#6c5ce780}.btn-disconnect.secondary{background:#ffffff14;color:#c7d2fe;border:1px solid rgba(255,255,255,.15)}.btn-disconnect.secondary:hover{background:#ff646426;border-color:#ff646480;color:#ffc7d2}.btn-disconnect.secondary:disabled{opacity:.5;cursor:not-allowed}.empty-state,.welcome-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;background:#14192866;border:1px dashed rgba(255,255,255,.15);border-radius:16px;margin:2rem 0}.empty-state .empty-icon,.welcome-state .welcome-icon{font-size:4rem;margin-bottom:1rem;opacity:.5}.empty-state h4,.welcome-state h2{font-size:1.3rem;font-weight:600;margin:.5rem 0}.empty-state p,.welcome-state p{font-size:.95rem;opacity:.7;max-width:500px;margin:.5rem 0 0}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;padding:2rem;opacity:0;visibility:hidden;transition:all .3s ease}.modal-overlay.active{opacity:1;visibility:visible}.modal-container{width:100%;max-width:700px;max-height:85vh;background:linear-gradient(135deg,#141928fa,#1e2332fa);border:1px solid rgba(255,255,255,.1);border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;transform:scale(.9);transition:transform .3s ease;overflow:hidden}.modal-overlay.active .modal-container{transform:scale(1)}.history-modal{max-width:1100px}.redeem-modal{max-width:600px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1.5rem 2rem;background:#6c5ce714;border-bottom:1px solid rgba(255,255,255,.08)}.modal-header h2{font-size:1.5rem;font-weight:700;margin:0}.modal-subtitle{font-size:.9rem;opacity:.7;margin:.4rem 0 0}.modal-close{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:8px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.modal-close:hover{background:#ef444433;border-color:#ef444466}.close-icon{font-size:1.4rem;line-height:1}.modal-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:1.5rem 2rem;background:#0003;border-bottom:1px solid rgba(255,255,255,.05)}.summary-item{text-align:center}.summary-label{display:block;font-size:.8rem;opacity:.6;margin-bottom:.4rem}.summary-value{display:block;font-size:1.3rem;font-weight:700}.summary-value.success{color:#22c55e}.modal-body{flex:1;overflow-y:auto;padding:1.5rem 2rem}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.modal-body::-webkit-scrollbar-thumb{background:#6c5ce780;border-radius:10px}.modal-body::-webkit-scrollbar-thumb:hover{background:#6c5ce7b3}.history-table-container{overflow-x:auto;margin:-.5rem;padding:.5rem}.history-table{width:100%;border-collapse:separate;border-spacing:0 .5rem}.history-table thead th{text-align:left;font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.6;padding:.75rem 1rem;background:#6c5ce71a;position:sticky;top:0;z-index:1}.history-table thead th.text-right{text-align:right}.history-table tbody tr{background:#14192899;transition:all .2s}.history-table tbody tr:hover{background:#1e2332cc;transform:scale(1.01)}.history-table tbody td{padding:1rem;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.history-table tbody tr td:first-child{border-left:1px solid rgba(255,255,255,.05);border-top-left-radius:10px;border-bottom-left-radius:10px}.history-table tbody tr td:last-child{border-right:1px solid rgba(255,255,255,.05);border-top-right-radius:10px;border-bottom-right-radius:10px}.status-badge{display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .8rem;border-radius:8px;font-size:.8rem;font-weight:600}.status-badge.success{background:#22c55e26;color:#22c55e;border:1px solid rgba(34,197,94,.3)}.status-badge.error{background:#ef444426;color:#fca5a5;border:1px solid rgba(239,68,68,.3)}.status-badge.pending{background:#fbbf2426;color:#fbbf24;border:1px solid rgba(251,191,36,.3)}.status-badge.rejected{background:#f43f5e29;color:#fda4af;border:1px solid rgba(244,63,94,.34)}.status-badge.unknown{background:#ffffff14;color:#fff9;border:1px solid rgba(255,255,255,.1)}.status-icon{font-size:1rem}.date-cell,.provider-cell,.points-cell,.amount-cell,.transaction-id{font-size:.9rem}.date-primary{font-weight:500}.points-value,.amount-value{font-weight:600;color:#c7d2fe}.points-label{opacity:.6;font-size:.85rem}.text-right{text-align:right}.transaction-code{font-family:Courier New,monospace;font-size:.8rem;padding:.2rem .5rem;background:#ffffff0d;border-radius:4px;color:#ffffffb3}.redeem-form{display:flex;flex-direction:column;gap:1.5rem}.form-section{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.9rem;font-weight:600;color:#ffffffe6}.provider-display{display:flex;align-items:center;gap:1rem;padding:1rem;background:#6c5ce71a;border:1px solid rgba(108,92,231,.3);border-radius:10px}.provider-name{font-weight:600;font-size:1rem}.amount-input-wrapper{position:relative;display:flex;align-items:center}.currency-prefix{position:absolute;left:1rem;font-size:1.2rem;font-weight:600;color:#ffffff80;pointer-events:none}.amount-input{width:100%;padding:1rem 1rem 1rem 2.5rem;font-size:1.1rem;font-weight:600;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;transition:all .2s}.amount-input:focus{outline:none;border-color:#6c5ce780;background:#ffffff14;box-shadow:0 0 0 3px #6c5ce71a}.input-helper{font-size:.8rem;color:#ffffff80}.checkbox-label{display:flex;align-items:center;gap:.75rem;font-size:.9rem;cursor:pointer;padding:.5rem 0}.checkbox-label input[type=checkbox]{width:18px;height:18px;accent-color:#6c5ce7;cursor:pointer}.floor-notice{padding:.75rem 1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:8px;font-size:.85rem;color:#fbbf24}.redeem-summary-card{background:#141928cc;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem}.redeem-summary-card h4{font-size:1rem;font-weight:600;margin:0 0 1rem;color:#c7d2fe}.summary-row{display:flex;justify-content:space-between;align-items:center;padding:.6rem 0;font-size:.9rem}.summary-highlight{font-weight:700;font-size:1.1rem;color:#c7d2fe}.summary-divider{height:1px;background:#ffffff1a;margin:.5rem 0}.text-success{color:#22c55e;font-weight:600}.text-error{color:#ef4444;font-weight:600}.error-message{display:flex;align-items:center;gap:.5rem;padding:.8rem 1rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:.9rem}.confirmation-view{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem 1rem}.confirmation-icon{font-size:4rem;margin-bottom:1rem}.confirmation-view h3{font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.info-details{width:100%;background:#14192899;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:1.2rem;margin-bottom:1.5rem}.info-row{display:flex;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.05)}.info-row:last-child{border-bottom:none}.info-row.total{border-top:2px solid rgba(108,92,231,.3);margin-top:.5rem;padding-top:1rem;font-weight:700}.info-value,.total-value{color:#c7d2fe;font-weight:600}.total-label{font-size:1.05rem;color:#c7d2fe}.total-value{font-size:1.2rem;color:#fbbf24}.confirmation-warning{padding:1rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.3);border-radius:10px;font-size:.9rem;color:#fbbf24}.modal-footer{display:flex;justify-content:flex-end;gap:1rem;padding:1.5rem 2rem;background:#0003;border-top:1px solid rgba(255,255,255,.08)}.btn-modal{padding:.75rem 1.8rem;font-size:.95rem;font-weight:600;border-radius:10px;border:none;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-modal.primary{background:linear-gradient(135deg,#6c5ce7,#5b47d6);color:#fff}.btn-modal.primary:hover:not(:disabled){background:linear-gradient(135deg,#5b47d6,#4a38c5);transform:translateY(-1px);box-shadow:0 4px 12px #6c5ce766}.btn-modal.primary.confirm{background:linear-gradient(135deg,#22c55e,#16a34a)}.btn-modal.primary.confirm:hover:not(:disabled){background:linear-gradient(135deg,#16a34a,#15803d);box-shadow:0 4px 12px #22c55e66}.btn-modal.secondary{background:#ffffff14;color:#ffffffe6;border:1px solid rgba(255,255,255,.15)}.btn-modal.secondary:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff40}.btn-modal:disabled{opacity:.5;cursor:not-allowed}.empty-state-modal{display:flex;flex-direction:column;align-items:center;text-align:center;padding:3rem 2rem}.empty-state-modal .empty-icon{font-size:3.5rem;opacity:.5;margin-bottom:1rem}.empty-state-modal h3{font-size:1.2rem;font-weight:600;margin:.5rem 0}.empty-state-modal p{font-size:.9rem;opacity:.7;margin:.5rem 0 0}@media (max-width: 768px){.balance-dashboard{grid-template-columns:1fr}.actions-bar{flex-direction:column;align-items:stretch}.providers-grid{grid-template-columns:1fr}.modal-container{max-width:100%;max-height:95vh;border-radius:16px 16px 0 0}.history-modal{max-width:100%}.modal-summary{grid-template-columns:1fr}.history-table-container{overflow-x:scroll}.history-table{min-width:800px}}