:root{--navy: #2D3142;--slate: #4F5D75;--white: #FFFFFF;--orange: #EF8354;--line: rgba(45, 49, 66, .07);--line-strong: rgba(45, 49, 66, .15);--on-navy: rgba(255, 255, 255, .64);--tint: rgba(45, 49, 66, .025);--shadow-sm: 0 1px 2px rgba(45, 49, 66, .1);--shadow: 0 1px 2px rgba(45, 49, 66, .05), 0 8px 24px rgba(45, 49, 66, .07)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--white);color:var(--navy);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--orange);text-decoration:none}.app-header{display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:var(--white);padding:14px 24px}.brand{font-weight:800;letter-spacing:1px;font-size:18px;color:var(--white)}.brand span{color:var(--orange)}.header-right{display:flex;align-items:center;gap:14px}.muted{color:var(--slate)}.layout{display:flex;height:100vh;overflow:hidden}.sidebar{width:232px;flex-shrink:0;background:var(--navy);color:var(--white);display:flex;flex-direction:column;padding:22px 16px;box-shadow:0 0 30px #2d31422e;z-index:1}.nav-item{transition:background .15s ease,color .15s ease}.sidebar .brand{font-size:20px;margin-bottom:26px;padding:0 6px}.sidebar select{background:var(--white)}.side-section{margin-bottom:22px}.side-label{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--on-navy);margin:0 0 8px 6px}.side-nav{display:flex;flex-direction:column;gap:4px}.nav-item{padding:10px 12px;border-radius:8px;color:var(--on-navy);font-weight:600;cursor:pointer}.nav-item:hover{color:var(--white)}.nav-item.active{background:var(--slate);color:var(--white)}.nav-item.disabled{color:var(--on-navy);cursor:default}.side-bottom{margin-top:auto;display:flex;flex-direction:column;gap:10px;padding:0 6px}.side-user{font-size:13px;color:var(--white)}.side-user .role{color:var(--on-navy);font-size:12px}.main{flex:1;min-width:0;height:100vh;display:flex;flex-direction:column}.main-header{padding:24px 36px;border-bottom:1px solid var(--line);flex-shrink:0}.main-header h1{margin:0;font-size:23px;font-weight:800;letter-spacing:-.4px;color:var(--navy)}.content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.content>.grid,.content>.card,.content>div:not(.error){flex:1;min-height:0}.content>.grid{display:grid;grid-template-rows:1fr}.content>.card,.content>div:not(.error):not(.grid){padding:36px;overflow:auto}.content>.error{flex:0 0 auto;margin:16px 36px 0}.grid{display:grid;grid-template-columns:1fr 1.35fr;gap:0;align-items:stretch}.grid>div{padding:36px;overflow:auto;min-height:0}.grid>div:first-child{border-right:1px solid var(--line);background:var(--tint)}.grid>div>.card{border:none;border-radius:0;padding:0;background:transparent}@media (max-width: 820px){.grid{grid-template-columns:1fr}.content{overflow:auto}.grid>div{overflow:visible}.grid>div:first-child{border-right:none;border-bottom:1px solid var(--line-strong)}}.page-bar{display:flex;justify-content:flex-end;margin-bottom:16px}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:26px;box-shadow:var(--shadow)}.card h2{margin:0 0 18px;font-size:17px;font-weight:800;letter-spacing:-.3px;color:var(--navy)}.grid>div>.card{box-shadow:none}label{display:block;font-size:13px;color:var(--slate);margin:12px 0 4px}input,select{width:100%;padding:11px 13px;border:1px solid var(--line-strong);border-radius:10px;background:var(--white);color:var(--navy);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}input:focus,select:focus{border-color:var(--orange);box-shadow:0 0 0 3px #ef835424}input::placeholder{color:var(--slate);opacity:.6}input:disabled{background:var(--tint);color:var(--slate)}.row{display:flex;gap:12px}.row>div{flex:1}button{font:inherit;cursor:pointer;border-radius:10px;border:1px solid transparent;padding:10px 16px;font-weight:600;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .04s ease}.btn-primary{background:var(--white);color:var(--navy);border-color:var(--navy);box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--orange);color:var(--white);border-color:var(--orange)}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{background:var(--white);color:var(--slate);border-color:var(--line-strong);cursor:not-allowed;opacity:.6;box-shadow:none}.btn-ghost{background:transparent;color:var(--white);border:1px solid var(--on-navy)}.btn-ghost:hover{border-color:var(--orange);color:var(--orange)}.btn-ghost.dark{color:var(--slate);border-color:var(--line-strong)}.btn-ghost.dark:hover{color:var(--orange);border-color:var(--orange)}.btn-sm{padding:6px 12px;font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--line)}th{color:var(--slate);font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:last-child td{border-bottom:none}.pill{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;font-size:12px;font-weight:700}.pill-queued{background:#4f5d751f;color:var(--slate)}.pill-pushed{background:#2d314212;color:var(--navy)}.pill-failed{background:#ef835429;color:#b85628}.pill-queued .spinner{border-color:#4f5d7559;border-top-color:var(--orange)}.dot{display:inline-block;width:9px;height:9px;border-radius:50%;margin-right:8px;vertical-align:0}.dot.on{background:var(--orange);box-shadow:0 0 0 3px #ef83542e}.dot.off{background:var(--slate);opacity:.55}.spinner{display:inline-block;width:11px;height:11px;vertical-align:-1px;margin-right:6px;border:2px solid var(--slate);border-top-color:var(--orange);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.hint{margin-top:12px;padding:10px 12px;border:1px solid var(--line-strong);border-radius:8px;color:var(--slate);font-size:13px;display:flex;align-items:center}.login-wrap{display:flex;align-items:center;justify-content:center;height:100%;background:var(--navy)}.login-card{background:var(--white);border:1px solid var(--line-strong);border-radius:14px;padding:32px;width:340px}.login-card .brand{color:var(--navy);text-align:center;font-size:24px;margin-bottom:4px}.login-sub{text-align:center;color:var(--slate);font-size:13px;margin-bottom:18px}.error{color:var(--orange);font-size:13px;margin-top:10px}.actions{display:flex;gap:10px;align-items:center;margin-top:6px;flex-wrap:wrap}.link-btn{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--slate);cursor:pointer}.link-btn:hover,.link-btn.danger:hover{color:var(--orange)}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--line-strong);border-radius:999px;font-size:13px;font-weight:600;color:var(--navy)}.chip button{background:none;border:none;padding:0;color:var(--slate);cursor:pointer;font-size:16px;line-height:1}.chip button:hover{color:var(--orange)}.menu-cell{width:44px;text-align:right}.rowmenu{position:relative;display:inline-block}.kebab{background:none;border:none;padding:2px 9px;border-radius:8px;color:var(--slate);font-size:20px;line-height:1;cursor:pointer}.kebab:hover{background:var(--tint);color:var(--navy)}.menu{position:absolute;right:0;top:calc(100% + 4px);min-width:134px;z-index:10;background:var(--white);border:1px solid var(--line-strong);border-radius:12px;box-shadow:var(--shadow);padding:6px}.menu-item{display:block;width:100%;text-align:left;background:none;border:none;padding:9px 11px;border-radius:8px;font-size:13px;font-weight:600;color:var(--navy);cursor:pointer}.menu-item:hover{background:var(--tint)}.menu-item.danger{color:var(--orange)}.menu-item.danger:hover{background:#ef83541a}.cell{padding:6px 8px;font-size:13px}td .sub{font-size:12px;margin-top:2px}label.check{display:flex;align-items:center;gap:8px;margin-top:14px;color:var(--navy)}label.check input{width:auto}label.check span{font-size:13px;color:var(--slate)}.metaline{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:14px;font-size:13px;color:var(--slate)}.metaline b{color:var(--navy)}.metaline .warn{color:var(--orange);font-weight:700}.scanbox{position:relative;margin-top:10px;border:2px solid var(--orange);border-radius:10px;overflow:hidden;background:var(--navy)}.scanbox video{width:100%;max-height:240px;object-fit:cover;display:block}.scanbox-hint{position:absolute;left:0;right:0;bottom:0;text-align:center;padding:6px;font-size:12px;color:var(--white);background:#2d3142b3}.tabs{display:flex;gap:6px;margin-bottom:20px;border-bottom:1px solid var(--line-strong)}.tab{background:none;border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 14px;color:var(--slate);font-weight:700}.tab:hover{color:var(--navy)}.tab.on{color:var(--navy);border-bottom-color:var(--orange)}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-grid.small{grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:8px}.media-tile{border:1px solid var(--line-strong);border-radius:10px;overflow:hidden;background:var(--navy);cursor:pointer}.media-tile.on{border-color:var(--orange);border-width:2px}.media-tile img,.media-tile video{width:100%;height:96px;object-fit:cover;display:block}.media-grid.small .media-tile img,.media-grid.small .media-tile video{height:64px}.media-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 8px;background:var(--white)}.media-name{font-size:12px;color:var(--slate);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.swatches{display:flex;gap:10px}.swatch{width:30px;height:30px;border-radius:50%;border:2px solid var(--line-strong);padding:0}.swatch.on{border-color:var(--navy);box-shadow:0 0 0 2px var(--orange)}.ad-list{display:flex;flex-direction:column;gap:12px}.ad-row{display:flex;gap:14px;align-items:center}.ad-mini{width:150px;flex-shrink:0}.ad-row-name{font-weight:700;color:var(--navy)}.adprev{position:relative;background:var(--navy);color:var(--white);border-radius:12px;min-height:150px;padding:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.adprev.idle{min-height:120px}.ad-mini .adprev{min-height:96px;padding:10px}.adprev-badge{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--white);padding:3px 10px;border-radius:999px}.adprev-name{margin-top:8px;font-size:15px;font-weight:700;text-transform:capitalize;color:var(--on-navy)}.adprev-head{margin-top:6px;font-size:30px;font-weight:800;line-height:1}.ad-mini .adprev-head{font-size:18px}.adprev-bold{margin-top:6px;font-size:40px;font-weight:800;line-height:.95}.ad-mini .adprev-bold{font-size:22px}.adprev-sub{margin-top:6px;font-size:13px;color:var(--on-navy)}.adprev.media{justify-content:flex-end;align-items:stretch}.adprev-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center}.adprev-scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 30%,#2d3142eb)}.adprev-text{position:relative;z-index:1;text-align:center}.results{border:1px solid var(--line-strong);border-radius:8px;margin-top:4px;max-height:190px;overflow:auto}.result{padding:9px 12px;cursor:pointer;border-bottom:1px solid var(--line)}.result:last-child{border-bottom:none}.result:hover{background:#2d314212}.selected-item{margin-top:8px;padding:10px 12px;border:1px solid var(--orange);border-radius:8px}.preview{margin-top:14px;padding:12px;background:var(--navy);color:var(--white);border-radius:8px;text-align:center;font-weight:700}.preview b{color:var(--orange)}