.topbar{height:60px;display:flex;align-items:center;gap:12px;padding:0 16px;border-bottom:1px solid #1f8a3d;background:#0e1a0e;position:sticky;top:0;z-index:1100}.topbar-title{margin:0;flex:1;min-width:0;font-size:20px;color:#70f394;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.topbar-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.topbar-link-btn{border:1px solid #2ea24f;background:#111;color:#70f394;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}.topbar-link-btn:hover{background:#1a2a1a}.menu-btn{flex-shrink:0;margin-left:auto;width:42px;height:36px;border:1px solid #2ea24f;background:#111;border-radius:8px;display:inline-flex;flex-direction:column;justify-content:center;gap:5px;padding:0 8px;cursor:pointer}.menu-btn span{display:block;width:100%;height:2px;background:#70f394}.sidebar{position:fixed;top:0;left:0;width:270px;height:100vh;background:#0f140f;border-right:1px solid #1f8a3d;transform:translate(-100%);transition:transform .25s ease;z-index:1001;padding:16px}.sidebar.open{transform:translate(0)}.page-toast{position:fixed;top:16px;right:16px;max-width:330px;padding:11px 14px;border-radius:8px;font-size:13px;font-weight:600;z-index:2000;opacity:0;pointer-events:none;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}.page-toast.visible{opacity:1;transform:translateY(0)}.page-toast.success{border:1px solid #2ea24f;background:#14331c;color:#9ff4b4}.page-toast.error{border:1px solid #9c3636;background:#351616;color:#ffb3b3}.sidebar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.sidebar-header h2{margin:0;font-size:18px;color:#70f394}.close-btn{border:1px solid #2ea24f;background:#121212;color:#fff;border-radius:6px;width:34px;height:34px;cursor:pointer}.nav-list{display:flex;flex-direction:column;gap:10px}.nav-btn{display:block;width:100%;text-decoration:none;text-align:left;border:1px solid #2ea24f;background:#131313;color:#f5fff5;border-radius:8px;padding:11px 12px;font-size:15px;cursor:pointer}.nav-btn:hover{background:#1b241b}.nav-btn.active{background:#1f9c46;color:#fff}.logout-btn{margin-top:8px;border-color:#8f2727;background:#2b1010}.logout-btn:hover{background:#3d1717}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:1000}.overlay.show{opacity:1;pointer-events:auto}.content{padding:24px}.content-card{max-width:760px;border:1px solid #1f8a3d;border-radius:12px;background:#0e1a0e;padding:22px}.info-sms-section-title{margin:18px 0 4px;font-size:17px;color:#70f394}.info-sms-section-note{margin:0 0 12px;font-size:12px;color:#8aa892;line-height:1.4}.content-card h2{margin-top:0;color:#70f394}.stats-grid{margin-top:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}.stat-box{border:1px solid #1f8a3d;border-radius:10px;background:#131d13;padding:14px}.stat-box h3{margin:0;font-size:15px;color:#d4f9dd}.stat-value{margin:10px 0 0;font-size:30px;font-weight:700;color:#70f394}.session-tools{margin-top:18px;display:flex;flex-wrap:wrap;align-items:flex-start;gap:14px}.session-tools-stack{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%;max-width:420px}.credential-modal-status{margin-top:10px}.action-btn{border:1px solid #2ea24f;background:#1f9c46;color:#fff;border-radius:8px;font-size:14px;padding:10px 14px;cursor:pointer}.action-btn:hover{background:#2cb257}.action-btn:disabled{cursor:not-allowed;opacity:.65}.toggle-row{display:inline-flex;align-items:center;gap:10px}.switch{position:relative;display:inline-block;width:52px;height:28px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;background:#4c4c4c;transition:.2s;border-radius:20px}.slider:before{content:"";position:absolute;width:22px;height:22px;left:3px;top:3px;background:#fff;transition:.2s;border-radius:50%}.switch input:checked+.slider{background:#1f9c46}.switch input:checked+.slider:before{transform:translate(24px)}.device-list,.notification-list,.sms-list{margin-top:14px;display:grid;gap:12px}.device-card,.notification-card,.sms-item{border:1px solid #1f8a3d;background:#121d12;border-radius:10px;padding:12px;max-width:100%;overflow:hidden}.device-card h3,.notification-card h3,.sms-item h3{margin:0;color:#93f2ab;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.device-meta,.notification-meta,.sms-meta{margin:6px 0 0;color:#d8f7df;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word}.action-groups{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px}.action-group{display:grid;gap:8px}.stop-btn,.info-btn{border:1px solid #af5f1a;background:#3f2208;color:#fff4e7;border-radius:8px;font-size:14px;padding:10px 12px;text-decoration:none;cursor:pointer}.stop-btn:hover,.info-btn:hover{background:#55300d}.sms-send-panel,.sms-filter-panel{margin-top:16px;display:grid;gap:8px}.panel-input{border:1px solid #2ea24f;border-radius:8px;background:#0f0f0f;color:#fff;font-size:14px;padding:10px}.panel-textarea{min-height:90px;resize:vertical}.filter-row{display:flex;flex-wrap:wrap;gap:8px}.filter-btn{border:1px solid #2ea24f;background:#111;color:#d8f7df;border-radius:8px;font-size:13px;padding:8px 12px;cursor:pointer}.filter-btn.active{background:#1f9c46;color:#fff}.tag{display:inline-block;margin-top:6px;padding:2px 8px;border-radius:999px;font-size:12px;background:#194325;color:#adf2bf}.client-live-status{display:inline-flex;align-items:center;justify-content:center;min-width:74px;padding:6px 10px;border-radius:999px;font-size:12px;font-weight:700;border:1px solid transparent}.client-live-status.online{background:#153822;border-color:#2ea24f;color:#9ff4b4}.client-live-status.offline{background:#3a1616;border-color:#9c3636;color:#ffb3b3}.config-list{margin-top:14px;display:grid;gap:12px}.config-card{border:1px solid #1f8a3d;background:#121d12;border-radius:10px;padding:14px;display:grid;gap:8px}.config-card h3{margin:0;color:#93f2ab}.popup-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:2100;padding:16px}.popup-modal.hidden{display:none}.popup-card{width:100%;max-width:420px;border:1px solid #1f8a3d;border-radius:12px;background:#0f190f;padding:18px;max-height:85vh;overflow-y:auto}.popup-card h3{margin:0 0 8px;color:#93f2ab}.popup-card-wide{max-width:560px}.popup-card label{display:block;margin-top:10px;margin-bottom:6px;color:#d8f7df;font-size:13px}.popup-card .panel-input{width:100%}.popup-card .action-groups{margin-top:14px}body[data-page=clients] .content{height:calc(100vh - 60px);overflow:hidden;padding:12px 14px}body[data-page=clients] .content-card.clients-page{display:flex;flex-direction:column;height:100%;max-height:100%;overflow:hidden;padding:10px 12px}.clients-page-sticky{flex-shrink:0;position:sticky;top:0;z-index:2;background:#0e1a0e;padding-bottom:6px}.clients-list-scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;margin-top:4px;padding-right:2px;align-content:start;grid-auto-rows:max-content}body[data-page=clients] .clients-list-scroll .device-card{flex-shrink:0;align-self:stretch;height:auto;min-height:0}.clients-toolbar{margin-top:6px;display:grid;grid-template-columns:1fr 168px;gap:8px}.clients-toolbar .panel-input{padding:7px 10px;font-size:13px}.clients-page-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:0}.clients-page-header-copy h2{margin:0 0 2px;font-size:15px;line-height:1.2}.clients-page-header-copy p{margin:0;font-size:11px;color:#8aa892;line-height:1.3}.list-filter-panel{margin-top:14px;display:grid;gap:8px}.card-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.card-action-icons{display:inline-flex;gap:8px}.like-btn,.seen-btn,.delete-btn{border:1px solid #7d7d7d;background:#1d1d1d;color:#f5fff5;border-radius:8px;padding:6px 10px;font-size:12px;cursor:pointer}.like-btn.active{border-color:#d18a18;background:#5a3a08;color:#fff0c9}.seen-btn.active{border-color:#2ea24f;background:#14331c;color:#9ff4b4}.delete-btn{border-color:#8f2727;background:#2b1010}.delete-btn:hover{background:#3d1717}.sms-scroll-box{margin-top:12px;max-height:360px;overflow-y:auto;border:1px solid #1f8a3d;border-radius:10px;padding:8px;background:#0f190f}body[data-page=info] .content{height:calc(100vh - 60px);overflow-y:auto}body[data-page=info] .content-card{min-height:calc(100vh - 108px);height:auto;display:flex;flex-direction:column}body[data-page=info] .sms-scroll-box{flex:1;min-height:260px;max-height:48vh}body[data-page=info] .forwarding-grid{margin-top:10px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;direction:rtl}body[data-page=info] .forwarding-column{direction:ltr}body[data-page=info] .forwarding-column .action-btn,body[data-page=info] .forwarding-column .stop-btn{width:100%;min-height:38px;padding:8px;font-size:12px;line-height:1.2}@media (max-width: 768px){.topbar{gap:8px;padding:0 10px}.topbar-title{font-size:15px}.topbar-link-btn{padding:5px 7px;font-size:10px}.content,.content-card{padding:14px}body[data-page=info] .content-card{min-height:calc(100vh - 88px);height:auto}.popup-modal{padding:10px;align-items:flex-end}.popup-card{border-radius:12px 12px 0 0;max-height:88vh}.sms-scroll-box{max-height:52vh}body[data-page=info] .forwarding-grid{gap:6px}body[data-page=info] .forwarding-column .action-btn,body[data-page=info] .forwarding-column .stop-btn{min-height:34px;padding:7px 6px;font-size:11px}body[data-page=clients] .content{padding:10px}.clients-toolbar{grid-template-columns:1fr}}@media (max-width: 540px){body[data-page=info] .sms-scroll-box{min-height:250px;max-height:46vh}}.download-controls{margin-top:12px;display:flex;flex-direction:column;gap:10px;width:100%}.download-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%}.download-btn{min-height:44px;padding:10px 6px;font-size:12px;font-weight:600;line-height:1.25;border-radius:8px;cursor:pointer;text-align:center;overflow-wrap:anywhere;word-break:break-word}.download-btn-start{border:1px solid #2ea24f;background:#1f9c46;color:#fff}.download-btn-start:hover:not(:disabled){background:#2cb257}.download-btn-stop{border:1px solid #af5f1a;background:#3f2208;color:#fff4e7}.download-btn-stop:hover:not(:disabled){background:#55300d}.download-btn:disabled{opacity:.55;cursor:not-allowed}@media (max-width: 420px){.download-row{gap:6px}.download-btn{font-size:11px;padding:8px 4px;min-height:42px}}.info-header-meta{margin:0 0 10px}.info-subtitle-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;font-size:12px;color:#c5e6cc;margin:0 0 6px;line-height:1.4}.info-sim-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:8px 14px;font-size:12px;color:#c5e6cc;line-height:1.4}.info-sim-block{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;min-width:0;flex:1 1 200px}.info-sim-block .sim-number{flex:1 1 100px}.device-id-label{color:#8aa892;flex-shrink:0}.device-id-code{font-family:ui-monospace,monospace;font-size:11px;color:#d8f5de;word-break:break-all;flex:1 1 120px;min-width:0}.copy-chip{font-size:11px;padding:3px 10px;border-radius:4px;border:1px solid #2ea24f;background:#111;color:#70f394;cursor:pointer;flex-shrink:0}.copy-chip:hover{background:#1a2a1a}.copy-chip:disabled{opacity:.45;cursor:not-allowed}.device-id-line{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;white-space:normal}.system-badge{display:inline-block;margin-left:8px;padding:2px 8px;border-radius:999px;border:1px solid #36533c;background:#142018;color:#9ed8ac;font-size:10px;letter-spacing:.04em;vertical-align:middle}.system-badge-client{border-color:#2f6a41;color:#8ee6a6}.system-badge-all{border-color:#5f6b29;color:#d7e488}.system-badge-telegram{border-color:#2e5f72;color:#8dd7ee}:root{--mr-bg: #050505;--mr-surface: #0c0c0c;--mr-surface-2: #121212;--mr-border: #2a2a2a;--mr-border-soft: #1e1e1e;--mr-text: #f0f0f0;--mr-muted: #9a9a9a;--mr-accent: #e8e8e8;--mr-btn: #1f1f1f;--mr-btn-hover: #2e2e2e;--mr-online: #bdbdbd;--mr-offline: #888}body{background:var(--mr-bg);color:var(--mr-text)}.topbar{border-bottom-color:var(--mr-border);background:var(--mr-surface)}.topbar-title,.sidebar-header h2,.content-card h2,.stat-value,.info-sms-section-title{color:var(--mr-accent)}.menu-btn,.topbar-link-btn,.nav-btn,.close-btn,.panel-input,.filter-btn,.copy-chip{border-color:var(--mr-border)}.menu-btn span{background:var(--mr-accent)}.sidebar{background:var(--mr-surface);border-right-color:var(--mr-border)}.nav-btn:hover,.topbar-link-btn:hover{background:var(--mr-btn-hover)}.topbar-link-btn{color:var(--mr-text)}.nav-btn.active{background:var(--mr-btn-hover);color:var(--mr-text);border-color:var(--mr-accent)}.content-card,.stat-box,.device-card,.config-card,.popup-card,.sms-scroll-box{border-color:var(--mr-border);background:var(--mr-surface-2)}.clients-page-sticky{background:var(--mr-surface)}.action-btn,.download-btn-start{border-color:var(--mr-border);background:var(--mr-btn);color:var(--mr-text)}.action-btn:hover:not(:disabled),.download-btn-start:hover:not(:disabled){background:var(--mr-btn-hover)}.filter-btn.active{background:var(--mr-btn-hover);color:var(--mr-text)}.page-toast.success{border-color:var(--mr-border);background:var(--mr-surface-2);color:var(--mr-text)}.switch input:checked+.slider{background:#555}.client-live-status.online{background:#1a1a1a;border-color:#666;color:var(--mr-online)}.seen-btn.active,.like-btn.active{border-color:var(--mr-border);background:var(--mr-btn-hover);color:var(--mr-text)}.device-card h3,.notification-card h3,.sms-item h3,.config-card h3,.popup-card h3{color:var(--mr-accent)}.device-meta,.clients-page-header-copy p,.device-id-label{color:var(--mr-muted)}.system-badge,.system-badge-client{border-color:var(--mr-border);background:var(--mr-surface);color:var(--mr-muted)}.sms-send-panel-priority{margin-top:12px;padding:12px;border:1px solid var(--mr-border);border-radius:10px;background:var(--mr-surface)}.clients-toolbar-single{grid-template-columns:1fr!important}.device-card-compact{padding:10px}.device-card-last-opened{border-color:#666;box-shadow:inset 0 0 0 1px #555}body[data-page=info] .forwarding-grid{grid-template-columns:repeat(2,minmax(0,1fr));direction:ltr}.login-card{background:var(--mr-surface)!important;border-color:var(--mr-border)!important;box-shadow:none!important}.login-card h1{color:var(--mr-accent)!important}.login-card .subtitle,.login-card label{color:var(--mr-muted)!important}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#f5fff5}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}.login-card{width:100%;max-width:420px;background:#0e1a0e;border:1px solid #1f8a3d;border-radius:12px;padding:28px;box-shadow:0 0 24px #0f6e2d59}.login-icon{width:90px;height:90px;display:block;margin:0 auto 16px;border-radius:10px}h1{margin:0;text-align:center;color:#41d86d}.subtitle{margin:8px 0 20px;text-align:center;color:#d8f7df}form{display:flex;flex-direction:column;gap:10px}label{font-weight:700;color:#cbf5d3}input{background:#000;color:#fff;border:1px solid #2ea24f;border-radius:8px;padding:11px;font-size:15px}input:focus{outline:2px solid #41d86d;border-color:#41d86d}button{margin-top:6px;border:none;border-radius:8px;background:#1f9c46;color:#fff;font-size:15px;padding:11px;cursor:pointer}button:hover{background:#28b353}.secondary{width:100%;margin-top:10px;background:#1f1f1f;border:1px solid #2ea24f}.secondary:hover{background:#2b2b2b}.otp-note{margin:2px 0 0;font-size:13px;color:#b7ecc3}#statusMessage{min-height:22px;margin:16px 0 0;text-align:center;font-weight:600}.error{color:#ff7b7b}.success{color:#70f394}.hidden{display:none}