:root{--blue:#0866ff;--ink:#10213e;--muted:#77849b;--line:#e6ebf3;--bg:#f4f7fc;--navy:#182e46;--green:#179860;--red:#e95672;--purple:#8b43f7}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:14px/1.5 'Segoe UI',Arial,sans-serif;background:var(--bg)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:3px}button{border:1px solid #dce4f0;border-radius:7px;background:white;color:var(--ink);padding:9px 15px;cursor:pointer;font-weight:600;transition:.15s}button:hover{border-color:#a9c5f5;background:#f6f9ff}button:disabled{opacity:.45;cursor:wait}.primary{background:var(--blue);border-color:var(--blue);color:white;box-shadow:0 3px 7px #0866ff20}.primary:hover{background:#075cdd;color:white}.quiet{color:var(--blue);border:0;background:transparent;box-shadow:none}.danger{color:#bc3449}.outline-blue{color:var(--blue)}.whatsapp{color:#0c9b4b;border-color:#a8e4bf}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.hidden{display:none!important}.small,small{font-size:12px}.muted{color:var(--muted)}.eyebrow{font-size:11px;letter-spacing:1.5px;font-weight:700;color:var(--blue)}h1,h2,h3,p{margin:0}h1{font-size:29px;letter-spacing:-.7px;line-height:1.25}h2{font-size:17px;letter-spacing:-.25px}h3{font-size:14px}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}.app{display:flex;height:100vh;overflow:hidden}aside{width:216px;flex-shrink:0;background:linear-gradient(160deg,#1b324c,#142638);color:#d4e0f0;display:flex;flex-direction:column;padding:26px 12px 16px}.brand{display:flex;gap:12px;align-items:center;margin:0 11px 32px;font-size:25px;font-weight:700;color:white}.brand-icon{display:flex;align-items:center;justify-content:center;width:38px;height:43px;color:white;background:linear-gradient(130deg,#6da7ff,#095cf0);border-radius:9px 3px 9px 3px;font-size:29px;box-shadow:5px 5px 0 #ffffff10}.brand span:not(.brand-icon){display:block;font-size:10px;font-weight:400;line-height:1.5;color:#c2d0e0;margin-top:3px}.nav-caption{font-size:9px;letter-spacing:1.5px;color:#7e98b4;margin:5px 16px 15px}nav{display:flex;flex-direction:column;gap:6px}nav button{display:flex;align-items:center;gap:14px;text-align:left;border:0;color:#c9d6e7;background:none;font-weight:500;border-radius:7px;padding:12px 16px}nav button:hover{background:#ffffff0b;border-color:transparent}nav button.active{background:linear-gradient(120deg,#177dff,#0059ed);color:white;box-shadow:0 5px 14px #0062ff24}.sidebar-bottom{margin: auto 4px 0;padding:18px 12px 0;font-size:12px}.sidebar-bottom strong{font-size:13px;color:white}.sidebar-bottom p{font-size:11px;color:#9ec0d5;margin:8px 0 18px}.sidebar-bottom button{display:flex;justify-content:space-between;background:none;color:#adc3d9;border:0;width:100%;padding:9px 0}.sidebar-art{height:50px;background:linear-gradient(140deg,#5383ad25,transparent);border:1px solid #ffffff10;border-radius:8px;margin-bottom:14px}.shell{flex:1;min-width:0;position:relative;display:flex;flex-direction:column}header{height:72px;flex-shrink:0;background:#fff;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 30px}#breadcrumb{color:var(--muted);font-size:12px}.profile{display:flex;align-items:center;gap:11px}.profile strong{font-size:12px}.profile small{display:block;color:var(--muted);font-size:10px}.avatar{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;color:white;background:linear-gradient(130deg,#38a0ff,#005cf5);font-weight:600;font-size:12px;box-shadow:0 0 0 4px #edf5ff}.chevron{margin-left:22px;color:#586d8a}main{padding:25px 28px 36px;overflow:auto;flex:1;background:radial-gradient(ellipse at 80% 5%,#edf6ff,transparent 55%),var(--bg)}.page-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:22px}.page-head p{color:var(--muted);margin-top:6px;font-size:13px}.actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.actions button svg{margin-right:6px}.panel{background:white;border:1px solid var(--line);border-radius:10px;padding:20px;box-shadow:0 3px 10px #16315c03;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:17px}.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi{background:white;border:1px solid var(--line);border-radius:10px;padding:17px 14px;display:flex;gap:11px;align-items:center}.kpi .icon{height:42px;width:42px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#eaf3ff;color:var(--blue)}.kpi .icon.green{background:#eaf9f0;color:var(--green)}.kpi .icon.red{background:#fff0f2;color:var(--red)}.kpi .icon.purple{background:#f4ecff;color:var(--purple)}.kpi .icon.gold{background:#fff7df;color:#dab022}.kpi label{display:block;font-size:10px;color:#687a95;margin:0 0 2px}.kpi strong{font-size:25px;line-height:1.2;letter-spacing:-.8px}.kpi small{display:block;color:#94a0b4;font-size:9px;margin-top:4px}.workbook-bar{display:flex;gap:16px;align-items:center;margin-bottom:14px}.workbook-bar select{min-width:300px;max-width:620px}.tabs{display:flex;border-bottom:1px solid var(--line);gap:4px;margin-bottom:16px}.tabs button{border:0;background:none;border-bottom:3px solid transparent;border-radius:0;padding:12px 18px;color:#8090a6}.tabs button.active{border-color:var(--blue);color:var(--blue)}label{display:block;font-size:12px;font-weight:600;margin-bottom:15px}input,select,textarea{display:block;border:1px solid #dce3ee;background:#fff;border-radius:6px;padding:10px 12px;color:var(--ink);width:100%;margin-top:6px;font-weight:400}input:focus,select:focus,textarea:focus{border-color:#82b6ff;outline:2px solid #e6f0ff}textarea{min-height:94px;resize:vertical}.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:16px;align-items:end}.filters label{margin:0}.filters button{height:40px}.filters input,.filters select{font-size:12px;padding:9px}.table-panel{padding:0;overflow:hidden}.table-panel .panel-head{padding:19px 20px 0}.table-wrap{overflow:auto;max-height:calc(100vh - 455px);min-height:150px}.table-wrap.tall{max-height:64vh}table{border-collapse:separate;border-spacing:0;min-width:100%;font-size:11px}th{position:sticky;top:0;background:#f5f8fd;z-index:1;color:#60738f;text-align:left;border-top:1px solid var(--line);border-bottom:1px solid var(--line);white-space:nowrap;font-weight:600}th button{font-size:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 11px;width:100%;border:0;border-radius:0;background:transparent;color:#63748c;text-align:left}th button.active-filter{color:var(--blue);background:#eaf3ff}td{border-bottom:1px solid #edf1f7;padding:12px 12px;max-width:240px;min-width:85px;vertical-align:middle;color:#35465f}tr:hover td{background:#f9fbff}td.agency-name{min-width:180px;max-width:230px}td.agency-name button{font-size:11px;color:var(--blue);text-align:left;border:0;padding:0;background:none;font-weight:650}.clip{max-width:210px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preline{white-space:pre-line;word-break:break-word}.badge{font-size:10px;font-weight:600;display:inline-block;padding:4px 8px;background:#f0f3f8;color:#607087;border-radius:6px;white-space:nowrap}.badge.blue{background:#ddecff;color:#0b65df}.badge.green{background:#dcfbe6;color:#0c8645}.badge.red{background:#ffe5eb;color:#d84361}.badge.purple{background:#efdcff;color:#8b39e4}.badge.gold{background:#fff1b6;color:#9c7813}.badge.orange{background:#fff0d9;color:#ba7815}.table-footer{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:white;color:var(--muted);font-size:11px;gap:12px}.pagination{display:flex;gap:5px;align-items:center}.pagination button{padding:6px 11px;font-size:11px}.pagination .current{background:var(--blue);color:white;border-color:var(--blue)}.table-footer select{width:auto;display:inline-block;margin:0 0 0 8px;padding:5px}.empty{text-align:center;padding:65px 25px;color:var(--muted)}.empty h2{color:var(--ink);margin-bottom:7px}.hint{padding:11px 15px;background:#edf5ff;color:#507093;border:1px solid #dcecff;border-radius:7px;margin:12px 0;font-size:12px}.hint.warn{background:#fff8e9;color:#967229;border-color:#f5e4be}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.back{margin-bottom:15px;color:var(--blue);font-size:12px;border:0;padding:0;background:none}.hero{display:flex;gap:22px;padding:24px}.agency-logo{width:88px;height:88px;flex-shrink:0;border-radius:9px;background:linear-gradient(145deg,#1c334a,#0d2034);color:#fff;display:grid;place-items:center;font-size:30px;font-weight:300;letter-spacing:2px}.hero-body{flex:1;min-width:0}.hero-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.hero-title h2{font-size:23px}.hero-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.hero-meta span{display:block;color:var(--muted);font-size:10px;margin-bottom:5px}.hero-meta strong{font-size:12px}.detail-grid{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,1fr);gap:18px}.detail-grid .table-wrap{max-height:280px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.info-row{display:grid;grid-template-columns:145px 1fr;gap:12px;padding:10px 0;border-bottom:1px solid #f0f3f8;font-size:12px}.info-row span{color:var(--muted)}.info-row strong{font-weight:500;word-break:break-word}.timeline{max-height:410px;overflow:auto;padding:0 4px}.event{position:relative;margin:0 0 0 12px;padding:0 0 18px 24px;border-left:1px solid #e1e9f4;font-size:12px;white-space:pre-line;word-break:break-word}.event:before{position:absolute;content:'';left:-6px;top:3px;height:10px;width:10px;border-radius:50%;background:#6ca3fb;box-shadow:0 0 0 4px #eff5ff}.event small{display:block;color:var(--muted);font-size:10px;margin-top:5px}.contact-source{font-size:11px;white-space:pre-line;max-height:160px;overflow:auto;color:var(--muted);margin-top:14px}.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.quick-actions button{font-size:11px}.toast{position:fixed;right:28px;bottom:25px;z-index:20;max-width:570px;background:#193752;color:white;padding:15px 20px;border-radius:9px;box-shadow:0 9px 30px #172e4630;white-space:pre-line}.toast.bad{background:#9e3248}.busy{position:fixed;right:28px;top:84px;z-index:15;display:flex;gap:10px;align-items:center;background:white;border:1px solid var(--line);box-shadow:0 5px 18px #142d4520;padding:11px 18px;border-radius:9px;color:#526784}.spinner{height:16px;width:16px;border:2px solid #deebff;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}dialog{width:min(620px,90vw);border:0;border-radius:13px;padding:27px;box-shadow:0 15px 80px #132c4d35;color:var(--ink)}dialog::backdrop{background:#122a484d;backdrop-filter:blur(2px)}dialog h2{font-size:21px;margin-bottom:8px}dialog .actions{justify-content:flex-end;margin-top:20px}.checklist{max-height:290px;overflow:auto;border:1px solid var(--line);border-radius:7px;margin-top:14px;padding:9px}.checklist label{display:flex;gap:9px;align-items:center;padding:5px;margin:0;font-weight:400}.checklist input{width:auto;margin:0}.login{display:grid;grid-template-columns:45% 55%;min-height:100vh;background:white}.login-art{padding:55px 65px;background:linear-gradient(145deg,#1f3a59,#10263c);color:white;overflow:hidden;position:relative}.login-art .brand{margin:0 0 115px}.login-art h1{font-size:43px;line-height:1.2;letter-spacing:-1.3px}.login-art p{color:#aac3da;max-width:350px;margin-top:25px}.login-form{max-width:480px;width:100%;margin:auto;padding:35px}.login-form h1{margin:12px 0;font-size:28px}.login-form form{margin-top:30px}.login-form label{margin-bottom:20px}.login-form input{padding:13px}.full{width:100%;display:flex;justify-content:space-between;padding:13px 18px}.error{color:#bd334d;font-size:12px;margin-top:15px}.building{display:flex;align-items:end;height:190px;gap:10px;opacity:.13;position:absolute;bottom:0;left:40px;right:40px}.building i{width:23%;height:70%;border:1px solid #c6e1ff;background:repeating-linear-gradient(0deg,#acd5ff 0 2px,transparent 2px 14px)}.building i:nth-child(2){height:100%}.building i:nth-child(3){height:58%}.building i:nth-child(4){height:86%}.building i:nth-child(5){height:44%}@media(max-width:1250px){aside{width:190px}main{padding:22px}.kpis{gap:8px}.kpi{padding:13px 10px;gap:8px}.kpi .icon{width:32px;height:32px}.kpi strong{font-size:22px}.filters{gap:9px;grid-template-columns:1.7fr repeat(3,1fr)}.filters label:nth-last-of-type(1){display:none}.hero-meta{grid-template-columns:repeat(3,1fr)}.hero-title{align-items:start}.hero-title .actions{max-width:270px}.info-grid{grid-template-columns:1fr}.login-art{padding:45px}.login-art h1{font-size:36px}}@media(max-height:820px){.sidebar-art{display:none}.kpi{padding:12px}.page-head{margin-bottom:15px}.table-wrap{max-height:calc(100vh - 400px)}.panel{margin-bottom:13px}main{padding-top:20px}}
td{padding-top:9px;padding-bottom:9px}td>.quiet{padding:5px 8px}.hero-meta strong .badge{display:inline-block}.hero-meta .badge{width:auto}.filters .muted{font-weight:400}

.inline-validation{display:inline-block;width:26px;max-width:26px;margin-left:8px;padding:4px 0;border:0;background:transparent;color:#006bec;cursor:pointer;vertical-align:middle}.inline-validation option{color:#022859;background:white}

.validation-trigger{position:relative;display:inline-block;width:28px;height:28px;margin-left:6px;color:#006bec;text-align:center;vertical-align:middle;font-size:20px}.validation-trigger .inline-validation{position:absolute;inset:0;margin:0;width:100%;height:100%;opacity:0}.validation-trigger:focus-within{outline:2px solid #006bec;border-radius:4px}
