:root{--top1:#0b4e6b;--top2:#159679;--nav:#3f4b56;--bg:#f3f6f8;--card:#ffffff;--text:#334155;--muted:#7b8794;--line:#e5e9ef;--accent:#4dbac8;--accent2:#5b8def;--danger:#e05260;--warn:#f5c15b;--ok:#27b394}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);font-size:14px}a{color:#2f80c9;text-decoration:none}.topbar{height:50px;background:linear-gradient(110deg,var(--top1),var(--top2));color:#fff;display:flex;align-items:center;padding:0 7%;gap:22px}.brand{font-size:28px;letter-spacing:.5px;font-weight:700}.brand span{color:#4cc3ff}.top-stats{display:flex;gap:18px;align-items:center;font-size:12px;opacity:.95;flex:1}.top-stat{background:rgba(0,0,0,.12);padding:7px 10px;border-radius:3px}.top-search{display:flex;gap:8px;align-items:center}.top-search input{height:30px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.15);color:#fff;border-radius:2px;width:150px;padding:7px}.top-search input::placeholder{color:#e6f4f4}.user-chip{font-size:13px}.nav{height:45px;background:var(--nav);display:flex;align-items:center;padding:0 7%;gap:0;box-shadow:0 1px 1px rgba(0,0,0,.08);position:sticky;top:0;z-index:10}.nav a,.dropbtn{color:#eef3f5;padding:15px 16px;display:inline-block;font-size:13px}.nav a:hover,.dropdown:hover .dropbtn{background:rgba(255,255,255,.07)}.dropdown{position:relative}.dropdown-content{display:none;position:absolute;top:45px;left:0;background:#fff;min-width:210px;box-shadow:0 6px 18px rgba(0,0,0,.14);z-index:20;border:1px solid var(--line)}.dropdown-content a{display:block;color:#344052;padding:12px 14px}.dropdown-content a:hover{background:#f5f7fa}.dropdown:hover .dropdown-content{display:block}.wrap{max-width:1200px;margin:24px auto;padding:0 16px}.page-title{font-size:22px;margin:0 0 18px;color:#263442;font-weight:500}.card{background:var(--card);border:1px solid var(--line);padding:18px;margin-bottom:18px;box-shadow:0 6px 20px rgba(35,48,70,.05)}.card-header{border-top:4px solid var(--accent2);margin:-18px -18px 18px;padding:14px 18px;border-bottom:1px solid var(--line);font-weight:600}.login{max-width:430px;margin:8vh auto}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.toolbar{display:flex;gap:12px;margin-bottom:14px;align-items:center;flex-wrap:wrap}.toolbar input,.toolbar select{max-width:300px}label{display:block;margin:10px 0 6px;color:#52606d}input,select,textarea{width:100%;padding:10px;border:1px solid #d5dce3;border-radius:0;background:#fff;color:#263442}textarea{min-height:90px}button,.btn{display:inline-block;background:var(--accent);color:white;border:0;border-radius:0;padding:10px 14px;margin-top:10px;cursor:pointer;font-weight:600}.btn-secondary{background:#64748b;color:#fff}.btn-warning{background:var(--warn);color:#5a3b00}.btn-danger{background:var(--danger);color:white}.btn-small{padding:7px 9px;margin:0;font-size:12px}.alert{background:#fff7df;border:1px solid #f3d27b;color:#6d4b00;padding:10px;margin:10px 0}.success{background:#e9f8ef;border:1px solid #a8e6be;color:#166534;padding:10px;margin:10px 0}.muted{color:var(--muted)}.stat{font-size:32px;font-weight:bold;margin-top:8px;color:#394b5f}.metric{display:flex;align-items:center;justify-content:space-between}.metric .icon{font-size:26px;color:var(--accent)}table{width:100%;border-collapse:collapse;background:#fff}th,td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top;font-size:13px}th{color:#667085;text-transform:uppercase;font-size:11px;letter-spacing:.03em;background:#fff}tr:nth-child(even) td{background:#f8fafc}.status-dot{display:inline-block;width:9px;height:9px;background:var(--ok);margin-right:6px}.badge{background:#94a3b8;color:#fff;padding:5px 8px;font-size:12px;display:inline-block}.badge.ok{background:var(--ok)}.badge.warn{background:#f59e0b}.badge.bad{background:var(--danger)}code{display:block;white-space:pre-wrap;background:#f8fafc;border:1px solid var(--line);padding:12px}.pager{display:flex;gap:6px;margin-top:14px;flex-wrap:wrap;justify-content:flex-end}.pager a{padding:8px 11px;border:1px solid var(--line);background:#fff;color:#52606d}.pager a.active{background:#5b8def;color:#fff}.charts{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chartbox{height:220px;background:linear-gradient(#e6f8fb,#fff);border:1px solid #edf1f5;position:relative;overflow:hidden}.chartbox:before{content:"";position:absolute;left:30px;right:20px;bottom:45px;height:70px;background:rgba(91,141,239,.25);clip-path:polygon(0 60%,10% 50%,18% 55%,28% 40%,36% 46%,48% 30%,60% 45%,72% 35%,84% 42%,100% 25%,100% 100%,0 100%)}.chart-title{padding:14px;color:#52606d}video{background:#000}@media(max-width:900px){.topbar,.nav{padding:0 16px}.top-stats{display:none}.charts{grid-template-columns:1fr}.nav{height:auto;display:block}.dropdown{display:inline-block}.nav a,.dropbtn{padding:12px 10px}.dropdown-content{top:38px}.top-search{display:none}table{font-size:12px}.card{padding:14px}.card-header{margin:-14px -14px 14px}}

/* v1.4 - pantallas tipo panel por secciones */
.page-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.xui-panel{background:#fff;border:1px solid var(--line);box-shadow:0 8px 24px rgba(35,48,70,.04);margin-bottom:18px}.tabs{display:flex;background:#f3f6f8;border-bottom:1px solid var(--line);overflow-x:auto}.tab{background:transparent;color:#64748b;border:0;border-right:1px solid #edf1f5;margin:0;padding:14px 28px;font-size:13px}.tab.active{background:#4f86d9;color:#fff}.tab-content{display:none;padding:26px}.tab-content.active{display:block}.xui-form-row{display:grid;grid-template-columns:170px 1fr;gap:18px;align-items:start;margin-bottom:18px}.xui-form-row label{margin-top:9px}.input-action{display:flex}.input-action input{flex:1}.input-action span{background:#4f86d9;color:#fff;padding:10px 14px}.source-grid{display:grid;grid-template-columns:1.5fr .7fr;gap:10px;align-items:center}.source-row{display:flex;align-items:center;background:#f1f6f9}.source-row input{border-left:0;border-right:0}.source-controls{background:#7d8d99;color:#fff;padding:11px}.remove-box{background:#f05b42;color:#fff;padding:11px 15px}.scan-box{background:#f1f6f9;padding:12px;color:#7b8794}.form-actions{display:flex;gap:8px;align-items:center;margin-top:14px}.right{margin-left:auto;text-align:right}.savebar{border-top:1px solid var(--line);padding:14px 26px;background:#fbfcfd;text-align:right}.empty-panel{padding:25px;background:#f8fafc;border:1px dashed #d8e0e8;color:#64748b}.quality{display:block;margin-top:4px;font-size:11px}.quality.ok{color:#d3c900}.quality.bad{color:#b91c1c}.inline-clear{display:grid;grid-template-columns:1fr 90px;gap:12px}.expiry-row{display:flex;gap:18px;align-items:center}.expiry-row input{max-width:210px}.switch input{display:none}.switch i{display:block;width:54px;height:28px;border-radius:20px;background:#e5e7eb;position:relative}.switch i:before{content:"";position:absolute;width:24px;height:24px;background:#fff;border-radius:50%;top:2px;left:2px;box-shadow:0 1px 3px rgba(0,0,0,.25)}.switch input:checked+i{background:#4dbac8}.switch input:checked+i:before{left:28px}@media(max-width:800px){.xui-form-row{grid-template-columns:1fr}.tab{padding:12px 16px}.source-grid{grid-template-columns:1fr}.page-head{display:block}}