:root{--canvas: #0d0e0f;--surface: #141516;--surface-raised: #1a1b1c;--surface-hover: #202123;--line: #2b2d2f;--line-strong: #424549;--text: #f1f1f1;--text-soft: #b8b9bb;--muted: #85878a;--accent: #98a6ff;--accent-ink: #101113;color:var(--text);background:var(--canvas);color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--canvas);color:var(--text)}button,input,select,textarea{font:inherit}a{color:inherit}button{align-items:center;background:var(--accent);border:1px solid var(--accent);border-radius:.45rem;color:var(--accent-ink);cursor:pointer;display:inline-flex;font-size:.8rem;font-weight:720;gap:.35rem;justify-content:center;letter-spacing:-.01em;min-height:2.35rem;padding:.52rem .85rem;transition:background .15s ease,border-color .15s ease,color .15s ease}button:hover:not(:disabled){background:#b1bcff;border-color:#b1bcff}button:disabled{cursor:not-allowed;opacity:.46}input,select,textarea{appearance:none;background:transparent;border:1px solid var(--line-strong);border-radius:.4rem;color:var(--text);min-height:2.5rem;padding:.5rem .7rem;transition:border-color .15s ease,background .15s ease;width:100%}.password-toggle{position:absolute;right:.35rem}.password-field{align-items:center;display:flex;position:relative}.password-field input{padding-right:3rem}textarea{line-height:1.5;resize:vertical}input::placeholder,textarea::placeholder{color:var(--muted)}input[type=checkbox]{accent-color:var(--accent);appearance:auto;min-height:1.1rem;padding:0;width:1.1rem}input:focus,select:focus,textarea:focus{background:var(--surface);border-color:var(--accent);outline:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.025em}small,.muted{color:var(--muted)}.sr-only{clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.login-page{align-items:center;background:var(--canvas);display:flex;justify-content:center;min-height:100vh;padding:1.5rem}.login-card{background:var(--surface);border:1px solid var(--line);border-radius:.65rem;display:grid;gap:1rem;max-width:24rem;padding:clamp(1.5rem,5vw,2.25rem);width:100%}.login-card label,.filters label,.settings-form>label{color:var(--text-soft);display:grid;font-size:.74rem;font-weight:720;gap:.45rem;letter-spacing:.025em}.field-error{color:var(--accent);font-size:.82rem;font-weight:650;margin:0}.app-shell{background:var(--canvas);display:grid;grid-template-columns:13.5rem minmax(0,1fr);grid-template-rows:3.75rem minmax(0,1fr);min-height:100vh}.sidebar{background:var(--canvas);border-right:1px solid var(--line);display:flex;flex-direction:column;grid-column:1;grid-row:2;height:calc(100vh - 3.75rem);overflow-y:auto;padding:1.25rem .75rem;position:sticky;top:3.75rem}.sidebar nav{display:grid;gap:.15rem}.sidebar nav a{align-items:center;border-left:1px solid transparent;color:var(--muted);display:flex;font-size:.8rem;font-weight:650;gap:.7rem;padding:.7rem .75rem;text-decoration:none;transition:background .15s ease,border-color .15s ease,color .15s ease}.sidebar nav a:hover{background:var(--surface);color:var(--text)}.sidebar nav a.active{background:var(--surface);border-color:var(--accent);color:var(--text)}.main-area{grid-column:2;grid-row:2;min-width:0}.topbar{align-items:center;background:var(--canvas);border-bottom:1px solid var(--line);display:flex;grid-column:1 / -1;grid-row:1;height:3.75rem;justify-content:flex-end;padding:.6rem clamp(1rem,3vw,3.5rem);position:sticky;top:0;z-index:4}.topbar-actions{display:flex;gap:.2rem}.secondary-button{background:transparent;border-color:var(--line-strong);color:var(--text)}.secondary-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-soft)}.secondary-button.icon-button{border-color:transparent;color:var(--text-soft);min-width:2.25rem;padding:.4rem}.secondary-button.icon-button:hover:not(:disabled){background:var(--surface);border-color:transparent;color:var(--text)}.profile-menu{position:relative}.secondary-button.icon-button.profile-button{border-radius:50%;height:2.3rem;overflow:hidden;padding:0;width:2.3rem}.profile-avatar{display:block;height:100%;object-fit:cover;width:100%}.profile-popover{background:var(--surface-raised);border:1px solid var(--line-strong);border-radius:.55rem;display:grid;gap:.35rem;min-width:14rem;padding:.9rem;position:absolute;right:0;top:calc(100% + .55rem);z-index:5}.profile-popover strong{font-size:.84rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-popover span{color:var(--muted);font-size:.74rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-logout{background:transparent;border-color:var(--line-strong);color:var(--text);justify-self:stretch;margin-top:.5rem;width:100%}.paused-banner{background:var(--surface);border-bottom:1px solid var(--accent);color:var(--text-soft);font-size:.8rem;font-weight:650;padding:.65rem clamp(1rem,3vw,3.5rem)}.inline-icon-text,.channel-label{align-items:center;display:inline-flex;gap:.35rem}.channel-icon-telegram,.page .channel-label:has(.channel-icon-telegram),.page .inline-icon-text:has(.channel-icon-telegram){color:#60a5fa!important}.channel-icon-whatsapp,.page .channel-label:has(.channel-icon-whatsapp),.page .inline-icon-text:has(.channel-icon-whatsapp){color:#4ade80!important}.page{margin:0;max-width:none;padding:clamp(1.5rem,3vw,3.5rem)}.page-heading{display:none}.page-actions{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-bottom:1.25rem}.metrics-strip{border-bottom:1px solid var(--line);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:2.75rem}.metric{display:grid;gap:.55rem;min-height:7.25rem;padding:0 1.25rem 1.25rem}.metric:first-child{padding-left:0}.metric+.metric{border-left:1px solid var(--line)}.metric span{color:var(--muted);font-size:.68rem;font-weight:720;letter-spacing:.055em;text-transform:uppercase}.health-action{background:transparent;border:0;border-radius:0;color:var(--text);cursor:pointer;font:inherit;text-align:left;width:100%}.health-action:hover:not(:disabled){background:var(--surface);border-color:transparent}.metric strong{align-self:end;color:var(--text);font-size:clamp(1.65rem,2.5vw,2.4rem);font-weight:620;letter-spacing:-.065em}.operational-section{border-top:1px solid var(--line);margin-top:2.5rem;padding-top:1.25rem}.section-heading{display:none}.health-grid{display:grid;gap:0;grid-template-columns:repeat(3,minmax(0,1fr))}.health-item{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:1rem;justify-content:space-between;min-height:6rem;padding:1rem 0}.health-item:nth-child(3n+2),.health-item:nth-child(3n+3){border-left:1px solid var(--line);padding-left:1rem}.health-item strong{font-size:.82rem;font-weight:680}.health-item p{color:var(--muted);font-size:.72rem;margin:.35rem 0 0}.queue-list{display:grid;gap:0}.queue-item{align-items:center;border-bottom:1px solid var(--line);display:grid;gap:1.25rem;grid-template-columns:minmax(13rem,1.8fr) auto 1.6fr minmax(10rem,1fr);padding:1.2rem 0}.queue-channel{display:grid;gap:.3rem}.queue-channel span,dt{color:var(--muted);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.queue-channel strong{font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.queue-item dl{display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,1fr));margin:0}dl div{display:grid;gap:.2rem}dd{font-size:.85rem;font-weight:680;margin:0}.queue-item p{color:var(--muted);font-size:.72rem;margin:0;text-align:right}.badge{border:1px solid var(--line-strong);border-radius:999px;color:var(--text-soft);display:inline-block;font-size:.64rem;font-weight:700;line-height:1;padding:.3rem .5rem;white-space:nowrap}.badge-ready,.badge-connected,.badge-authorized,.badge-success,.badge-published,.badge-active,.badge-pending,.badge-sending,.badge-partial,.badge-rejected,.badge-failed,.badge-unavailable,.badge-unauthorized,.badge-expired,.badge-disconnected,.badge-paused,.badge-disabled,.badge-unknown,.badge-expiring_soon,.badge-pairing,.badge-starting,.badge-not_configured{background:transparent;color:var(--text-soft)}.badge-active,.badge-ready,.badge-connected,.badge-authorized{border-color:var(--accent);color:var(--accent)}.alerts{display:grid;gap:.65rem;margin-top:2.5rem}.alerts:empty{display:none}.alert{border-left:2px solid var(--accent);color:var(--text-soft);display:grid;font-size:.82rem;gap:.3rem;padding:.85rem 1rem}.alert-danger,.alert-warning,.alert-ready{background:var(--surface);color:var(--text-soft)}.state-card{background:transparent;border:1px solid var(--line);color:var(--muted);display:grid;gap:.4rem;padding:2rem;text-align:center}.error-state{border-left:2px solid var(--accent);color:var(--text-soft)}.filters{border-bottom:1px solid var(--line);display:grid;gap:1rem;grid-template-columns:repeat(12,minmax(0,1fr));margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-form{border-top:1px solid var(--line);display:grid;gap:1.25rem;max-width:40rem;padding-top:1.25rem}.filter-channel,.filter-status,.filter-store,.filter-query,.filter-date{grid-column:span 3}.filter-toggle{align-items:center;border:1px solid var(--line);border-radius:.4rem;display:flex!important;gap:.65rem!important;grid-column:span 6;min-height:2.5rem;padding:.5rem .7rem}.selection-bar{align-items:center;border:1px solid var(--line-strong);display:flex;font-size:.82rem;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding:.75rem .9rem}.table-toolbar{align-items:end;display:flex;gap:.6rem;justify-content:flex-end;margin:0 0 .9rem}.table-toolbar label{color:var(--text-soft);display:grid;font-size:.7rem;font-weight:700;gap:.35rem}.table-toolbar select{min-height:2.2rem;min-width:10.5rem}.table-toolbar button{min-height:2.2rem}.table-wrap{border:1px solid var(--line);overflow-x:auto}table{border-collapse:collapse;min-width:1000px;width:100%}th,td{border-bottom:1px solid var(--line);padding:.8rem;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.64rem;font-weight:720;letter-spacing:.08em;text-transform:uppercase}tbody tr{cursor:pointer;transition:background .14s ease}tbody tr:hover{background:var(--surface)}td{font-size:.81rem}td small{display:block;font-size:.68rem;margin-top:.15rem}td input[type=checkbox],.switch-row input{accent-color:var(--accent)}td input[type=checkbox]{min-height:auto;width:auto}.product-cell{align-items:center;display:flex;gap:.6rem;max-width:19rem}.product-cell img{border:1px solid var(--line);height:2.35rem;object-fit:cover;width:2.35rem}.product-cell strong{display:-webkit-box;font-weight:650;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.row-actions{display:flex;flex-wrap:wrap;gap:.35rem}.row-actions button{background:transparent;border-color:var(--line-strong);color:var(--text-soft);font-size:.67rem;min-height:1.95rem;padding:.35rem .52rem}.row-actions button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text-soft)}.danger-button{background:transparent;border-color:var(--line-strong);color:var(--text)}.danger-button:hover:not(:disabled){background:var(--surface-hover);border-color:var(--text)}.modal-backdrop{align-items:center;background:#070808df;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:10}.modal,.drawer{background:var(--surface-raised);border:1px solid var(--line-strong);max-height:calc(100vh - 2rem);overflow:auto;padding:1.5rem}.modal{border-radius:.55rem;max-width:34rem;width:100%}.modal-actions{display:flex;gap:.7rem;justify-content:end;margin-top:1.5rem}.drawer{align-self:stretch;border-radius:0;margin-left:auto;max-width:38rem;width:100%}.drawer-header{align-items:center;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:1rem}.preview-image{border:1px solid var(--line);display:block;max-height:16rem;max-width:100%;object-fit:contain;width:100%}.details-list{display:grid;gap:.8rem;grid-template-columns:repeat(2,minmax(0,1fr))}.drawer pre{background:var(--canvas);border:1px solid var(--line);font:.8rem/1.5 ui-monospace,monospace;overflow-wrap:anywhere;padding:1rem;white-space:pre-wrap}.tabs{border-bottom:1px solid var(--line);display:flex;gap:.25rem;margin-bottom:1rem}.tabs button{background:transparent;border-color:transparent;border-radius:0;color:var(--muted);padding:.7rem .8rem}.tabs button.active{border-bottom-color:var(--accent);color:var(--text)}.tabs button:hover:not(:disabled){background:var(--surface);border-color:transparent;color:var(--text)}.switch-row{align-items:center;display:flex!important;justify-content:space-between}.switch-row span{display:grid;gap:.25rem}.switch-row input{height:1.2rem;min-height:0;width:1.2rem}.quick-collect,.keyword-form{border:1px solid var(--line);margin-bottom:1.25rem;padding:1rem}.quick-collect form,.keyword-form form{margin:0}.page [style]{box-shadow:none!important}.page [style*=background]{background-color:var(--surface)!important;background-image:none!important}.page [style*=border]{border-color:var(--line)!important}.page [style*=color]{color:var(--text-soft)!important}.page button.primary-button,.page .primary-button{background:var(--accent)!important;border-color:var(--accent)!important;color:var(--accent-ink)!important}.page .secondary-button,.page .danger-button{background:transparent!important;border-color:var(--line-strong)!important;color:var(--text)!important}.page .badge-active,.page .badge-ready,.page .badge-connected,.page .badge-authorized{border-color:var(--accent)!important;color:var(--accent)!important}.page .alert{background:var(--surface)!important;color:var(--text-soft)!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}@media(max-width:1000px){.queue-item{grid-template-columns:minmax(12rem,1fr) auto}.queue-item dl{grid-column:1}.queue-item p{grid-column:2;grid-row:2}}@media(max-width:900px){.app-shell{grid-template-columns:1fr;grid-template-rows:3.75rem auto minmax(0,1fr)}.sidebar{align-items:center;border-bottom:1px solid var(--line);border-right:0;flex-direction:row;gap:1rem;grid-column:1;grid-row:2;height:auto;overflow-x:auto;overflow-y:visible;padding:.55rem .75rem;position:static}.sidebar nav{display:flex;flex:1}.sidebar nav a{border-bottom:1px solid transparent;border-left:0;white-space:nowrap}.sidebar nav a.active{border-bottom-color:var(--accent)}.main-area{grid-column:1;grid-row:3}.metrics-strip,.health-grid,.filters{grid-template-columns:repeat(2,minmax(0,1fr))}.health-item:nth-child(3n+2),.health-item:nth-child(3n+3){border-left:0;padding-left:0}.filter-channel,.filter-status,.filter-store,.filter-query,.filter-date{grid-column:span 1}.filter-toggle{grid-column:span 2}}@media(max-width:600px){.page{padding:1.25rem 1rem 2.5rem}.page-actions,.selection-bar,.table-toolbar{align-items:start;flex-direction:column}.metrics-strip,.health-grid,.filters,.details-list{grid-template-columns:1fr}.metric,.metric:first-child{border-bottom:1px solid var(--line);border-left:0;min-height:5.5rem;padding:0 0 1rem}.filter-channel,.filter-status,.filter-store,.filter-query,.filter-date,.filter-toggle{grid-column:1 / -1}.topbar{padding:.6rem 1rem;position:static}.sidebar nav a{padding:.5rem}.sidebar nav a svg{height:1.1rem;width:1.1rem}.login-page{align-items:start;padding-top:15vh}.queue-item{grid-template-columns:1fr auto}.queue-item dl{grid-column:1 / -1}.queue-item p{grid-column:1 / -1;grid-row:auto;text-align:left}.table-toolbar select{min-width:14rem}}