:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}body.dark-theme{color:#ffffffde;background-color:#242424}body:not(.dark-theme){color:#213547;background-color:#fff}#root{min-height:100vh}button,input{font:inherit}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:all .25s}button:hover:not(:disabled){border-color:#646cff}button:disabled{opacity:.6;cursor:not-allowed}input{padding:.6em 1em;font-size:1em;border:1px solid #444;border-radius:6px;background-color:#1a1a1a;color:inherit;width:100%}input:focus,textarea:focus{outline:none;border-color:#646cff}.password-input-wrap{position:relative}.password-input-wrap input{padding-right:3rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);width:2.2rem;height:2.2rem;border-radius:999px;background:transparent;color:inherit;display:grid;place-items:center;padding:0}textarea{width:100%;border:1px solid #444;border-radius:6px;padding:.9rem 1rem;background-color:#1a1a1a;color:inherit;resize:vertical;min-height:9rem}.login-page{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem;overflow:hidden}.login-bg-shapes{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:0;pointer-events:none}.login-bg-shape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#646cff,#535bf2);opacity:.15;animation:float 20s infinite ease-in-out}.login-bg-shape:nth-child(1){width:300px;height:300px;top:-100px;left:-100px;animation-delay:0s}.login-bg-shape:nth-child(2){width:200px;height:200px;top:10%;right:-50px;animation-delay:5s;background:linear-gradient(135deg,#22c55e,#16a34a)}.login-bg-shape:nth-child(3){width:250px;height:250px;bottom:-100px;left:30%;animation-delay:10s;background:linear-gradient(135deg,#06b6d4,#0891b2)}.login-bg-shape:nth-child(4){width:150px;height:150px;bottom:20%;right:10%;animation-delay:15s;background:linear-gradient(135deg,#f59e0b,#d97706)}@keyframes float{0%,to{transform:translate(0) rotate(0)}25%{transform:translate(30px,-50px) rotate(90deg)}50%{transform:translateY(100px) rotate(180deg)}75%{transform:translate(-30px,-30px) rotate(270deg)}}.login-container{position:relative;z-index:1;width:100%;max-width:980px}.hero-card{width:min(980px,100%);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,420px);gap:2rem;padding:2rem;border-radius:28px;background:#ffffffb8;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 30px 80px #30488429}body.dark-theme .hero-card{background:#09101fc7;box-shadow:0 30px 80px #02061780}.eyebrow{margin:0 0 .75rem;font-size:.78rem;text-transform:uppercase;letter-spacing:.16em;color:#51607f}body.dark-theme .eyebrow{color:#9fb0d6}h1,h2,p{margin-top:0}h1{font-size:clamp(2.2rem,5vw,4rem);line-height:1;max-width:10ch;margin-bottom:1rem}.hero-copy{max-width:42ch;color:#4f5f80}body.dark-theme .hero-copy{color:#b1bfde}.auth-card{border-radius:22px;padding:1.5rem;background:#f5f8ffd1;border:1px solid rgba(95,114,160,.16)}body.dark-theme .auth-card{background:#0e182ae6;border-color:#6d81b82e}.auth-form{display:grid;gap:1rem}.auth-form-container{width:100%}.form-group{display:grid;gap:.45rem}.form-group small{font-size:.82rem;opacity:.75}.error-message{background:#d648481f;color:#b42318;border-radius:14px;padding:.85rem 1rem}.success-message{background:#20a46524;color:#157347;border-radius:14px;padding:1rem 1.1rem;margin-bottom:1rem}.auth-switch{font-size:.95rem}.btn-link{background:transparent;border:none;color:#646cff;padding:0}.auth-form label{display:grid;gap:.45rem}.primary-button,.btn-primary{background-color:#646cff;color:#fff}.primary-button:hover:not(:disabled),.btn-primary:hover:not(:disabled){background-color:#535bf2}.danger-button,.btn-reject{background-color:#ef4444;color:#fff}.danger-button:hover:not(:disabled),.btn-reject:hover:not(:disabled){background-color:#dc2626}.btn-approve{background-color:#22c55e;color:#fff}.btn-approve:hover:not(:disabled){background-color:#16a34a}.btn-secondary{background-color:#333;color:#fff}.link-button,.theme-toggle,.header-actions button{color:inherit;background-color:#333}.turnstile-slot{min-height:65px}.message{border-radius:14px;padding:.85rem 1rem}.message.error{background:#d648481f;color:#b42318}.message.success{background:#20a46524;color:#157347}body.dark-theme .message.error{color:#ffb4ab}body.dark-theme .message.success{color:#9af2c5}.theme-toggle{position:fixed;top:1rem;right:1rem;z-index:10}.login-title{margin-bottom:1rem}.login-footer{position:absolute;left:0;right:0;bottom:0;padding:1rem 1.5rem .75rem}.login-footer-links{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.login-footer-links a{color:inherit;opacity:.85;text-decoration:none}.login-footer-links a:hover{text-decoration:underline}.build-tag{position:absolute;bottom:4px;right:8px;font-size:.7rem;opacity:.5}.dashboard-shell{min-height:100vh}.dashboard{min-height:100vh;display:flex;flex-direction:column}.dashboard-header{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 2rem;background-color:#1a1a1a;border-bottom:1px solid #333}.dashboard-header h1{margin:0;font-size:1.5em}.header-actions{display:flex;align-items:center;gap:.75rem}.user-info{display:flex;align-items:center;gap:1rem;margin-right:120px}.user-info .btn-secondary{padding:.5rem .75rem;font-size:.9rem}.dashboard-body{display:flex;flex:1;overflow:hidden}.panel-sidebar{width:180px;border-right:1px solid #333;background-color:#1a1a1a;padding:1rem 0}.panel-switches{display:flex;flex-direction:column;gap:.25rem}.panel-switch{margin:0 .5rem;padding:.75rem 1rem;text-align:left;border:none;border-radius:4px;background-color:transparent}.panel-switch.active{background-color:#646cff;color:#fff}.dashboard-main{flex:1;display:flex;flex-direction:column;overflow:hidden}.dashboard-nav{display:flex;gap:.5rem;padding:.5rem 1rem 0;background-color:#1a1a1a;border-bottom:1px solid #333}.dashboard-nav button{background-color:transparent;border-bottom:2px solid transparent;border-radius:0;padding-bottom:calc(.6em - 2px)}.dashboard-nav button.active{border-bottom-color:#646cff;color:#646cff}.dashboard-nav button.tab-locked{opacity:.5;cursor:not-allowed}.dashboard-nav button.tab-locked:hover{border-bottom-color:transparent}.dashboard-panel{flex:1;padding:2rem;overflow-y:auto;border-radius:0;background:transparent}.dashboard-error{margin:1rem 2rem 0}.password-form{display:grid;gap:1rem}.compact-form{max-width:420px}.dialog-overlay{position:fixed;inset:0;background:#080c148c;display:grid;place-items:center;padding:1rem;z-index:50}.dialog-card{width:min(100%,460px);padding:1.25rem;border-radius:22px;background:#fffffff2;border:1px solid rgba(95,114,160,.16)}body.dark-theme .dialog-card{background:#0e182af2;border-color:#6d81b82e}.code-input-wrapper{position:relative}.code-input-display{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.5rem}.code-input-cell{height:3rem;display:grid;place-items:center;border-radius:14px;border:1px solid rgba(92,108,148,.35);background:#ffffffe0}body.dark-theme .code-input-cell{background:#121c2ee0;border-color:#7d91c452}.code-input-digit{font-size:1.25rem;font-weight:600}.code-input-hidden{position:absolute;inset:0;opacity:0;pointer-events:none}.password-form label{display:grid;gap:.45rem}.section-spacer{height:1.5rem}.profile-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.9rem}.profile-section{max-width:860px}.profile-info-box{background-color:#1a1a1a;padding:1rem;border-radius:8px;margin-bottom:1rem}.avatar-container{display:flex;flex-direction:column;align-items:center;padding:1rem 0;margin-bottom:.5rem}.profile-avatar{width:96px;height:96px;border-radius:50%;cursor:pointer;border:3px solid #333;transition:border-color .2s;object-fit:cover}.profile-avatar:hover{border-color:#646cff}.avatar-uploading{margin-top:.5rem;font-size:.9rem;opacity:.8}.profile-item{display:grid;gap:.25rem;padding:.95rem 1rem;border-radius:8px;background-color:#1a1a1a;border:1px solid #333}body.dark-theme .profile-item,body.dark-theme .bootstrap-note{background-color:#1a1a1a;border-color:#333}.profile-item span{color:#586889;font-size:.9rem}body.dark-theme .profile-item span{color:#9fb0d6}.bootstrap-note{margin-top:1rem;padding:1rem 1.1rem;border-radius:8px;background-color:#1a1a1a;border:1px solid #333}.channel-grid,.rule-grid,.event-list,.jobs-list,.price-grid{display:grid;gap:1rem}.channel-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.rule-grid-two-column{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.channel-card,.rule-card,.event-card,.job-card,.price-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:8px;background-color:#1a1a1a;border:1px solid #333}body.dark-theme .channel-card,body.dark-theme .rule-card,body.dark-theme .event-card,body.dark-theme .job-card,body.dark-theme .price-card{background-color:#1a1a1a;border-color:#333}.channel-card p,.event-card p,.job-card p{margin:.25rem 0 0;color:#586889}body.dark-theme .channel-card p,body.dark-theme .event-card p,body.dark-theme .job-card p,body.dark-theme .rule-status,body.dark-theme .event-meta{color:#9fb0d6}.rule-card,.event-card,.job-card{display:grid;align-items:stretch}.compact-head{margin-bottom:.5rem}.rule-fields{display:grid;gap:.65rem}.rule-field-row{display:grid;grid-template-columns:minmax(0,1fr) 140px;align-items:center;gap:.75rem}.rule-field-row input{font-size:1.05rem;font-weight:600;text-align:right}.rule-status{margin:0;color:#586889}.event-head,.event-meta{display:flex;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.event-meta{color:#586889;font-size:.92rem}.job-card{grid-template-columns:96px minmax(0,1fr)}.job-progress-wrap{display:grid;place-items:center}.job-progress-ring{width:84px;height:84px;border-radius:50%;border:8px solid rgba(72,103,255,.22);display:grid;place-items:center}.job-progress-label{font-weight:700}.job-main{display:grid;gap:.5rem}.job-title-row{display:flex;align-items:center;gap:.5rem}.job-badge{font-size:.75rem;background:#22c55e;color:#fff;padding:.125rem .5rem;border-radius:4px}.job-meta{display:flex;flex-wrap:wrap;gap:1rem;color:#586889;font-size:.92rem}body.dark-theme .job-meta{color:#9fb0d6}.account-table-wrap{overflow-x:auto}.account-table{width:100%;border-collapse:collapse;background-color:#1a1a1a;border-radius:8px;overflow:hidden}body.dark-theme .account-table{background-color:#1a1a1a}.account-table th,.account-table td{padding:.75rem;text-align:left;border-bottom:1px solid #333}.prices-panel{margin-top:1rem}.price-grid{margin-top:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr))}.price-card{align-items:center}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.pending-list{display:grid;gap:1rem}.pending-card{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:1rem 1.1rem;border-radius:8px;background-color:#1a1a1a;border:1px solid #333}body.dark-theme .pending-card{background-color:#1a1a1a;border-color:#333}.pending-card h3{margin-bottom:.25rem}.pending-card p{margin:0;color:#586889}body.dark-theme .pending-card p{color:#9fb0d6}.card-actions{display:flex;gap:.75rem}.operator-card{align-items:stretch}.operator-main{display:grid;gap:.8rem}.permission-tags{display:flex;flex-wrap:wrap;gap:.5rem}.permission-chip{display:inline-flex;align-items:center;padding:.4rem .7rem;border-radius:999px;background:#4867ff1f;color:#304db5;font-size:.9rem}.permission-chip.empty{background:#5f72a024;color:#586889}body.dark-theme .permission-chip{background:#4867ff33;color:#cbd8ff}body.dark-theme .permission-chip.empty{color:#9fb0d6}.permission-editor{display:grid;gap:.75rem;width:min(360px,100%)}.permissions-display,.permissions-edit{display:flex;flex-wrap:wrap;gap:.5rem}.permission-tag{display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:999px;background:#4867ff1f;color:#304db5;font-size:.9rem}.permission-tag.empty{background:#5f72a024;color:#586889}.permission-tag.removable button{background:transparent;border:none;color:inherit;padding:0;font-size:1rem;line-height:1}.btn-small{padding:.4rem .8rem;font-size:.9rem}.add-command{display:flex;gap:.5rem;align-items:center}.permission-actions,.pending-actions{display:flex;gap:.75rem}.pending-info{display:grid;gap:.35rem}.pending-date{color:#586889;font-size:.92rem}body.dark-theme .permission-tag{background:#4867ff33;color:#cbd8ff}body.dark-theme .permission-tag.empty,body.dark-theme .pending-date{color:#9fb0d6}.screen-center{min-height:100vh;display:grid;place-items:center}.browser-info-page .dashboard-content{padding:2rem}.browser-info-card{max-width:900px;padding:1.25rem;border-radius:8px;background-color:#1a1a1a;border:1px solid #333;display:grid;gap:1rem}.browser-info-card a{color:inherit;word-break:break-word}ul{padding-left:1.2rem}@media(max-width:860px){.hero-card{grid-template-columns:1fr}.dashboard-header{flex-direction:column;gap:.5rem;text-align:center}.dashboard-nav{flex-wrap:wrap;justify-content:center}.header-actions,.user-info{width:100%;justify-content:space-between;margin-right:0}.panel-head,.pending-card,.card-actions,.operator-card{flex-direction:column;align-items:flex-start}.permission-editor{width:100%}.channel-card,.rule-field-row,.event-head,.event-meta{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.dashboard-body{flex-direction:column}.panel-sidebar{width:100%;border-right:none;border-bottom:1px solid #333}.panel-switches{flex-direction:row;padding:0 .5rem}.profile-info-box{padding:.75rem}.rule-grid-two-column{grid-template-columns:1fr}.build-tag{position:static;text-align:center;margin-top:.5rem}}@media(prefers-color-scheme:light){input,textarea{background-color:#f5f5f5;border-color:#ccc}button{background-color:#f0f0f0;color:#213547}.auth-card,.dashboard-header,.dashboard-nav,.pending-card,.channel-card,.rule-card,.event-card,.job-card,.price-card,.profile-item,.profile-info-box,.bootstrap-note,.account-table,.dialog-card{background-color:#f5f5f5;border-color:#ddd}.panel-sidebar{background-color:#f8f8f8;border-color:#ddd}.dashboard-nav,.dashboard-header{border-color:#ddd}.permission-chip,.job-progress-ring{background-color:#e5e5e5;border-color:#e5e5e5}}