:root{color-scheme:light;font-family:Inter,Segoe UI,Roboto,Arial,sans-serif;background:#f7f8fb;color:#20242c;font-synthesis:none;text-rendering:optimizeLegibility;--surface: #ffffff;--surface-2: #f1f4f8;--border: #d9e0ea;--muted: #637083;--text: #20242c;--blue: #2563eb;--green: #15803d;--amber: #b7791f;--red: #c2413a;--shadow: 0 10px 30px rgba(28, 35, 51, .08)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:252px minmax(0,1fr);min-height:100vh;background:linear-gradient(180deg,#f7f8fbf2,#f7f8fb),#f7f8fb}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;height:100vh;padding:18px 14px;border-right:1px solid var(--border);background:#fff}.brand-block{display:flex;align-items:center;gap:12px;padding:6px 6px 18px}.brand-mark{display:grid;width:40px;height:40px;place-items:center;border-radius:8px;background:#1f2937;color:#fff;font-weight:800}.brand-block strong,.brand-block span,.sidebar-status strong,.sidebar-status span{display:block}.brand-block span,.sidebar-status span{color:var(--muted);font-size:12px}.nav-list{display:grid;gap:5px}.nav-button,.key-row,.batch-row{width:100%;border:0;color:var(--text);text-align:left;background:transparent}.nav-button{display:flex;align-items:center;gap:10px;min-height:42px;padding:0 11px;border-radius:8px}.nav-button:hover,.nav-button.active{background:#e9f0ff;color:#1747b8}.sidebar-status{display:flex;gap:10px;align-items:center;margin-top:auto;padding:12px;border:1px solid var(--border);border-radius:8px;background:#f8fafc}.main-shell{min-width:0}.topbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:14px;min-height:66px;padding:10px 22px;border-bottom:1px solid var(--border);background:#f7f8fbf0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.mobile-title{display:none}.search-box{display:flex;align-items:center;gap:10px;flex:1;max-width:560px;height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;color:var(--text)}.topbar-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.icon-button,.action-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text)}.icon-button{width:40px;height:40px}.icon-button:hover,.action-button:hover{border-color:#b7c2d3;background:#f8fafc}.action-button{gap:8px;min-height:40px;padding:0 14px;background:#1f2937;color:#fff}.profile-pill{display:grid;min-width:156px;padding:7px 12px;border:1px solid var(--border);border-radius:8px;background:#fff}.profile-pill span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-pill strong{color:var(--muted);font-size:11px;letter-spacing:0}.content{padding:22px}.page-grid{display:grid;gap:16px}.page-header{display:flex;align-items:end;justify-content:space-between;gap:14px}.page-header span{color:var(--muted);font-size:13px;font-weight:700;text-transform:uppercase}.page-header h1{margin:3px 0 0;font-size:26px;line-height:1.15}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{display:grid;gap:8px;min-height:92px;padding:16px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.metric span{color:var(--muted);font-size:13px}.metric strong{font-size:30px;line-height:1}.metric-blue{border-left:4px solid var(--blue)}.metric-green{border-left:4px solid var(--green)}.metric-amber{border-left:4px solid var(--amber)}.metric-red{border-left:4px solid var(--red)}.metric-neutral{border-left:4px solid #64748b}.panel{min-width:0;padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.stretch-panel{min-height:520px}.compact-panel{display:none}.panel-title{display:flex;align-items:center;gap:8px;margin-bottom:12px}.panel-title h2{margin:0;font-size:16px}.table-wrap{width:100%;overflow:auto}table{width:100%;min-width:760px;border-collapse:collapse}.gmail-table{min-width:1180px}th{padding:10px 12px;border-bottom:1px solid var(--border);color:#475569;font-size:12px;text-align:left;white-space:nowrap}td{padding:11px 12px;border-bottom:1px solid #edf1f6;vertical-align:middle}td strong,.item-card strong{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.subline,.item-card span,.batch-row span,.key-row span,.video-card header span{display:block;color:var(--muted);font-size:12px}.split-layout,.workflow-layout{display:grid;gap:14px;align-items:start}.split-layout{grid-template-columns:minmax(220px,280px) minmax(0,1fr)}.workflow-layout{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}.key-rail,.batch-list{display:grid;gap:8px}.key-row,.batch-row{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:68px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff}.key-row.active,.batch-row.active{border-color:#a9bff5;background:#edf4ff}.batch-row{align-items:flex-start}.batch-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.batch-heading h2{margin:0;font-size:22px}.batch-heading span{color:var(--muted);font-size:13px}.batch-actions{display:flex;align-items:center;gap:8px}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.empty-state{display:grid;min-height:360px;place-items:center;align-content:center;gap:10px;color:var(--muted);text-align:center}.empty-state h2{margin:0;color:var(--text);font-size:20px}.empty-state p{max-width:420px;margin:0;line-height:1.5}.compact-empty{min-height:180px}.video-card,.item-card,.more-tile{border:1px solid var(--border);border-radius:8px;background:#fff}.video-card{display:grid;gap:12px;padding:12px}.video-card header{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.step-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;padding:0 8px;border:1px solid #d6dce6;border-radius:7px;background:#f8fafc;color:#475569}.step-toggle.done{border-color:#a4d6b6;background:#edf9f1;color:var(--green)}.step-toggle span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.progress-wrap{position:relative;height:18px;overflow:hidden;border-radius:6px;background:#e8edf5}.progress-wrap div{height:100%;border-radius:inherit;background:#2563eb}.progress-wrap span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#1f2937;font-size:11px;font-weight:700}.status-pill{display:inline-flex;align-items:center;min-height:24px;max-width:150px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.status-pill.ok{background:#e9f7ee;color:var(--green)}.status-pill.info{background:#eaf1ff;color:var(--blue)}.status-pill.warn{background:#fff6dd;color:var(--amber)}.status-pill.bad{background:#ffedeb;color:var(--red)}.segmented{display:inline-flex;width:max-content;max-width:100%;overflow:auto;padding:3px;border:1px solid var(--border);border-radius:8px;background:#fff}.segmented button{min-height:34px;padding:0 14px;border:0;border-radius:6px;background:transparent;color:#475569}.segmented button.active{background:#1f2937;color:#fff}.mobile-card-list{display:none;gap:10px}.always-cards{display:grid}.item-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:72px;padding:12px}.card-main{min-width:0}.card-meta{display:grid;justify-items:end;gap:6px;flex-shrink:0}.secret-text,.otp-display{display:inline-flex;align-items:center;gap:6px;max-width:260px}.secret-text code{overflow:hidden;max-width:210px;padding:3px 6px;border-radius:6px;background:#f1f5f9;color:#1f2937;text-overflow:ellipsis;white-space:nowrap}.otp-display b{font-size:16px;letter-spacing:0}.otp-display small,.muted-cell{color:var(--muted)}.otp-error{color:var(--red);font-weight:700}.mini-icon-button{display:inline-grid;width:26px;height:26px;place-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;background:#fff;color:#475569}.gmail-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff}.gmail-card-grid{display:grid;gap:8px}.gmail-card-grid span{display:grid;gap:4px;min-width:0;color:var(--muted);font-size:12px}.more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.more-tile{display:flex;align-items:center;gap:12px;min-height:92px;padding:14px}.more-tile span{display:block;color:var(--muted);font-size:12px}.mobile-nav{display:none}.auth-page{display:grid;min-height:100vh;place-items:center;padding:20px;background:linear-gradient(180deg,#f7f8fbf0,#f7f8fb),#f7f8fb}.auth-card{display:grid;gap:14px;width:min(100%,420px);padding:24px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.auth-message-card{text-align:center}.auth-icon{display:grid;width:48px;height:48px;place-items:center;border-radius:8px;background:#eef4ff;color:var(--blue)}.auth-message-card .auth-icon{margin:0 auto}.auth-card h1{margin:0;font-size:26px}.auth-card p{margin:-6px 0 2px;color:var(--muted)}.auth-card label{display:grid;gap:7px;color:#334155;font-weight:700}.auth-card input{width:100%;min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;outline:0}.auth-card input:focus{border-color:#8aa8f2;box-shadow:0 0 0 3px #2563eb1f}.auth-submit{min-height:44px;border:0;border-radius:8px;background:#1f2937;color:#fff;font-weight:800}.auth-submit:disabled{cursor:wait;opacity:.7}.auth-error,.inline-error{padding:10px 12px;border:1px solid #f1b8b2;border-radius:8px;background:#fff1ef;color:var(--red)}.admin-panel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-panel .inline-error{grid-column:1 / -1}.admin-mini-card{display:grid;gap:9px;min-width:0;padding:13px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:var(--shadow)}.admin-mini-card strong{font-size:15px}.admin-mini-card input,.admin-mini-card select{width:100%;min-height:40px;padding:0 11px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);outline:0}.admin-mini-card input:focus,.admin-mini-card select:focus{border-color:#8aa8f2;box-shadow:0 0 0 3px #2563eb1f}.form-error{color:var(--red);font-weight:700}.step-summary{display:block;margin-top:4px;color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:18px;background:#0f172a59}.modal-card{display:grid;gap:14px;width:min(100%,760px);max-height:calc(100vh - 36px);overflow:auto;padding:18px;border:1px solid var(--border);border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a38}.modal-header,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:12px}.modal-header span{color:var(--muted);font-size:12px;font-weight:800;text-transform:uppercase}.modal-header h2{margin:2px 0 0}.create-batch-form label,.step-picker{display:grid;gap:7px;color:#334155;font-weight:700}.create-batch-form input,.create-batch-form select{min-height:42px;padding:0 12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);outline:0}.create-batch-form input:focus,.create-batch-form select:focus{border-color:#8aa8f2;box-shadow:0 0 0 3px #2563eb1f}.form-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.step-picker{margin:0;padding:0;border:0}.step-picker legend{margin-bottom:8px;font-weight:800}.step-picker-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.step-choice{display:flex;gap:10px;min-height:72px;padding:11px;border:1px solid var(--border);border-radius:8px;background:#f8fafc}.step-choice.selected{border-color:#a4d6b6;background:#f0fbf3}.step-choice input{width:18px;min-height:18px;margin-top:2px}.step-choice small{display:block;margin-top:3px;color:var(--muted);font-weight:500}.primary-button,.secondary-button{min-height:40px;padding:0 14px;border-radius:8px;font-weight:800}.primary-button{border:0;background:#1f2937;color:#fff}.secondary-button{border:1px solid var(--border);background:#fff;color:var(--text)}.security-note{padding:10px 12px;border:1px solid #f0d28a;border-radius:8px;background:#fff8df;color:#7c520d}.secondary-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid var(--border);border-radius:8px;color:var(--text);text-decoration:none}.warnings-panel ul{margin:0;padding-left:20px}.warnings-panel li+li{margin-top:6px}.operations-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.ops-card-list,.ops-todo-list{display:grid;gap:10px}.ops-card{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:78px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff}.ops-card strong,.ops-link-card strong{display:block}.ops-card span,.ops-link-card span,.ops-link-card small{display:block;color:var(--muted);font-size:12px}.ops-stats{display:grid;justify-items:end;gap:6px;flex-shrink:0}.ops-todo-list label{display:flex;align-items:flex-start;gap:9px;min-height:40px;padding:9px 10px;border:1px solid var(--border);border-radius:8px;background:#f8fafc}.ops-link-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.ops-link-card{min-height:82px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff;color:var(--text);text-decoration:none}.ops-link-card:hover{border-color:#a9bff5;background:#f8fbff}.api-note{display:flex;gap:8px;align-items:center;border-color:#c7d7fe;background:#f5f8ff}.api-note span{color:var(--muted)}.api-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.inline-select{display:flex;align-items:center;gap:8px;color:#475569;font-weight:700;white-space:nowrap}.inline-select select{min-height:36px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:#fff}.channel-api-table{min-width:1320px}.channel-api-card{display:grid;gap:10px;padding:12px;border:1px solid var(--border);border-radius:8px;background:#fff}.api-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.api-card-grid span{display:grid;gap:3px;min-height:48px;padding:8px;border-radius:7px;background:#f8fafc;color:var(--muted);font-size:12px}.api-card-grid b{color:var(--text);font-size:15px}.card-meta-row{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:12px}@media(max-width:1180px){.app-shell{grid-template-columns:76px minmax(0,1fr)}.brand-block{justify-content:center;padding-bottom:12px}.brand-block div:not(.brand-mark),.nav-button span,.sidebar-status div{display:none}.nav-button{justify-content:center;padding:0}}@media(max-width:900px){.metric-grid,.more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-layout,.workflow-layout{grid-template-columns:1fr}.key-rail,.batch-list{display:flex;overflow-x:auto;padding-bottom:2px}.key-row,.batch-row{min-width:230px}.video-grid{grid-template-columns:1fr}}@media(max-width:767px){.app-shell{display:block;min-height:100vh;padding-bottom:72px}.sidebar{display:none}.topbar{min-height:58px;padding:8px 12px}.mobile-title{display:flex;align-items:center;gap:8px;min-width:0;font-weight:800}.search-box{display:none}.topbar-actions{margin-left:auto}.topbar-actions .icon-button:nth-child(1),.profile-pill{display:none}.content{padding:14px 12px}.page-header{align-items:center}.page-header h1{font-size:22px}.action-button span{display:none}.action-button{width:40px;padding:0}.metric-grid,.metric-grid.two,.more-grid{grid-template-columns:1fr}.metric{min-height:76px}.metric strong{font-size:26px}.compact-panel{display:block}.desktop-table{display:none}.mobile-card-list{display:grid}.key-row,.batch-row{min-width:208px}.stretch-panel{min-height:0}.batch-heading{align-items:flex-start}.batch-actions{flex-direction:column;align-items:flex-end}.video-card{padding:11px}.step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.step-toggle{min-height:40px}.mobile-nav{position:fixed;right:0;bottom:0;left:0;z-index:10;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--border);background:#fff}.mobile-nav button{display:grid;gap:3px;place-items:center;min-height:62px;border:0;background:transparent;color:#64748b;font-size:11px}.mobile-nav button.active{color:var(--blue)}.form-grid-2,.step-picker-grid,.admin-panel{grid-template-columns:1fr}.modal-footer{align-items:stretch;flex-direction:column-reverse}.operations-grid,.ops-link-grid{grid-template-columns:1fr}.api-note,.api-toolbar,.inline-select{align-items:stretch;flex-direction:column}.api-toolbar .segmented{width:100%}}@media(max-width:420px){.page-header h1{font-size:20px}.panel{padding:11px}.item-card{align-items:flex-start}.card-meta{justify-items:start}}