:root{--red-600:#9b1b1b;--red-500:#dc2626;--red-400:#ef4444;--red-300:#f87171;--red-100:#fee2e2;--gold-600:#92700c;--gold-500:#b8960f;--gold-400:#d4a912;--gold-300:#e8c026;--gold-200:#f0d861;--gold-100:#fef9c3;--fsb-900:#0b1a0b;--fsb-800:#132613;--fsb-700:#1a3a1a;--fsb-600:#2d5a2d;--fsb-500:#3d7a3d;--fsb-400:#4caf50;--fsb-300:#81c784;--neutral-950:#080a08;--neutral-900:#0e120e;--neutral-850:#141a14;--neutral-800:#1a221a;--neutral-750:#202820;--neutral-700:#283028;--neutral-600:#384038;--neutral-500:#5a6b5a;--neutral-400:#8fa38f;--neutral-300:#c1d1c1;--neutral-200:#d8e5d8;--neutral-100:#eaf0ea;--neutral-50:#f5f8f5;--green-500:#22c55e;--green-400:#4ade80;--green-600:#16a34a;--white:#fff;--black:#000;--bg-primary:var(--neutral-950);--bg-secondary:var(--neutral-900);--bg-card:var(--neutral-850);--bg-elevated:var(--neutral-800);--bg-input:var(--neutral-750);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400);--text-muted:var(--neutral-500);--text-heading:var(--white);--accent:var(--fsb-500);--accent-hover:var(--fsb-400);--accent-glow:#3d7a3d4d;--accent-subtle:#3d7a3d1a;--gold:var(--gold-500);--gold-hover:var(--gold-400);--gold-glow:#b8960f4d;--gold-subtle:#b8960f1a;--success:var(--green-500);--success-glow:#22c55e4d;--border-color:#ffffff0f;--border-hover:#ffffff1f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:999px;--font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 12px #0006;--shadow-lg:0 8px 30px #00000080;--shadow-glow-red:0 0 30px #3d7a3d40;--shadow-glow-gold:0 0 30px #b8960f33;--shadow-glow-green:0 0 20px #22c55e33;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;font-family:var(--font);color:var(--text-primary);background:var(--bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:14px;line-height:1.5;overflow:hidden}#app{flex-direction:column;height:100%;display:flex}a{color:var(--gold);text-decoration:none}button{font-family:var(--font);cursor:pointer;color:inherit;background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font);color:var(--text-primary);background:var(--bg-input);border:none;outline:none}code{font-family:var(--font-mono);background:var(--bg-elevated);border-radius:var(--radius-sm);color:var(--gold);padding:2px 6px;font-size:.9em}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--neutral-700);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--neutral-600)}.topbar{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);z-index:100;justify-content:space-between;align-items:center;height:52px;min-height:52px;padding:0 20px;display:flex}.topbar__brand{align-items:center;gap:10px;display:flex}.topbar__logo{object-fit:contain;filter:drop-shadow(0 0 8px #b8960f4d);border-radius:4px;width:36px;height:36px}.topbar__title{color:var(--text-heading);letter-spacing:-.3px;font-size:16px;font-weight:700}.topbar__subtitle{color:var(--text-muted);margin-left:8px;font-size:11px;font-weight:500}.topbar__right{align-items:center;gap:12px;display:flex}.topbar__status{color:var(--text-secondary);background:var(--bg-elevated);border-radius:var(--radius-full);align-items:center;gap:6px;padding:4px 10px;font-size:12px;display:flex}.topbar__btn{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;display:flex}.topbar__btn--logout{color:var(--text-secondary);background:var(--bg-elevated)}.topbar__btn--logout:hover{color:var(--red-400);background:var(--accent-subtle)}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.online{background:var(--green-500);box-shadow:0 0 8px var(--success-glow);animation:2s infinite pulse-green}.dot.offline{background:var(--neutral-600)}.dot.connecting{background:var(--gold-400);animation:1.5s infinite pulse-gold}@keyframes pulse-green{0%,to{box-shadow:0 0 4px #22c55e66}50%{box-shadow:0 0 12px #22c55eb3}}@keyframes pulse-gold{0%,to{opacity:.5}50%{opacity:1}}.login-page{background:var(--bg-primary);background-image:radial-gradient(at 20%,#d42b2b0f 0%,#0000 60%),radial-gradient(at 80%,#ca8a040a 0%,#0000 60%);justify-content:center;align-items:center;height:100%;display:flex}.login-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);width:380px;box-shadow:var(--shadow-lg);text-align:center;padding:40px 32px}.login-card__logo{object-fit:contain;filter:drop-shadow(0 0 12px #b8960f66);width:80px;height:80px;margin:0 auto 16px}.login-card__title{color:var(--text-heading);margin-bottom:6px;font-size:22px;font-weight:700}.login-card__desc{color:var(--text-muted);margin-bottom:28px;font-size:13px;line-height:1.5}.login-card__input{text-align:center;letter-spacing:2px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-fast);margin-bottom:14px;padding:12px 16px;font-size:15px;font-weight:600}.login-card__input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-subtle)}.login-card__input::placeholder{color:var(--neutral-600);letter-spacing:0;font-weight:400}.login-card__btn{background:linear-gradient(135deg, var(--red-500), var(--red-600));color:#fff;border-radius:var(--radius-md);width:100%;transition:all var(--transition-fast);letter-spacing:.5px;padding:12px;font-size:14px;font-weight:700}.login-card__btn:hover{background:linear-gradient(135deg, var(--red-400), var(--red-500));box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.login-card__btn:active{transform:translateY(0)}.login-card__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.login-card__error{color:var(--red-300);background:var(--accent-subtle);border-radius:var(--radius-sm);margin-top:12px;padding:8px 12px;font-size:12px;display:none}.login-card__error.visible{animation:.3s fadeIn;display:block}.phone-layout{background:var(--bg-primary);flex:1;display:flex;overflow:hidden}.phone-screen-panel{background:var(--bg-secondary);border-right:1px solid var(--border-color);flex-direction:column;width:380px;min-width:380px;display:flex}.conference-panel{background:var(--bg-primary);flex-direction:column;flex:1;min-width:0;display:flex}.panel-header{border-bottom:1px solid var(--border-color);background:var(--bg-card);justify-content:space-between;align-items:center;height:44px;min-height:44px;padding:0 16px;display:flex}.phone-line-info{background:var(--bg-elevated);border-bottom:1px solid var(--border-color);align-items:center;gap:6px;padding:6px 16px;font-size:12px;display:flex}.phone-line-info__label{color:var(--text-muted);font-weight:500}.phone-line-info__number{color:var(--gold);font-weight:700;font-family:var(--font-mono);letter-spacing:.5px}.panel-header__title{color:var(--text-primary);align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}.panel-header__title svg{opacity:.6;width:16px;height:16px}.panel-header__status{color:var(--text-secondary);align-items:center;gap:6px;font-size:11px;display:flex}.panel-header--tabbed{padding:0}.panel-tabs{height:100%;display:flex}.panel-tab{color:var(--text-muted);transition:all var(--transition-fast);border-bottom:2px solid #0000;align-items:center;gap:6px;padding:0 20px;font-size:13px;font-weight:500;display:flex}.panel-tab:hover{color:var(--text-primary);background:var(--bg-elevated)}.panel-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.panel-header__room{color:var(--text-secondary);align-items:center;gap:6px;padding-right:16px;font-size:11px;display:flex}.panel-tab-content,.phone-screen-area{flex-direction:column;flex:1;display:flex;overflow:hidden}.dialpad-container{flex-direction:column;flex:1;padding:20px;display:flex}.phone-display{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color);justify-content:space-between;align-items:center;min-height:52px;margin-bottom:20px;padding:12px 16px;display:flex}.phone-display__number{letter-spacing:1px;color:var(--text-muted);text-align:center;-webkit-user-select:all;user-select:all;flex:1;font-size:22px;font-weight:600}.phone-display__number.has-number{color:var(--text-heading)}.phone-display__actions{gap:4px;display:flex}.phone-display__clear{width:28px;height:28px;color:var(--text-muted);border-radius:var(--radius-sm);transition:all var(--transition-fast);justify-content:center;align-items:center;font-size:14px;display:flex}.phone-display__clear:hover{color:var(--red-400);background:var(--accent-subtle)}.dialpad{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;display:grid}.dialpad__key{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:all var(--transition-fast);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;flex-direction:column;justify-content:center;align-items:center;padding:14px 0;display:flex}.dialpad__key:hover{background:var(--bg-input);border-color:var(--border-hover);transform:translateY(-1px)}.dialpad__key:active{background:var(--gold-subtle);border-color:var(--gold);transform:scale(.96)}.dialpad__digit{color:var(--text-heading);font-size:22px;font-weight:700;line-height:1}.dialpad__letters{color:var(--text-muted);letter-spacing:2px;margin-top:2px;font-size:9px;font-weight:600}.dialpad-actions{justify-content:center;align-items:center;gap:16px;display:flex}.dialpad-action__backspace,.dialpad-action__paste{width:48px;height:48px;color:var(--text-secondary);transition:all var(--transition-fast);background:var(--bg-elevated);border-radius:50%;justify-content:center;align-items:center;font-size:20px;display:flex}.dialpad-action__backspace:hover,.dialpad-action__paste:hover{background:var(--bg-input);color:var(--text-primary)}.dialpad-action__call{background:linear-gradient(135deg, var(--green-600), var(--green-500));width:60px;height:60px;transition:all var(--transition-fast);box-shadow:var(--shadow-glow-green);border-radius:50%;justify-content:center;align-items:center;display:flex}.dialpad-action__call svg{color:#fff;width:24px;height:24px}.dialpad-action__call:hover{transform:scale(1.08);box-shadow:0 0 30px #22c55e66}.dialpad-action__call:active{transform:scale(.95)}.dialpad-action__hangup{width:60px;height:60px;transition:all var(--transition-fast);background:linear-gradient(135deg,#991b1b,#ef4444);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 0 20px #ef44444d}.dialpad-action__hangup svg{color:#fff;width:24px;height:24px}.dialpad-action__hangup:hover{transform:scale(1.08);box-shadow:0 0 30px #ef444480}.dialpad-action__hangup:active{transform:scale(.95)}.call-screen{background:var(--bg-secondary);z-index:50;flex-direction:column;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:absolute;inset:0}.call-screen__number{color:var(--text-heading);margin-bottom:8px;font-size:28px;font-weight:700}.call-screen__status{color:var(--text-secondary);margin-bottom:4px;font-size:14px}.call-screen__timer{color:var(--gold);font-size:18px;font-weight:600;font-family:var(--font-mono);margin-bottom:40px}.call-screen__actions{gap:20px;display:flex}.call-action-btn{width:60px;height:60px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.call-action-btn svg{color:#fff;width:24px;height:24px}.call-action-btn--hangup{background:linear-gradient(135deg, var(--red-600), var(--red-500));box-shadow:var(--shadow-glow-red)}.call-action-btn--hangup:hover{transform:scale(1.1);box-shadow:0 0 30px #d42b2b80}.call-action-btn--mute,.call-action-btn--hold{background:var(--bg-elevated);border:1px solid var(--border-color)}.call-action-btn--mute:hover,.call-action-btn--hold:hover{background:var(--bg-input);border-color:var(--border-hover)}.call-action-btn--mute.active,.call-action-btn--hold.active{background:var(--gold-subtle);border-color:var(--gold)}.tab-idle{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px;display:flex}.tab-idle__icon{opacity:.7;margin-bottom:16px;font-size:48px}.tab-idle__title{color:var(--text-heading);margin-bottom:8px;font-size:18px;font-weight:700}.tab-idle__hint{color:var(--text-muted);max-width:360px;margin-bottom:20px;font-size:13px;line-height:1.6}.tab-idle__room{color:var(--text-secondary);margin-bottom:20px;font-size:13px}.audio-start-btn{background:linear-gradient(135deg, var(--fsb-700), var(--fsb-500));color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);margin-bottom:20px;padding:10px 28px;font-size:14px;font-weight:600}.audio-start-btn:hover{box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.audio-control-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:6px;padding:8px 16px;font-size:12px;font-weight:600;display:flex}.audio-control-btn.danger{background:var(--accent-subtle);color:var(--red-400)}.audio-control-btn.danger:hover{background:var(--red-500);color:#fff}.audio-copy-btn{border-radius:var(--radius-sm);background:var(--bg-elevated);transition:all var(--transition-fast);padding:4px 8px;font-size:12px}.audio-copy-btn:hover{background:var(--bg-input)}.scrcpy-live,.vdo-live{flex-direction:column;flex:1;display:flex;overflow:hidden}.scrcpy-iframe-wrap,.vdo-iframe-container{background:var(--neutral-950);flex:1;position:relative}.scrcpy-iframe-wrap iframe,.vdo-iframe-container iframe{border:none;width:100%;height:100%;position:absolute;inset:0}.scrcpy-footer,.vdo-live__footer{background:var(--bg-card);border-top:1px solid var(--border-color);justify-content:center;align-items:center;padding:8px;display:flex}.tab-setup-steps{text-align:left;flex-direction:column;gap:8px;margin-bottom:20px;display:flex}.tab-setup-step{color:var(--text-secondary);align-items:center;gap:10px;font-size:12px;display:flex}.tab-setup-step__num{background:var(--gold-subtle);width:22px;height:22px;color:var(--gold);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.tab-manual-url{width:100%;max-width:320px}.tab-manual-url__label{color:var(--text-muted);margin-bottom:6px;font-size:11px;display:block}.tab-manual-url__input-row{gap:6px;display:flex}.tab-manual-url__input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);flex:1;padding:8px 12px;font-size:13px}.tab-manual-url__input:focus{border-color:var(--gold)}.tab-manual-url__btn{background:var(--gold-subtle);color:var(--gold);border-radius:var(--radius-sm);transition:all var(--transition-fast);padding:8px 14px;font-size:14px;font-weight:700}.tab-manual-url__btn:hover{background:var(--gold);color:#fff}.vdo-bridge-hint{background:var(--bg-elevated);border-radius:var(--radius-md);border:1px solid var(--border-color);text-align:left;flex-direction:column;gap:4px;width:100%;max-width:400px;padding:12px 16px;display:flex}.vdo-bridge-hint__label{color:var(--text-muted);font-size:11px;font-weight:500}.vdo-bridge-hint__url{align-items:center;gap:8px;display:flex}.vdo-bridge-hint__url code{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:11px;overflow:hidden}.history-page{flex-direction:column;flex:1;padding:20px;display:flex;overflow-y:auto}.history-page__title{color:var(--text-heading);margin-bottom:16px;font-size:18px;font-weight:700}.history-list{flex-direction:column;gap:6px;display:flex}.history-item{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:background var(--transition-fast);align-items:center;gap:12px;padding:12px 16px;display:flex}.history-item:hover{background:var(--bg-elevated)}.history-item__icon{border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:16px;display:flex}.history-item__icon--outgoing{background:var(--success-glow);color:var(--green-500)}.history-item__icon--incoming{background:var(--gold-subtle);color:var(--gold)}.history-item__info{flex:1}.history-item__number{color:var(--text-primary);font-size:14px;font-weight:600}.history-item__time{color:var(--text-muted);font-size:11px}.history-item__duration{color:var(--text-secondary);font-size:12px;font-family:var(--font-mono)}.history-empty{text-align:center;color:var(--text-muted);padding:40px;font-size:14px}.settings-page{flex-direction:column;flex:1;max-width:600px;padding:20px;display:flex;overflow-y:auto}.settings-page__title{color:var(--text-heading);margin-bottom:20px;font-size:18px;font-weight:700}.settings-group{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);margin-bottom:16px;padding:16px}.settings-group__title{color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:13px;font-weight:700}.settings-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:10px 0;display:flex}.settings-row:last-child{border-bottom:none}.settings-row__label{color:var(--text-primary);font-size:13px}.settings-row__value{color:var(--text-secondary);font-size:13px;font-family:var(--font-mono)}.nav-tabs{border-top:1px solid var(--border-color);background:var(--bg-secondary);display:flex}.nav-tab{color:var(--text-muted);transition:all var(--transition-fast);flex-direction:column;flex:1;align-items:center;gap:3px;padding:8px 0;font-size:10px;font-weight:600;display:flex}.nav-tab:hover{color:var(--text-secondary)}.nav-tab.active{color:var(--gold)}.nav-tab svg{width:20px;height:20px}.toast-container{z-index:1000;flex-direction:column;gap:8px;display:flex;position:fixed;top:60px;right:20px}.toast{background:var(--bg-elevated);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-primary);box-shadow:var(--shadow-lg);max-width:300px;padding:10px 16px;font-size:13px;animation:.3s slideInRight}.toast--success{border-left:3px solid var(--green-500)}.toast--error{border-left:3px solid var(--red-500)}.toast--info{border-left:3px solid var(--gold)}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.incoming-call-banner{z-index:200;background:linear-gradient(135deg, var(--bg-elevated), var(--neutral-800));border:1px solid var(--gold);border-radius:var(--radius-lg);box-shadow:var(--shadow-glow-gold);align-items:center;gap:16px;padding:14px 24px;animation:.4s slideDown;display:flex;position:fixed;top:60px;left:50%;transform:translate(-50%)}.incoming-call-banner__info{flex-direction:column;gap:2px;display:flex}.incoming-call-banner__label{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600}.incoming-call-banner__number{color:var(--text-heading);font-size:18px;font-weight:700}.incoming-call-banner__actions{gap:10px;display:flex}.incoming-call-banner__btn{width:44px;height:44px;transition:all var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;display:flex}.incoming-call-banner__btn svg{color:#fff;width:20px;height:20px}.incoming-call-banner__btn--answer{background:var(--green-500);box-shadow:var(--shadow-glow-green)}.incoming-call-banner__btn--answer:hover{transform:scale(1.1)}.incoming-call-banner__btn--decline{background:var(--red-500);box-shadow:var(--shadow-glow-red)}.incoming-call-banner__btn--decline:hover{transform:scale(1.1)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%)translateY(-100%)}to{opacity:1;transform:translate(-50%)translateY(0)}}.admin-page{flex-direction:column;flex:1;gap:16px;padding:20px;display:flex;overflow-y:auto}.admin-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-header__title{color:var(--text-heading);font-size:20px;font-weight:700}.admin-header__subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.admin-add-btn{background:linear-gradient(135deg, var(--fsb-700), var(--fsb-500));color:#fff;border-radius:var(--radius-md);transition:all var(--transition-fast);align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;display:flex}.admin-add-btn:hover{box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.admin-add-btn__icon{font-size:18px;font-weight:400}.admin-form{background:var(--bg-card);border:1px solid var(--gold-subtle);border-radius:var(--radius-lg);padding:20px;animation:.2s fadeIn}.admin-form__title{color:var(--gold);margin-bottom:14px;font-size:15px;font-weight:700}.admin-form__row{gap:12px;margin-bottom:14px;display:flex}.admin-form__field{flex:1}.admin-form__field label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px;font-size:11px;font-weight:600;display:block}.admin-input{background:var(--bg-input);border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);transition:border-color var(--transition-fast);font-size:13px;font-family:var(--font-main);padding:9px 12px}.admin-input:focus{border-color:var(--gold);outline:none}.admin-form__actions{gap:8px;display:flex}.admin-btn{border-radius:var(--radius-md);transition:all var(--transition-fast);padding:9px 20px;font-size:13px;font-weight:600}.admin-btn--sm{padding:6px 14px;font-size:12px}.admin-btn--primary{background:linear-gradient(135deg, var(--fsb-700), var(--fsb-500));color:#fff}.admin-btn--primary:hover{box-shadow:var(--shadow-glow-red);transform:translateY(-1px)}.admin-btn--secondary{background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border-color)}.admin-btn--secondary:hover{background:var(--bg-input)}.admin-devices{grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:14px;display:grid}.admin-device-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);transition:all var(--transition-fast);padding:16px}.admin-device-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg)}.admin-device-card--editing{border-color:var(--gold);box-shadow:var(--shadow-glow-gold)}.admin-device-card__header{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.admin-device-card__status{align-items:center;gap:6px;display:flex}.admin-device-card__status-text{text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.admin-device-card__actions{gap:4px;display:flex}.admin-icon-btn{border-radius:var(--radius-sm);width:30px;height:30px;transition:all var(--transition-fast);background:0 0;justify-content:center;align-items:center;font-size:14px;display:flex}.admin-icon-btn:hover{background:var(--bg-elevated)}.admin-icon-btn--danger:hover{background:var(--accent-subtle)}.admin-device-card__name{color:var(--text-heading);margin-bottom:4px;font-size:16px;font-weight:700}.admin-device-card__phone{color:var(--text-muted);margin-bottom:12px;font-size:12px}.admin-device-card__info{background:var(--bg-elevated);border-radius:var(--radius-md);flex-direction:column;gap:0;display:flex;overflow:hidden}.admin-info-row{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.admin-info-row:last-child{border-bottom:none}.admin-info-row__label{color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:11px}.admin-info-row__value{color:var(--text-primary);align-items:center;gap:6px;font-size:12px;display:flex;overflow:hidden}.admin-info-row__value code{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-info-row__value--code code{color:var(--gold);font-size:13px;font-weight:700}.admin-copy-btn{border-radius:var(--radius-sm);transition:all var(--transition-fast);background:0 0;flex-shrink:0;padding:2px 6px;font-size:11px}.admin-copy-btn:hover{background:var(--bg-input)}.admin-bridge-url{max-width:180px}.admin-device-card__footer{border-top:1px solid var(--border-color);margin-top:10px;padding-top:8px}.admin-device-card__created{color:var(--text-muted);font-size:10px}.admin-empty{text-align:center;flex-direction:column;grid-column:1/-1;justify-content:center;align-items:center;padding:60px 20px;display:flex}.admin-empty__icon{opacity:.5;margin-bottom:12px;font-size:48px}.admin-empty__text{color:var(--text-primary);margin-bottom:6px;font-size:16px;font-weight:600}.admin-empty__hint{color:var(--text-muted);font-size:12px}.admin-loading{text-align:center;color:var(--text-muted);grid-column:1/-1;padding:40px}.admin-stats{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);gap:16px;padding:14px 20px;display:flex}.admin-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.admin-stat__value{color:var(--text-heading);font-size:22px;font-weight:800;font-family:var(--font-mono)}.admin-stat__value--online{color:var(--green-500)}.admin-stat__value--offline{color:var(--text-muted)}.admin-stat__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:600}@media (width<=768px){.phone-layout{flex-direction:column}.phone-screen-panel{border-right:none;border-bottom:1px solid var(--border-color);width:100%;min-width:0}.admin-devices{grid-template-columns:1fr}.admin-form__row{flex-direction:column}}