@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;600;700&display=swap";:root{--void-black: #090c12;--void-midnight: #111927;--panel-bg: rgba(15, 22, 35, .82);--panel-border: rgba(252, 176, 69, .25);--text-main: #e8edf7;--text-dim: #9aa7bd;--terminal-green: #65f4b6;--danger-red: #ff5d5d;--nuke-orange: #ff8a2d;--line-soft: rgba(255, 255, 255, .1);--bg-main: linear-gradient(160deg, #05070c 0%, #101827 45%, #0a121f 100%);--bg-grid-line: rgba(255, 255, 255, .03);--bg-radial-1: rgba(101, 244, 182, .14);--bg-radial-2: rgba(255, 138, 45, .16);--bg-radial-3: rgba(93, 159, 255, .2);--hero-wash-1: rgba(101, 244, 182, .08);--hero-wash-2: rgba(255, 138, 45, .08);--panel-shadow-drop: rgba(3, 7, 14, .45);--surface-card: rgba(255, 255, 255, .03);--surface-muted: rgba(0, 0, 0, .2);--input-bg: rgba(9, 14, 24, .72);--input-border: rgba(255, 255, 255, .18);--input-focus-border: rgba(101, 244, 182, .55);--input-focus-ring: rgba(101, 244, 182, .18);--table-head-bg: rgba(255, 255, 255, .03);--table-head-text: #b7c2d8}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:JetBrains Mono,monospace;color:var(--text-main);background:var(--bg-main)}.ui-root{min-height:100vh;position:relative;overflow-x:hidden}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}.bg-grid{background-image:linear-gradient(var(--bg-grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--bg-grid-line) 1px,transparent 1px);background-size:28px 28px;-webkit-mask-image:radial-gradient(circle at center,black,transparent 78%);mask-image:radial-gradient(circle at center,black,transparent 78%)}.bg-radial{background:radial-gradient(circle at 15% 10%,var(--bg-radial-1),transparent 35%),radial-gradient(circle at 85% 5%,var(--bg-radial-2),transparent 30%),radial-gradient(circle at 50% 80%,var(--bg-radial-3),transparent 40%);animation:drift 12s ease-in-out infinite alternate}@keyframes drift{0%{transform:scale(1)}to{transform:scale(1.08)}}.app-shell{position:relative;z-index:1;margin:0 auto;max-width:1120px;padding:24px;display:grid;gap:16px}.panel{border:1px solid var(--panel-border);border-radius:14px;background:var(--panel-bg);box-shadow:inset 0 1px #ffffff0f,0 18px 35px var(--panel-shadow-drop);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:18px}.panel-main{border-color:#fcb04557}.panel-secondary{border-color:#9aa9c43d;background:#0c121ead}.hero-panel{position:relative;overflow:hidden}.hero-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,var(--hero-wash-1),var(--hero-wash-2));pointer-events:none}.hero-head{display:flex;justify-content:space-between;gap:16px;position:relative;z-index:1}.kicker{margin:0;color:var(--terminal-green);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3{margin:8px 0;letter-spacing:.01em}.subtitle{margin:0;color:var(--text-dim);max-width:760px}.pill-row{display:grid;gap:8px;align-content:start}.status-pill{font-size:.72rem;padding:6px 10px;border-radius:999px;border:1px solid var(--line-soft);background:#ffffff0a}.status-pill.ok{border-color:#65f4b680;color:var(--terminal-green)}.status-pill.idle{border-color:#ff8a2d73;color:#ffc07f}.status-pill.neutral{color:var(--text-dim)}.status-subline{font-size:.78rem;color:var(--text-dim);padding-left:2px}.lang-switch{display:flex;align-items:center;gap:8px}.pill-row .lang-switch{justify-self:end}.lang-label{font-size:.78rem;color:var(--text-dim)}.lang-tab.active{color:#d6deef;background:#8f9db659;font-weight:700}.auth-row{margin-top:14px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;position:relative;z-index:1}.identity-chip{margin:0;padding:7px 10px;border:1px solid var(--line-soft);border-radius:8px;background:#ffffff0a}.device-form{margin-top:14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:end;position:relative;z-index:1}.device-form .action-btn{grid-column:1 / -1;justify-self:center}label{display:grid;gap:6px;font-size:.91rem;color:var(--text-dim)}input[type=text]{border:1px solid var(--input-border);border-radius:9px;padding:11px;background:var(--input-bg);color:var(--text-main);font-size:.95rem;outline:none;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 3px var(--input-focus-ring)}input[type=checkbox]{accent-color:var(--nuke-orange)}.action-btn{border:1px solid transparent;border-radius:10px;padding:10px 14px;font-size:.9rem;font-family:inherit;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.action-btn:hover:not(:disabled){transform:translateY(-1px)}.action-btn.primary{color:#051014;background:linear-gradient(90deg,#65f4b6,#97f6d0);box-shadow:0 8px 24px #65f4b640}.action-btn.secondary{color:var(--text-main);background:#ffffff14;border-color:#fff3}.action-btn.danger{color:#2b1800;background:linear-gradient(90deg,#ffb14a,#ffd27a);box-shadow:0 10px 24px #ffb14a42;min-width:240px}.action-btn:disabled{opacity:.9;cursor:not-allowed;transform:none;box-shadow:none}.action-btn.danger:disabled{color:#aeb7c9;border-color:#ffffff29;background:linear-gradient(90deg,#ffb14a52,#ffd27a3d)}.stats-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.device-split-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.stat-card{border:1px solid var(--line-soft);border-radius:10px;padding:12px;background:var(--surface-card)}.groups-card{margin-top:10px}.stat-card h3{margin:0 0 6px;font-size:.84rem;color:var(--text-dim);text-transform:uppercase}.label-main{margin:0;font-weight:600}.label-sub{margin:4px 0 0;color:var(--text-dim);font-size:.85rem;word-break:break-all}.id-row{margin-top:4px;display:flex;align-items:center;gap:8px}.id-row .label-sub{margin:0;flex:1}.id-field-label{color:var(--text-dim)}.copy-id-btn{border:1px solid rgba(255,255,255,.16);border-radius:7px;width:28px;height:26px;display:inline-flex;align-items:center;justify-content:center;background:#ffffff0d;color:#cfe3ff;cursor:pointer;transition:background .2s ease,border-color .2s ease}.copy-id-btn:hover{background:#5d9fff29;border-color:#5d9fff73}.copy-id-btn:disabled{opacity:.45;cursor:not-allowed}.device-meta{margin-top:10px;border-top:1px solid rgba(255,255,255,.1);padding-top:10px;display:grid;gap:6px}.device-meta p{margin:0;display:grid;grid-template-columns:116px 1fr auto;gap:8px;align-items:baseline;font-size:.84rem}.device-meta p span:first-child{color:var(--text-dim);white-space:nowrap}.autopilot-box{margin-top:12px;border:1px dashed var(--line-soft);border-radius:10px;padding:12px;background:var(--surface-muted)}.mode-head{margin-top:2px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.mode-status{margin:10px 0 0;color:var(--text-main)}.group-tag-pill{display:inline-block;margin:0 4px;padding:1px 8px;border-radius:999px;border:1px solid rgba(255,209,120,.6);background:#ffd17824;color:#ffe9bc;font-weight:700;letter-spacing:.01em}.switch-btn{border:1px solid rgba(255,255,255,.18);background:#ffffff0d;color:var(--text-main);border-radius:999px;min-width:148px;padding:5px 10px 5px 6px;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;cursor:pointer;font-family:inherit;transition:border-color .2s ease,background .2s ease,opacity .2s ease}.switch-track{width:42px;height:22px;border-radius:999px;background:#ffffff2e;position:relative;flex:0 0 auto}.switch-thumb{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:2px;left:2px;transition:transform .2s ease,background .2s ease}.switch-btn.on{border-color:#65f4b673;background:#65f4b61f}.switch-btn.on .switch-track{background:#65f4b659}.switch-btn.on .switch-thumb{transform:translate(20px);background:var(--terminal-green)}.switch-btn.off{border-color:#ff8a2d59}.switch-btn:disabled{cursor:not-allowed;opacity:.58}.switch-label{font-size:.82rem;font-weight:700;letter-spacing:.02em}.mode-tabs{display:inline-flex;border:1px solid rgba(255,255,255,.16);border-radius:999px;overflow:hidden;background:#ffffff0a}.mode-tab{border:0;border-right:1px solid rgba(255,255,255,.12);background:transparent;color:var(--text-dim);padding:7px 13px;font-size:.82rem;font-family:inherit;cursor:pointer;transition:color .2s ease,background .2s ease,opacity .2s ease}.mode-tab:last-child{border-right:0}.mode-tab.active{font-weight:700}.mode-tab.active.mode-copy{color:#061019;background:linear-gradient(90deg,#65f4b6,#97f6d0)}.mode-tab.active.mode-migrate{color:#241300;background:linear-gradient(90deg,#ffbb52,#ffdf8c)}.mode-tab.active.mode-off{color:#d6deef;background:#8f9db659}.debug-toggle-btn{margin-top:10px;border:1px solid rgba(93,159,255,.45);background:#5d9fff24;color:#cfe3ff;border-radius:8px;padding:6px 10px;font-size:.8rem;font-family:inherit;cursor:pointer}.debug-box{margin-top:10px;border:1px solid rgba(93,159,255,.35);border-radius:8px;background:#5d9fff1a;padding:8px 10px}.debug-title{margin:0 0 6px;color:#cfe3ff;font-size:.82rem;font-weight:700}.debug-list{margin:0;padding-left:18px;color:#c6d9f5;font-size:.82rem;display:grid;gap:4px}.result-value-small{margin-top:4px;font-size:.92rem;font-weight:700}.mode-tab:disabled{opacity:.45;cursor:not-allowed}.summary-list{margin:10px 0 0;padding:0;list-style:none;display:grid;gap:8px}.confirm-layout .summary-list{margin:0}.summary-item{display:flex;gap:10px;align-items:flex-start;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:var(--surface-card);padding:9px 10px;font-size:.9rem}.summary-icon{width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;margin-top:1px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#dbe8ff;flex:0 0 auto}.summary-icon svg{width:13px;height:13px}.summary-item.tone-info{border-color:#5ec9ff57;background:#5ec9ff12}.summary-item.tone-info .summary-icon{border-color:#5ec9ff7a;background:#5ec9ff33;color:#9de1ff}.summary-item.tone-warn{border-color:#ffbb525c;background:#ffbb5214}.summary-item.tone-warn .summary-icon{border-color:#ffbb5285;background:#ffbb5238;color:#ffd79a}.summary-item.tone-neutral{border-color:#b9c4d838}.confirm-panel{border-color:#ff8a2d6b;background:linear-gradient(180deg,#ff8a2d12,#ff8a2d00 52%),var(--panel-bg)}.confirm-head{display:grid;gap:6px}.confirm-subtitle{margin:0;max-width:100%}.confirm-layout{margin-top:12px;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}.confirm-code-label{margin:0;font-size:.76rem;color:var(--text-dim);letter-spacing:.05em}.confirm-code-value{margin:5px 0 0;display:inline-block;border:1px solid rgba(255,138,45,.5);background:#ff8a2d29;color:#ffd3a2;border-radius:999px;padding:5px 10px;font-size:.84rem;font-weight:700}.confirm-row{display:grid;grid-template-columns:1fr;gap:10px;align-items:end}.confirm-label{margin:0}.note{color:#ffd8a8;margin-top:8px;margin-bottom:10px}.danger-zone{border:1px solid rgba(255,180,84,.45);border-radius:10px;background:linear-gradient(180deg,#ffb14a24,#ffb14a0d);padding:12px;display:grid;gap:12px;align-content:start}.danger-zone-head{display:grid;gap:4px}.danger-zone-head h3{margin:0;font-size:.95rem;color:#ffe0b0}.danger-zone-head p{margin:0;color:#ffd3a0;font-size:.8rem;line-height:1.35}.danger-zone-confirm{border:1px solid rgba(255,200,133,.3);border-radius:10px;background:#2419083d;padding:10px}.danger-zone-btn{width:100%;min-width:0}.groups-preview-panel{border-color:#8cb0e64d}.groups-preview-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.groups-preview-subtitle{margin-top:2px}.preview-toggle-btn{border:1px solid rgba(140,176,230,.42);border-radius:999px;background:#8cb0e61f;color:#d7e6ff;padding:7px 12px;font-size:.82rem;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .15s ease}.preview-toggle-btn:hover{background:#8cb0e633;border-color:#8cb0e68f;transform:translateY(-1px)}.table-wrap{margin-top:10px;overflow-x:auto;border:1px solid var(--line-soft);border-radius:10px}table{width:100%;border-collapse:collapse;min-width:560px}th,td{text-align:left;border-bottom:1px solid rgba(255,255,255,.08);padding:9px 8px;font-size:.89rem}th{color:var(--table-head-text);background:var(--table-head-bg)}.ok-cell{color:var(--terminal-green)}.warn-cell{color:#ffc07f}.result-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:12px}.result-tile{border-radius:10px;border:1px solid var(--line-soft);padding:12px;background:#ffffff08}.result-label{margin:0;color:var(--text-dim)}.result-value{margin:8px 0 0;font-size:1.25rem;font-weight:700}.message{margin-top:10px;margin-bottom:0;padding:9px 10px;border-radius:8px;border:1px solid;font-size:.88rem}.message-info{color:#cde0ff;border-color:#5d9fff66;background:#5d9fff24}.message-error{color:#ffd0d0;border-color:#ff5d5d66;background:#ff5d5d29}.message-warn{color:#ffd8a8;border-color:#ff8a2d73;background:#ff8a2d26}@media (max-width: 900px){.hero-head{grid-template-columns:1fr;display:grid}.device-split-grid,.stats-grid,.result-grid,.confirm-row,.confirm-layout{grid-template-columns:1fr}.danger-zone-btn{width:100%;min-width:0}.groups-preview-head{align-items:stretch}.preview-toggle-btn{width:100%}.device-meta p{grid-template-columns:1fr;gap:2px}.device-form{grid-template-columns:1fr}}@media (max-width: 700px){.app-shell,.panel{padding:14px}.action-btn{width:100%;min-width:0}}