:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#142438;background:#f5f7fb}*{box-sizing:border-box}body{margin:0}header{background:#152640;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:22px max(20px,calc((100vw - 1400px)/2));gap:20px}header p{margin:6px 0 0;color:#b9c9dd;font-size:12px}.logo{font-size:22px;font-weight:900;letter-spacing:-.7px}.logo span{font-weight:600;color:#69a8ff;font-size:11px;letter-spacing:1.1px;margin-left:5px}main{max-width:1440px;margin:auto;padding:24px 20px 40px;display:grid;gap:20px}.card{background:white;padding:22px;border:1px solid #e1e6ef;border-radius:14px;box-shadow:0 4px 20px #14243807}.card h2{font-size:18px;letter-spacing:-.4px;margin:0 0 5px}.card h3{font-size:15px}.card p{font-size:12px;line-height:1.6;color:#65758d}.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:15px}.channel-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.channel{border:1px solid #e0e7f0;border-radius:10px;padding:16px;display:grid;gap:8px}.channel h3{margin:0}.hint{font-size:12px;color:#75839a;line-height:1.6}.notice{padding:14px 17px;background:#eaf1ff;border:1px solid #bfd3ff;border-radius:10px;font-size:12px;line-height:1.7}.important{border-left:4px solid #326fe1}button{cursor:pointer;background:white;border:1px solid #ccd6e4;padding:10px 14px;border-radius:8px;font-weight:650;font-size:12px;color:#19304b;white-space:nowrap}button:hover{background:#f3f7fd}button:disabled{cursor:not-allowed;opacity:.5}.primary{background:#2464e6;color:white;border-color:#2464e6}.primary:hover{background:#194fc3}.danger{background:#af302a;color:white;border-color:#af302a}.danger:hover{background:#962822}button.quiet{background:white}.pill{border-radius:99px;background:#eff3fa;padding:6px 10px;font-size:11px;font-weight:650;color:#46617e}.pill.good{background:#e2f7e9;color:#247c49}.pill.bad{background:#ffeded;color:#a63731}.input-bar{display:flex;gap:14px;flex-wrap:wrap;align-items:end;margin-bottom:13px}.input-bar label{min-width:220px;flex:1}.input-bar input{margin-top:6px}input,select{border:1px solid #d6dfeb;border-radius:7px;padding:9px 10px;font-size:12px;width:100%;background:#fff;color:#152439}label{font-size:12px;font-weight:600;color:#506078;display:block}.table-scroll{overflow-x:auto;border:1px solid #ebeff6;border-radius:9px;margin:13px 0}table{width:100%;border-collapse:collapse;font-size:12px;min-width:800px}th{background:#f4f7fb;text-align:left;font-size:11px;color:#64768c;white-space:nowrap}td,th{padding:11px 10px;border-bottom:1px solid #e9eef5;vertical-align:top}td{max-width:310px;overflow-wrap:anywhere}tr:last-child td{border-bottom:0}td input,td select{min-width:100px;font-size:11px;padding:7px}td input.wide{min-width:160px}td select.short{min-width:85px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.review{margin-top:12px;background:#fbfdff;border:1px solid #b4caef;border-radius:10px;padding:14px}.confirm{display:flex;align-items:end;gap:15px;flex-wrap:wrap;margin-top:13px}.confirm label{min-width:230px}.confirm input{margin-top:6px}.status{font-weight:700;font-size:11px;color:#526784}.status.complete,.status.verified{color:#1e8d50}.status.error,.status.needs_review{color:#b32c25}.status.processing{color:#aa7216}a{color:#2768d7;text-decoration:none}a:hover{text-decoration:underline}.events{max-height:180px;overflow:auto;font-size:11px;line-height:1.9;color:#58718c}.events div{padding:4px 0;border-bottom:1px solid #edf1f7}footer{text-align:center;color:#8c97a7;font-size:10px}hr{border:0;border-top:1px solid #e7ecf3;margin:20px 0}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px}.login-card{max-width:430px;width:100%;background:white;padding:32px;border-radius:15px;border:1px solid #e1e7ef;box-shadow:0 10px 50px #19345b12}.login-card h1{font-size:25px;margin:22px 0 8px}.login-card p{color:#77869a;font-size:12px;line-height:1.6}.login-card label{margin:20px 0}.login-card label input{margin-top:7px}.full{width:100%}.error{color:#af302a;font-size:12px;margin-top:12px}.toast{position:fixed;right:20px;bottom:20px;z-index:200;padding:15px 20px;border-radius:10px;background:#172c48;color:white;box-shadow:0 6px 22px #14243835;font-size:12px;max-width:550px;overflow-wrap:anywhere}.toast.bad{background:#a62e28}@media(max-width:850px){header{padding:18px 15px}.channel-grid{grid-template-columns:1fr}main{padding:12px}.card{padding:15px}.section-title{align-items:start;flex-direction:column}header .quiet{padding:8px}}

.channel-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.shared-form{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.shared-form label{min-width:0}.shared-form input,.shared-form select{margin-top:7px}.channel .hint{overflow-wrap:anywhere}#sharedList{border-top:1px solid #edf1f6;padding-top:12px}.review #manualChanges{line-height:1.9;font-size:12px;overflow-wrap:anywhere}@media(max-width:1100px){.channel-grid{grid-template-columns:repeat(2,1fr)}.shared-form{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.channel-grid,.shared-form{grid-template-columns:1fr}}

/* v1.2 functional dashboard shell */
[hidden]{display:none!important}:root{--sidebar:224px;--top:102px;--brand:#1767ed;--line:#e1e8f3}body{overflow:hidden}.app-sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);z-index:30;background:linear-gradient(155deg,#111f34,#0b1420);color:#dfe8f7;display:flex;flex-direction:column;padding:25px 14px 15px}.sidebar-brand{display:flex;gap:10px;align-items:center;font-weight:750;font-size:15px;padding:0 5px 30px;letter-spacing:-.3px}.sidebar-brand small,.sidebar-account small{display:block;color:#8fa5bf;font-weight:400;font-size:10px;letter-spacing:0;margin-top:5px}.qr-mark{font-size:33px;color:#29c8ed;line-height:1}.app-sidebar nav{display:grid;gap:5px}.nav-item{display:flex;gap:11px;align-items:center;background:transparent;color:#a9bcd2;border:0;text-align:left;padding:12px 12px;font-size:18px;font-weight:400;min-height:44px}.nav-item span{font-size:12px}.nav-item:hover{background:#ffffff09}.nav-item.selected{background:#173c68;color:#fff;border-left:3px solid #11b6f0;padding-left:9px}.sidebar-account{display:flex;align-items:center;gap:9px;margin-top:auto;border-top:1px solid #ffffff20;padding-top:18px;font-size:12px;font-weight:650}.admin-avatar{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:linear-gradient(140deg,#9061ff,#2e54ed);font-size:11px}.sign-out{margin-left:auto;color:#c7d7e9;background:transparent;border:0;padding:7px;font-size:20px}.app-header{position:fixed;top:0;left:var(--sidebar);right:0;height:var(--top);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#fbfcfff5;border-bottom:1px solid var(--line);backdrop-filter:blur(12px);color:#152439;z-index:25}.header-heading{display:flex;gap:12px;align-items:center;min-width:0}.header-heading h1{font-size:23px;letter-spacing:-.9px;line-height:1.2;margin:0 0 5px}.app-header p{font-size:10px;color:#7c8ca5;margin:0}.yt-mark{height:34px;width:45px;flex-shrink:0;border-radius:9px;display:grid;place-items:center;background:linear-gradient(150deg,#0878ff,#0550d6);color:white;font-size:20px}.header-actions{display:flex;gap:8px;align-items:center}.header-actions button{padding:9px 11px;font-size:10px;border-radius:8px}.header-actions .quiet{border-color:#bad0f7;color:#2167cd}.icon-button{min-width:32px;padding:6px!important;font-size:19px!important}.menu-toggle{display:none}.nav-backdrop{display:none}#appContent{position:fixed;left:var(--sidebar);right:0;top:var(--top);bottom:0;overflow:auto;overscroll-behavior:contain;max-width:none;margin:0;padding:22px 24px 30px;display:block}.page-section{margin-bottom:18px}.global-notice{margin:20px 0;border:1px solid #c0d6fc;border-left:3px solid #3589f5;background:#edf5ff;color:#516e98;font-size:10px}.overview-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:20px}.metric{background:linear-gradient(140deg,#f7fbff,#eaf3ff);border:1px solid #d8e8fe;border-radius:13px;padding:18px 13px;display:flex;align-items:start;gap:11px}.metric.orange{background:linear-gradient(140deg,#fffcf6,#fff6e6);border-color:#f8e9d1}.metric.purple{background:linear-gradient(140deg,#faf9ff,#f1eeff);border-color:#e6e0fd}.metric.green{background:linear-gradient(140deg,#f5fcf9,#e8f8f1);border-color:#d6efe5}.metric-symbol{font-size:25px;color:#1c73ef;line-height:1.2;min-width:27px}.orange .metric-symbol{color:#e5a013}.purple .metric-symbol{color:#8057d7}.green .metric-symbol{color:#28a876}.metric label{font-size:10px;font-weight:600;color:#576b87;line-height:1.5}.metric strong{display:block;color:#18304d;font-size:27px;line-height:1.3;letter-spacing:-.7px;margin:4px 0}.metric small{font-size:8px;color:#8394ae}.overview-grid{display:grid;grid-template-columns:1.55fr 1fr 1fr;gap:16px}.overview-grid .card{padding:17px;min-width:0;border-color:#dfe7f3;box-shadow:0 3px 8px #243c6305}.overview-grid h2{font-size:14px;letter-spacing:-.3px;margin:0}.overview-grid .section-title{margin-bottom:10px;gap:7px}.text-action{font-size:9px!important;font-weight:600;color:#337be0;background:transparent!important;border:0;padding:3px 0;white-space:nowrap}.table-scroll{min-width:0}.overview-grid .table-scroll{border:0;margin:0 -5px}.compact{min-width:0;font-size:10px;table-layout:auto}.compact th{font-size:8px;padding:9px 6px}.compact td{font-size:9px;padding:11px 6px}.compact b{font-size:9px;font-weight:600}.compact small{display:block;color:#93a0b3;font-size:8px;line-height:1.5;margin-top:3px}.route-tag{display:inline-block;padding:4px 7px;background:#e9f3ff;color:#3670b8;border-radius:6px;white-space:nowrap;font-size:9px}.status-chip{display:inline-block;padding:4px 7px;border-radius:20px;background:#edf2f9;color:#7887a0;font-size:8px;font-weight:600;white-space:nowrap}.status-chip.completed,.status-chip.verified{color:#228b56;background:#e7f8ee}.status-chip.processing,.status-chip.uploading{background:#edf1fe;color:#5775c5}.status-chip.needs_review,.status-chip.error{background:#fff0e6;color:#b56a33}.empty-state{color:#97a5ba;text-align:center;padding:25px 12px!important;font-size:10px;line-height:1.8}.routing-list{display:grid;gap:9px}.routing-row{display:flex;align-items:center;gap:8px;padding:9px 7px;border:1px solid #e4ebf6;border-radius:8px;background:#fcfdff}.routing-yt{color:white;background:#f12729;border-radius:5px;padding:2px 5px;font-size:10px}.routing-row>div{flex:1;min-width:0}.routing-row b{display:block;font-size:9px;line-height:1.5}.routing-row small{display:block;font-size:8px;color:#8292aa;line-height:1.5}.routing-row .status-chip{font-size:7px;padding:4px 5px}.common-rule{margin:14px 0;background:#eef6ff;border:1px solid #c9ddfb;border-radius:8px;padding:12px;font-size:11px;font-weight:650;color:#3264a6;line-height:1.9}.rule-list{padding:0;list-style:none;font-size:10px;line-height:1.7;color:#67809a}.rule-list li{margin:12px 0;padding-left:17px;position:relative}.rule-list li:before{content:'✓';position:absolute;left:0;color:#24995a}.manual-card>p{font-size:11px;line-height:1.8}.manual-summary{display:flex;gap:8px;align-items:center;font-size:10px;color:#657f9d;margin:17px 0}.manual-summary span{background:#edf3ff;color:#3674cb;border-radius:50%;width:20px;height:20px;display:grid;place-items:center;font-size:9px}.manual-card>button{width:100%;font-size:10px;margin-top:5px}.recent-event{display:flex;gap:8px;border-bottom:1px solid #edf2f8;padding:11px 0}.recent-event>span{color:#229b69;background:#eaf8ef;width:22px;height:22px;border-radius:50%;text-align:center;padding-top:3px}.recent-event b{font-size:9px}.recent-event p{font-size:9px;line-height:1.6;margin:4px 0}.recent-event small{font-size:8px;color:#91a0b7}.report-list{display:grid;gap:12px}.report-row{display:flex;justify-content:space-between;align-items:center;padding:15px;border:1px solid var(--line);border-radius:9px;font-size:12px}.report-row small{display:block;font-size:10px;margin-top:5px;color:#8797ad}.download-link{font-size:11px;color:#2464e6;font-weight:600}.login-page{position:fixed;inset:0;overflow:auto}.status.completed{color:#1e8d50}.page-section>.section-title h2{font-size:18px}
@media(max-width:1450px){.header-heading h1{font-size:20px}.header-actions button{font-size:9px;padding:9px}.overview-grid{grid-template-columns:1.3fr 1fr}.queue-card,.checklist-card{grid-column:1}.routing-card{grid-column:2;grid-row:1}.common-card{grid-column:2;grid-row:2}.manual-card,.recent-card{grid-column:auto}.metric{padding:15px 9px;gap:7px}.metric-symbol{font-size:20px;min-width:22px}.metric label{font-size:9px}.metric small{font-size:7px}.metric strong{font-size:24px}}
@media(max-width:1150px){:root{--sidebar:200px;--top:124px}.app-header{align-items:start;flex-direction:column;padding:15px 20px;gap:10px}.header-actions{width:100%}.header-actions .icon-button{margin-left:auto}.sidebar-brand{font-size:13px}.overview-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.metric small{font-size:9px}.metric label{font-size:10px}.metric strong{font-size:27px}.metric{padding:15px 12px}}
@media(max-width:800px){:root{--sidebar:0px;--top:116px}.app-sidebar{width:224px;transform:translateX(-100%);visibility:hidden;transition:transform .15s}.app-sidebar.open{transform:translateX(0);visibility:visible}.nav-backdrop.show{display:block;position:fixed;inset:0;background:#101f3155;z-index:29}.app-header{padding:13px 12px}.menu-toggle{display:block;padding:5px;border:0;background:transparent;color:#396183;font-size:19px}.header-heading{gap:8px}.header-heading h1{font-size:18px;letter-spacing:-.6px}.app-header p{font-size:8px}.yt-mark{width:34px;height:27px;font-size:16px}.header-actions{gap:6px}.header-actions button{font-size:9px;padding:9px 7px}#appContent{padding:15px 12px}.overview-stats{gap:8px;margin-bottom:13px;grid-template-columns:repeat(2,minmax(0,1fr))}.overview-stats .metric:last-child{grid-column:1/-1}.overview-grid{grid-template-columns:1fr;gap:13px}.overview-grid .card{grid-column:auto;grid-row:auto}.overview-grid h2{font-size:14px}.compact th{font-size:10px}.compact td,.compact b{font-size:11px}.compact small{font-size:9px}.routing-row b{font-size:12px}.routing-row small{font-size:10px}.routing-row .status-chip{font-size:9px}.metric small{font-size:8px}.text-action{font-size:10px!important}.common-rule{font-size:12px}.rule-list{font-size:12px}.manual-summary{font-size:12px}.manual-card>p{font-size:12px}.recent-event b,.recent-event p{font-size:11px}.global-notice{font-size:10px}.header-actions .icon-button{padding:4px!important;min-width:26px}.channel-grid,.shared-form{grid-template-columns:1fr}}

/* Readable labels at standard desktop widths. */
.header-actions button{font-size:11px}.metric label{font-size:11px}.metric small{font-size:9px}.metric strong{font-size:28px}.compact th{font-size:10px}.compact td,.compact b{font-size:11px}.compact small{font-size:9px}.routing-row b{font-size:11px}.routing-row small{font-size:10px}.routing-row .status-chip{font-size:9px}.text-action{font-size:10px!important}.recent-event b,.recent-event p{font-size:11px}.recent-event small{font-size:9px}
@media(max-width:1150px){.header-actions button{font-size:10px}}
@media(max-width:800px){.header-actions button{font-size:9px}.metric label{font-size:10px}.metric small{font-size:8px}.routing-row b{font-size:12px}}

.app-sidebar a.nav-item{text-decoration:none}