:root{--bg: #f3f6fb;--panel: #ffffff;--text: #18243c;--muted: #6f809d;--line: #e1e8f2;--indigo: #4d44f2;--violet: #6d5ef6;--pink: #eb4ca3;--green: #17a06d;--green-soft: #cff2e4;--red: #d63b5d;--red-soft: #ffedf2}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Segoe UI,Arial,sans-serif;letter-spacing:-.01em;width:100%;max-width:100vw;overflow-x:hidden}.top-nav{position:sticky;top:0;z-index:20;background:#ffffffe0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);padding:14px 22px;display:flex;justify-content:space-between;align-items:center;gap:14px}.brand{display:flex;align-items:center;gap:14px;min-width:0;flex-shrink:0}.brand-icon{width:42px;height:42px;border-radius:12px;background:var(--indigo);color:#fff;display:grid;place-items:center;font-size:22px}.brand-copy strong{font-size:26px;line-height:1;letter-spacing:-.02em;display:block;white-space:nowrap}.brand-copy p{margin:2px 0 0;color:var(--muted);font-size:12px;letter-spacing:.04em;font-weight:600}.status-dot{margin-left:8px;background:var(--green-soft);color:var(--green);padding:3px 8px;border-radius:999px;font-size:12px;font-weight:700}.tabs{background:#edf2f8;border-radius:14px;padding:4px;margin-left:18px;display:flex;gap:4px}.tab{border:0;background:transparent;color:#607291;padding:8px 16px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer}.tab.active{background:#fff;color:var(--indigo);box-shadow:0 1px 2px #0d1e391f}.controls{display:flex;gap:10px;align-items:center;margin-left:auto;min-width:0}.date-filter{position:relative}.date-filter-btn{display:flex;align-items:center;gap:10px;min-width:210px;justify-content:space-between}.date-icon{font-size:17px;color:#7f91ad}.date-caret{color:#7f91ad}.date-filter-menu{position:absolute;top:calc(100% + 8px);left:0;width:250px;background:#fff;border:1px solid #d9e1ed;border-radius:16px;box-shadow:0 12px 28px #16213a1f;padding:10px;z-index:30;display:grid;gap:3px}.date-option{border:0;border-radius:12px;background:transparent;text-align:left;padding:10px 12px;font-size:15px;color:#4a5d7c;cursor:pointer}.date-option:hover{background:#f1f4fb}.date-option.active{color:#4d44f2;background:#edf0ff;font-weight:700}.custom-date-fields{border-top:1px solid #e5ebf4;margin-top:6px;padding-top:8px;display:grid;gap:8px}.custom-date-fields span{color:#7d90ae;font-size:12px;text-transform:uppercase}.custom-date-fields input{border-radius:10px;border:1px solid #d4dceb;padding:8px 10px}.control{border:1px solid #d6deeb;border-radius:999px;padding:10px 16px;background:#fff;color:#223251;font-size:15px;font-weight:600;box-shadow:0 1px 2px #14223914}.icon-btn{border:0;background:transparent;color:#556685;font-size:22px;line-height:1;cursor:pointer;width:36px;height:36px;border-radius:8px}.icon-btn:hover{background:#edf2f9}.app{max-width:1380px;width:100%;margin:0 auto;padding:24px;display:grid;gap:16px}.range-label{margin:0;color:#7890b3;font-size:18px;font-weight:600}.status{padding:10px 14px;border-radius:12px;font-weight:700}.loading-banner{display:inline-flex;align-items:center;gap:10px;width:fit-content;padding:10px 14px;border-radius:999px;background:#eef3ff;color:#3256a8;font-weight:700}.spinner{width:14px;height:14px;border:2px solid #b9c8e8;border-top-color:#4666c9;border-radius:50%;animation:spin .85s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.status.info{background:#e9f0ff;color:#3058a9}.status.success{background:#def7ec;color:#187f54}.status.error{background:#ffebf1;color:#ab173d}.panel{background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:0 8px 20px #21395c0a}.panel h2{margin:0;font-size:28px}.panel h3{margin:0 0 8px;color:#8a9dbd;font-size:16px;text-transform:uppercase}.muted{color:var(--muted)}.warning{background:#fff7e3}.danger{background:#fff0f4}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;min-height:146px;box-shadow:0 4px 14px #21395c0a}.card-top{display:flex;justify-content:space-between;margin-bottom:12px}.kpi-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#f2f5fb;color:#5d6f8f;font-size:16px;font-weight:700}.card p{margin:0;color:#556f95;font-size:16px}.card strong{display:block;margin-top:8px;font-size:24px;line-height:1.1}.overview-grid{display:grid;grid-template-columns:2.1fr 1fr;gap:18px;margin-top:2px}.panel-head{display:flex;justify-content:space-between;gap:14px;align-items:start}.campaign-head-left{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.select-all-box{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border:1px solid #d8e0eb;border-radius:999px;background:#f7f9fc;color:#6a7f9f;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;-webkit-user-select:none;user-select:none}.select-all-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;border-radius:4px;border:1px solid #bdc9da;background:#fff;position:relative;margin:0;flex-shrink:0}.select-all-check:checked{background:#5a4df2;border-color:#5a4df2}.select-all-check:checked:after{content:"";position:absolute;left:4px;top:1px;width:3px;height:7px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.select-all-check:disabled{opacity:.5;cursor:not-allowed}.funnel-rates{display:flex;gap:28px}.funnel-rates p{margin:0;color:#8a9dbd;font-size:12px;font-weight:700}.funnel-rates strong{font-size:26px}.funnel-bars{margin-top:18px;display:grid;gap:14px}.funnel-row{display:grid;grid-template-columns:140px 1fr auto;align-items:center;gap:10px}.funnel-row p{margin:0;color:#63799b;font-weight:700}.funnel-row strong{font-size:18px}.funnel-track{height:40px;background:#f1f4fb;border-radius:11px;overflow:hidden}.funnel-fill{height:100%;border-radius:11px}.bar-blue{background:linear-gradient(90deg,#5f58e5,#5e68f6)}.bar-violet{background:linear-gradient(90deg,#6a58e9,#8b57f4)}.bar-pink{background:linear-gradient(90deg,#d44387,#eb4ca3)}.campaign-list{margin-top:14px;display:grid;gap:12px;max-height:575px;overflow:auto}.campaign-item{border:1px solid var(--line);border-radius:16px;padding:14px}.campaign-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.campaign-title{display:flex;align-items:center;gap:10px;min-width:0}.campaign-title span{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.campaign-check{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:6px;border:1px solid #cfd9e8;background:#fff;cursor:pointer;position:relative;flex-shrink:0}.campaign-check:checked{background:#5a4df2;border-color:#5a4df2}.campaign-check:checked:after{content:"✓";position:absolute;color:#fff;font-size:13px;font-weight:700;top:1px;left:5px}.campaign-metrics{margin-top:10px;display:flex;gap:20px}.campaign-metrics p{margin:0;color:#8a9dbd;font-size:12px;font-weight:700}.campaign-metrics strong{font-size:22px}.status-pill{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:700;height:fit-content}.status-pill.on{background:#cdf2e3;color:#14895c}.status-pill.off{background:#e8edf5;color:#667894}.table-wrap{max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}table{width:100%;min-width:980px;border-collapse:collapse}th,td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-size:13px}th{color:#8a9dbd;text-transform:uppercase;letter-spacing:.04em;font-size:13px}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none;position:relative;padding-right:24px}th.sortable:after{content:"↕";position:absolute;right:8px;top:50%;transform:translateY(-50%);color:#b1bfd4;font-size:11px}th.sortable.sorted{color:#3b4e72}th.sortable.sorted-desc:after{content:"↓";color:#5a6f95}th.sortable.sorted-asc:after{content:"↑";color:#5a6f95}.creative-name{display:flex;align-items:center;gap:10px}.thumb{width:56px;height:56px;border-radius:14px;object-fit:cover;border:1px solid var(--line)}.no-thumb{display:grid;place-items:center;background:#edf1f7;color:#7688a5;font-size:11px}.badge{background:#fff8e4;color:#c97900;padding:5px 9px;border-radius:999px;font-size:11px;font-weight:700}a{color:#315ad0;text-decoration:none}a:hover{text-decoration:underline}.hidden{display:none}.is-loading .panel,.is-loading .card{opacity:.82}.is-loading .icon-btn,.is-loading .control{opacity:.65}.center{text-align:center}.modal{border:0;border-radius:20px;width:min(760px,95vw);padding:0}.modal::backdrop{background:#121d2d80}.modal-card{padding:20px;background:#fff;display:grid;gap:14px}.modal-head{display:flex;justify-content:space-between}.accounts{display:grid;gap:10px}.account-item{border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;justify-content:space-between;align-items:center}.config-form{border:1px solid #d8d2ff;background:#f8f8ff;border-radius:16px;padding:14px;display:grid;gap:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}label{display:grid;gap:6px}label span{color:#8092b1;font-size:12px;text-transform:uppercase;font-weight:700}input{width:100%;border-radius:12px;border:1px solid #d7deea;padding:10px 12px;font-size:16px}select{width:auto;border-radius:12px;border:1px solid #d7deea;padding:10px 12px;font-size:15px;background:#fff;color:#223251}.controls select.control{min-width:220px}.config-form select,#adjustmentForm select{width:100%}#webhookProductSelect[multiple]{height:44px;overflow:hidden}.webhook-box{border-top:1px solid var(--line);padding-top:12px}.webhook-row{display:flex;gap:8px}.btn{border:0;border-radius:12px;padding:10px 14px;background:#e7ecf5;color:#1e3052;font-weight:700;cursor:pointer}.btn-primary{background:linear-gradient(90deg,#8b7ef0,#9689f5);color:#fff}.btn-danger{background:var(--red-soft);color:var(--red)}.btn-full{width:100%}.config-feedback{margin:0;font-size:13px;font-weight:600}.config-feedback.info{color:#4d5f7f}.config-feedback.success{color:#1b8f5e}.config-feedback.error{color:#c03658}@media(max-width:1180px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid{grid-template-columns:1fr}.brand-copy strong{font-size:24px}.brand-copy p{font-size:12px}}@media(max-width:860px){.top-nav{position:static;flex-direction:column;align-items:stretch;padding:12px 14px}.brand{flex-wrap:wrap;gap:10px;min-width:0}.brand-copy{min-width:0;flex:1 1 auto}.brand-copy strong{white-space:normal;font-size:18px;line-height:1.05;word-break:break-word}.tabs{margin-left:0;width:100%}.tab{flex:1;text-align:center}.controls{width:100%;display:grid;grid-template-columns:1fr;gap:8px}.control{width:100%;min-width:0}.controls select.control,.date-filter{min-width:0}.date-filter-btn{min-width:0;width:100%}.date-filter-menu{width:100%}.cards{grid-template-columns:1fr}.app{padding:14px;gap:12px;width:100%;max-width:100vw}.panel h2{font-size:20px}.card strong{font-size:18px}.funnel-row,.form-grid{grid-template-columns:1fr}.range-label{font-size:15px}.webhook-row{flex-direction:column}}