*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;transition:background .3s,color .3s}:root{--bg:#f2f2f2;--card-bg:#fff;--card-shadow:rgba(0,0,0,.07);--text:#333;--text-muted:#777;--title-color:#395c77;--meta-bg:#f0f2f5;--meta-text:#555;--meta-strong:#333;--border:#e7e7e7;--admin-bar-bg:#f0f2f5;--admin-bar-border:#e0e0e0;--edit-bg:#fafbfc;--input-border:#d0d5dd;--btn-site-color:#2c4a6a;--btn-site-border:#d0d5dd;--login-bg:#fff;--desc-border:#f0f0f0;--desc-color:#555}[data-theme=dark]{--bg:#0a0c14;--card-bg:#1c1e2e;--card-shadow:rgba(0,0,0,.3);--text:#f8fafc;--text-muted:rgba(248,250,252,.5);--title-color:#f8fafc;--meta-bg:hsla(0,0%,100%,.06);--meta-text:rgba(248,250,252,.6);--meta-strong:#f8fafc;--border:hsla(0,0%,100%,.08);--admin-bar-bg:hsla(0,0%,100%,.04);--admin-bar-border:hsla(0,0%,100%,.08);--edit-bg:#151723;--input-border:hsla(0,0%,100%,.15);--btn-site-color:#8ab4f8;--btn-site-border:hsla(0,0%,100%,.15);--login-bg:#1c1e2e;--desc-border:hsla(0,0%,100%,.06);--desc-color:rgba(248,250,252,.6)}.container{max-width:1100px;margin:0 auto;padding:0 20px}.page-title{text-align:center;margin-bottom:30px}.page-title h2{font-size:1.8em;color:var(--title-color);margin-bottom:8px}.page-title p{color:var(--text-muted);font-size:1em}.broker-card{background:var(--card-bg);border-radius:12px;box-shadow:0 2px 15px var(--card-shadow);margin-bottom:20px;overflow:hidden;transition:box-shadow .3s,transform .2s,background .3s}.broker-card:hover{box-shadow:0 5px 25px rgba(0,0,0,.15);transform:translateY(-2px)}.broker-card.inactive{opacity:.5}.broker-main{padding:20px 25px;gap:20px}.broker-logo-wrap,.broker-main{display:flex;align-items:center}.broker-logo-wrap{flex-shrink:0;width:120px;height:80px;justify-content:center;background:#fff;border-radius:10px;font-size:2em;color:#999;overflow:hidden}.broker-logo-wrap img{width:100%;height:100%;object-fit:contain}.broker-info{flex:1 1;min-width:0}.broker-info h3{font-size:1.3em;color:var(--title-color);margin-bottom:4px}.broker-info .short-desc{color:var(--text-muted);font-size:.9em;margin-bottom:8px}.broker-meta{display:flex;flex-wrap:wrap;gap:8px}.broker-meta span{font-size:.82em;color:var(--meta-text);background:var(--meta-bg);padding:4px 10px;border-radius:5px;transition:background .3s,color .3s}.broker-meta span strong{color:var(--meta-strong)}.broker-rating{flex-shrink:0;text-align:center}.rating-value{font-size:1.8em;font-weight:700;color:#27ae60;line-height:1}.rating-label{font-size:.75em;color:var(--text-muted);margin-top:2px}.rating-stars{color:#f39c12;font-size:.9em;margin-top:4px}.broker-actions{flex-shrink:0;display:flex;flex-direction:column;gap:8px}.btn-open{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,#27ae60,#2ecc71);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:14px;text-align:center;transition:opacity .2s;border:none;cursor:pointer}.btn-open:hover{opacity:.85}.btn-site{display:inline-block;padding:6px 16px;color:var(--btn-site-color);text-decoration:none;font-size:12px;text-align:center;border:1px solid var(--btn-site-border);border-radius:6px;transition:background .2s}.btn-site:hover{background:var(--meta-bg)}.broker-description{font-size:.9em;color:var(--desc-color);line-height:1.7;border-top:1px solid var(--desc-border);padding:15px 25px 20px}.admin-bar{display:flex;align-items:center;gap:6px;padding:8px 25px;background:var(--admin-bar-bg);border-bottom:1px solid var(--admin-bar-border);font-size:12px;flex-wrap:wrap}.admin-bar .spacer{flex:1 1}.abtn{padding:4px 10px;border-radius:4px;border:1px solid var(--input-border);background:var(--card-bg);cursor:pointer;font-size:12px;text-decoration:none;color:var(--text);transition:background .15s}.abtn:hover{opacity:.8}.abtn-edit{border-color:#2e89ff;color:#2e89ff}.abtn-del{border-color:#dc3545;color:#dc3545}.abtn-del:hover{background:#dc3545;color:#fff}.status-badge{padding:3px 8px;border-radius:4px;font-weight:600;font-size:11px}.status-active{background:#d4edda;color:#155724}.status-inactive{background:#f8d7da;color:#721c24}.edit-form{padding:20px 25px;background:var(--edit-bg);border-top:1px solid var(--admin-bar-border);transition:background .3s}.ef-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px;margin-bottom:12px}.ef-full{grid-column:1/-1}.edit-form label{display:block;font-size:12px;font-weight:600;color:var(--text-muted);margin-bottom:4px}.edit-form input[type=number],.edit-form input[type=text],.edit-form input[type=url],.edit-form textarea{width:100%;padding:8px 10px;border:1px solid var(--input-border);border-radius:6px;font-size:13px;font-family:inherit;background:var(--card-bg);color:var(--text);transition:background .3s,color .3s,border-color .3s}.edit-form textarea{min-height:80px;resize:vertical}.edit-form input:focus,.edit-form textarea:focus{outline:none;border-color:#2e89ff}.ef-actions{display:flex;gap:10px;align-items:center;margin-top:15px}.ef-save{padding:8px 20px;background:#2e89ff;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:13px}.ef-save:hover{background:#1a6fdf}.ef-cancel{padding:8px 20px;background:var(--card-bg);color:var(--text-muted);border:1px solid var(--input-border);border-radius:6px;text-decoration:none;font-size:13px;cursor:pointer}.ef-cancel:hover{opacity:.8}.admin-add-bar{text-align:center;margin-bottom:25px}.admin-add-bar a,.admin-add-bar button{display:inline-block;padding:10px 24px;background:#2e89ff;color:#fff;text-decoration:none;border-radius:8px;font-size:14px;border:none;cursor:pointer}.admin-add-bar a:hover,.admin-add-bar button:hover{background:#1a6fdf}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.login-box{background:var(--login-bg);padding:40px;border-radius:16px;box-shadow:0 4px 20px var(--card-shadow);width:100%;max-width:380px;transition:background .3s}.login-box h2{text-align:center;color:var(--title-color);margin-bottom:24px}.login-box .field{margin-bottom:16px}.login-box label{display:block;font-size:13px;font-weight:600;color:var(--text-muted);margin-bottom:6px}.login-box input{width:100%;padding:10px 12px;border:1px solid var(--input-border);border-radius:8px;font-size:14px;background:var(--card-bg);color:var(--text)}.login-box input:focus{outline:none;border-color:#2e89ff}.login-box .login-btn{width:100%;padding:12px;background:#2e89ff;color:#fff;border:none;border-radius:8px;font-size:15px;cursor:pointer;margin-top:8px}.login-box .login-btn:hover{background:#1a6fdf}.login-box .error{color:#dc3545;text-align:center;margin-bottom:12px;font-size:14px}.redirect-page{min-height:100vh;display:flex;align-items:center;justify-content:center}.redirect-box{text-align:center;background:var(--card-bg);padding:50px 40px;border-radius:16px;box-shadow:0 4px 20px var(--card-shadow);max-width:420px}.redirect-box h2{color:var(--title-color);margin-bottom:12px;font-size:1.3em}.redirect-box p{color:var(--text-muted);margin-bottom:20px;font-size:.95em}.spinner{width:36px;height:36px;border:3px solid var(--border);border-top:3px solid #2e89ff;border-radius:50%;animation:spin .8s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(1turn)}}.manual-link{color:#2e89ff;font-size:.85em;text-decoration:none}.manual-link:hover{text-decoration:underline}.no-brokers{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:1.1em}@media (max-width:768px){.broker-main{flex-wrap:wrap;padding:15px}.broker-logo-wrap{width:90px;height:60px}.broker-logo-wrap img{width:100%;height:100%}.broker-actions{flex-direction:row;width:100%}.broker-actions .btn-open{flex:1 1}.ef-row{grid-template-columns:1fr}}