*{box-sizing:border-box} :root{--ink:#1c2b33;--blue:#087dbb;--border:#ccd4de;--muted:#6d787f}body{margin:0;font:14px Arial,sans-serif;color:var(--ink);background:linear-gradient(115deg,#f6f0f4,#e7f1fa 65%,#e9f6ef);overflow:hidden}button,input,select{font:inherit;color:inherit}button{border:1px solid #b4c2d2;background:white;border-radius:4px;min-height:36px;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer;font-weight:500}button:hover{background:#f0f3f6}button:focus-visible,input:focus-visible{outline:2px solid #168be7;outline-offset:2px}button:disabled{opacity:.52;cursor:default}button svg{width:16px;height:16px;flex-shrink:0}button.plain{border-color:transparent;background:transparent}.square{width:40px;padding:0}.primary{background:#087dbb;color:white;border-color:#087dbb}.primary:hover{background:#066ca3}.create{background:#007b59;border-color:#007b59;color:white}.create:hover{background:#00684b}.spacer{flex:1}.chevron{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid currentColor;margin-left:4px;flex-shrink:0}#nav{position:fixed;left:0;top:0;bottom:0;width:56px;background:white;border-right:1px solid #e3e8ed;display:flex;align-items:center;flex-direction:column;padding:8px}.meta{width:40px;height:44px;display:grid;place-items:center}.meta img{width:28px}.nav-button{width:40px;height:40px;min-height:40px;border:0;background:transparent;padding:8px;position:relative;margin:1px 0}.nav-button svg{width:24px;height:24px}.nav-button.current{color:#0784c8;background:#e0eef9;border-radius:5px}.notification{margin-top:22px;margin-bottom:18px}.notification b{position:absolute;right:0;top:0;background:#b90824;border-radius:12px;color:white;font-size:12px;padding:2px 4px}hr{border:0;border-top:1px solid #d0d9e0;width:40px;margin:0 0 16px}#nav-bottom{margin-top:auto;padding-top:8px}#nav-bottom .nav-button{height:34px;min-height:34px}#nav-bottom svg{width:20px;height:20px}main{margin-left:56px;margin-right:44px;height:100vh;display:flex;flex-direction:column;padding-bottom:8px}header{height:60px;min-height:60px;display:flex;align-items:center;gap:8px;padding:0 8px 0 12px}h1{font-size:18px;line-height:22px;margin:0 5px 0 0}.account{height:40px;width:300px;justify-content:flex-start;padding:0 10px}.account .business{background:#92979b;box-shadow:0 0 0 4px #f2f3f5;border-radius:2px;font-weight:bold;padding:3px 6px;margin-right:6px}.account-symbol{background:#f1f4f7;padding:5px;border-radius:50%}.account span:nth-last-child(2){overflow:hidden;text-overflow:ellipsis}.account .chevron{margin-left:auto}.score{margin-left:8px;gap:10px!important}.score-ring{font-size:10px;letter-spacing:-.4px;font-weight:bold;width:29px;height:29px;display:grid;place-items:center;border:3px solid #2476ff;border-bottom-color:transparent;border-radius:50%;color:#1c2b33}#updated{margin-right:8px;white-space:nowrap}.avatar{width:36px;height:36px;object-fit:cover;border-radius:50%;border:2px solid white;margin-left:2px}.workspace{margin:0 4px;background:#f0f3f6b8;border:1px solid #dde4ea;border-radius:10px;flex:1;min-height:0;padding:8px 4px 4px;display:flex;flex-direction:column}.views{display:flex;gap:8px;padding:0 8px;align-items:center}.views button{height:42px;border-color:#cdd5df}.views .active{color:#087dc2;border-color:#1387d4;font-weight:bold}.views .plain{border:0}#search{margin:8px 8px 8px;width:calc(100% - 16px);height:36px;min-height:36px;border:0;border-radius:6px;background:#fff;padding:0 16px;outline-color:#087dbb}#search::placeholder{color:#728089}.tabs-date{height:44px;min-height:44px;display:flex;align-items:flex-start;margin:0 8px;gap:8px}.tabs{display:flex;gap:7px;align-items:end;height:44px}.tabs button{font-size:16px;font-weight:bold;height:40px;min-width:246px;justify-content:flex-start;background:#f2f5f7;border:0;border-radius:8px 8px 0 0;box-shadow:0 -1px 6px #00000008}.tabs button svg{width:22px;height:22px}.tabs .selected{height:44px;background:#fff;color:#087fc5;box-shadow:0 -2px 10px #00000009}.badge{display:flex;align-items:center;gap:12px;background:#087fbd;color:white;font-size:14px;font-weight:500;border-radius:4px;padding:6px 8px}.badge span{font-size:20px;line-height:16px}#date{background:transparent;margin-top:0}.table-card{background:#fff;border-radius:7px;flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.toolbar{height:52px;min-height:52px;padding:8px;display:flex;align-items:center;gap:8px}.separator{height:36px;border-left:1px solid #d7dfe6;margin-left:0}.split{display:flex}.split button:first-child{border-radius:4px 0 0 4px}.split button:last-child{border-radius:0 4px 4px 0;border-left:0}.table-scroll{overflow:auto;flex:1;min-height:0;scrollbar-color:#bfc2c5 white;scrollbar-width:auto}table{width:2011px;table-layout:fixed;border-collapse:separate;border-spacing:0;text-align:left}th{height:64px;position:sticky;top:0;z-index:4;background:#fff;border-top:1px solid #d4d8dc;border-bottom:1px solid #d4d8dc;border-right:1px solid #d4d8dc;padding:10px;font-size:14px;font-weight:600;vertical-align:middle}th:first-child{padding:10px 12px}.sort{position:absolute;right:26px;top:25px}.tiny-chevron{position:absolute;right:9px;top:29px;border:3px solid transparent;border-top-color:#334650}.blue{color:#087fc5}th[data-sort]{cursor:pointer}small{display:block;font-size:12px;color:#6f7b83;font-weight:400;margin-top:4px;white-space:nowrap}td{height:46px;padding:6px 8px;vertical-align:top;background:#fff;font-size:14px;line-height:18px}tbody tr:nth-child(even) td{background:#f3f5f6}tbody tr.draft td{background:#cde8e4}tbody tr.selected td{background:#e3f1fc}tbody tr:hover td{background:#e8f1f7}tbody tr.draft:hover td{background:#cde8e4}td:first-child,td:nth-child(2){vertical-align:middle;text-align:center}td:nth-child(3){padding:0 8px;border-right:1px solid #dce0e4}td:nth-child(n+6){text-align:right}input[type=checkbox]{appearance:none;width:24px;height:24px;border:1px solid #cbd5df;background:white;border-radius:4px;margin:0;vertical-align:middle;cursor:pointer}input[type=checkbox]:checked{background:#087dbb;border-color:#087dbb}input[type=checkbox]:checked:after{content:'✓';color:white;display:grid;place-items:center;height:100%;font-size:19px}.toggle{width:38px;height:22px;min-height:22px;border:1px solid #ced8e1;border-radius:20px;padding:0;background:#fff;display:inline-block;position:relative}.toggle:before{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;background:#263c47;border-radius:50%}.toggle.on{background:#e1f1fb}.toggle.on:before{background:#087fbd;left:17px;width:20px;height:20px;top:0}.ad-content{display:flex;gap:8px;align-items:flex-start;height:46px}.thumb{width:46px;height:46px;object-fit:cover;flex:none}.missing-thumb{width:46px;height:23px;border:1px solid #b6cace;display:flex;align-items:center;color:#78999b;margin-top:12px;flex:none}.ad-text{padding-top:6px;min-width:0;flex:1}.ad-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer;display:block}.ad-name:hover{text-decoration:underline}.row-actions{display:flex;gap:4px;visibility:hidden;margin-top:0;height:20px}.draft .row-actions,tr:hover .row-actions{visibility:visible}.row-actions button{font-size:12px;height:20px;min-height:20px;border:1px solid #dce5ec;border-radius:12px;padding:0 5px;gap:2px;box-shadow:0 1px 2px #0001}.row-actions button svg{height:12px;width:12px}.status-dot{display:inline-block;background:#cbd2d9;border-radius:50%;width:12px;height:12px;margin:2px 7px 0 0;vertical-align:top}.status-dot.draft{background:transparent;border:2px solid #008362}.status-dot.on{background:#2aa357}tfoot td{height:76px;border-top:2px solid #e1e4e6;background:#fff;position:sticky;bottom:0;z-index:2;padding-top:9px}tfoot td:nth-child(3){padding:9px 12px}#right{position:fixed;right:0;top:0;bottom:0;width:44px;background:#1b2e36;padding:4px}#right button{width:36px;height:36px;min-height:36px;border:0;background:transparent;color:#a8b1b6;padding:10px;margin-bottom:8px}#right button:first-child{color:white}#menu{position:fixed;z-index:30;background:white;border:1px solid #d8e0e7;border-radius:7px;box-shadow:0 8px 30px #162e4530;min-width:220px;padding:6px;max-height:70vh;overflow:auto}#menu button{display:flex;justify-content:flex-start;border:0;width:100%;background:white}#menu button:hover{background:#eaf3fa}#menu label{display:flex;padding:10px;gap:10px;align-items:center}#menu input[type=checkbox]{width:20px;height:20px}#shade{position:fixed;inset:0;background:#172b4140;z-index:35}#panel{position:fixed;right:44px;top:0;bottom:0;width:580px;background:#f2f5f8;box-shadow:-8px 0 30px #172b4130;z-index:40;overflow:auto;padding:20px}#panel header{padding:0;height:45px;min-height:45px}#panel h2{font-size:20px;margin:0}#panel .card{background:white;padding:20px;border:1px solid #dce4eb;border-radius:8px;margin:16px 0}label.field{display:block;margin-bottom:18px;font-weight:600}label.field input,label.field select{width:100%;height:40px;background:white;border:1px solid #bccad7;border-radius:5px;padding:8px;margin-top:8px}#panel footer{display:flex;justify-content:flex-end;gap:8px}dialog{border:0;border-radius:10px;width:520px;padding:24px;color:var(--ink);box-shadow:0 16px 70px #0003}dialog::backdrop{background:#172b4160}dialog h2{margin-top:0;font-size:21px}dialog p{line-height:1.5;color:#65737d}dialog footer{display:flex;gap:8px;justify-content:flex-end;margin-top:24px}.review-row{display:flex;align-items:center;gap:10px;padding:10px;border-bottom:1px solid #e1e6eb}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%) translateY(100px);transition:transform .2s;z-index:100;background:#1c2b33;color:white;border-radius:7px;padding:13px 20px;box-shadow:0 4px 15px #0002}#toast.show{transform:translateX(-50%) translateY(0)}[hidden]{display:none!important}.empty{height:220px;text-align:center!important;vertical-align:middle;font-size:16px;color:#697983}@media(max-width:1450px){.score{display:none!important}#updated{font-size:12px}.tabs button{min-width:205px;font-size:14px}.views button{padding:0 10px}}@media(max-width:1150px){#updated{display:none}.account{width:245px}.tabs button{min-width:170px}.tabs .badge{display:none}#date{max-width:310px;font-size:12px}.toolbar{gap:5px}.toolbar button{padding:0 8px}.views button{font-size:12px}.views .plain{display:none}}
@font-face{font-family:Roboto;src:url('assets/roboto.woff2')}@font-face{font-family:Roboto;src:url('assets/roboto-medium.woff2');font-weight:500}@font-face{font-family:Roboto;src:url('assets/roboto-bold.woff2');font-weight:700}body{font-family:Roboto,Arial,sans-serif}table{width:1961px}td small{line-height:14px}th{font-weight:700}
tbody td{padding-bottom:4px}tbody td:nth-child(3){padding-bottom:0}tbody tr.draft td:first-child{border-left:2px solid #008765}.ad-name>svg{width:14px;height:14px;margin-left:5px;vertical-align:middle}

.creative-preview{display:inline-flex;position:relative;padding:0;min-height:0;width:240px;max-width:100%;border:1px solid #dce4eb;border-radius:6px;overflow:hidden;margin-bottom:18px;background:#f5f7f9}.creative-preview img{display:block;width:100%;height:auto;object-fit:contain}.creative-preview span{position:absolute;bottom:8px;right:8px;font-size:12px;background:#ffffffed;padding:5px 8px;border-radius:4px}.image-dialog{width:min(780px,90vw);max-height:94vh}.full-creative{display:block;max-width:100%;max-height:72vh;width:auto;height:auto;margin:0 auto;object-fit:contain}.image-dialog footer{margin-top:12px}
