/* SPARKER COMPANY HUB V21 */
.hub21{padding:2px 0 24px;color:#172532}.hub21-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;margin:4px 0 14px}.hub21-kicker{font-size:9px;letter-spacing:1.6px;font-weight:950;color:#dd7a00}.hub21-head h2{font-size:23px;margin:4px 0 2px}.hub21-head p{margin:0;color:#71808d;font-size:11px}.hub21-refresh,.hub21-clear{border:1px solid #cad9e2;background:#f4f8fa;color:#365267;border-radius:8px;padding:10px 14px;font-size:10px;font-weight:850;cursor:pointer}
.hub21-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:12px}.hub21-metrics article{background:#fff;border:1px solid #d7e2e8;border-radius:11px;padding:12px}.hub21-metrics span{display:block;font-size:9px;font-weight:850;color:#768995}.hub21-metrics strong{display:block;font-size:20px;margin-top:5px}.hub21-card{background:#fff;border:1px solid #d6e2e9;border-radius:12px;padding:12px}.hub21-toolbar{display:grid;grid-template-columns:minmax(240px,1fr) 190px 190px auto;gap:8px}.hub21-toolbar input,.hub21-toolbar select{height:38px;border:1px solid #cbd9e2;border-radius:8px;background:#fff;padding:0 10px;font-size:10px;color:#263e4d}.hub21-chips{display:flex;gap:6px;overflow-x:auto;padding:10px 0 8px}.hub21-chip{border:1px solid #d3dee5;border-radius:8px;background:#f7fafb;padding:7px 10px;font-size:9px;font-weight:800;color:#526b7b;white-space:nowrap;cursor:pointer}.hub21-chip.active{background:#172f3d;color:#fff;border-color:#172f3d}.hub21-chip b{margin-left:4px}.hub21-result-head{display:flex;justify-content:space-between;gap:10px;padding:9px 2px;color:#6b7e8b;font-size:9px}.hub21-result-head b{color:#263e4d}.hub21-scroll{overflow:auto;border:1px solid #d9e4ea;border-radius:10px}.hub21-table{width:100%;min-width:1120px;border-collapse:collapse}.hub21-table th{position:sticky;top:0;background:#f4f7f9;color:#6c8090;text-align:left;font-size:8px;letter-spacing:.5px;padding:10px;border-bottom:1px solid #d9e4ea}.hub21-table td{padding:10px;border-bottom:1px solid #e4ebef;font-size:9px;vertical-align:top}.hub21-company{border:0;background:none;color:#0967a5;font-weight:900;text-decoration:underline;cursor:pointer;text-align:left}.hub21-tags{display:flex;gap:4px;flex-wrap:wrap}.hub21-tags span{background:#edf5f8;border:1px solid #d4e2e8;padding:3px 6px;border-radius:999px;font-size:8px;font-weight:750}.hub21-tags em{color:#98a4ac;font-size:8px}.hub21-mini{margin-top:5px;border:1px solid #d2dee5;background:#fff;border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800;cursor:pointer}.hub21-supplier{max-width:290px}.hub21-actions{display:flex;gap:5px;flex-wrap:wrap}.hub21-btn{border:1px solid #cbd9e2;background:#f7fafb;border-radius:7px;padding:7px 9px;font-size:8px;font-weight:900;cursor:pointer}.hub21-btn.target{background:#fff4df;border-color:#e9c98d;color:#845800}.hub21-btn.save{background:#edf8f1;border-color:#b9dfc6;color:#236a3b}.hub21-btn.danger{background:#fff5f5;border-color:#edcaca;color:#aa3d3d}.hub21-empty,.hub21-loading{padding:38px;text-align:center;color:#7c8e9a}.hub21-error{padding:20px;border:1px solid #f0caca;background:#fff5f5;border-radius:10px;display:grid;gap:8px}.hub21-error span{color:#a64a4a}
button.hub21-active{opacity:1!important;pointer-events:auto!important;cursor:pointer!important}.tiny-btn.save-btn.hub21-active{background:#eaf8ef!important;border-color:#a9d8b8!important;color:#20713a!important}.tiny-btn.target.hub21-active{background:#fff0d7!important;border-color:#e5bd78!important;color:#855100!important}
#hub21-toast{position:fixed;right:22px;bottom:22px;z-index:10050;background:#102632;color:#fff;border:1px solid #38515e;border-radius:10px;padding:11px 12px;display:flex;gap:12px;align-items:center;transform:translateY(130px);opacity:0;transition:.2s;font-size:10px;box-shadow:0 12px 30px #0004}#hub21-toast.show{transform:none;opacity:1}#hub21-toast button{border:0;background:#f59d0b;color:#111;border-radius:6px;padding:6px 9px;font-weight:900;cursor:pointer}
#hub21-modal{position:fixed;inset:0;z-index:11000;display:none}#hub21-modal.show{display:block}.hub21-modal-bg{position:absolute;inset:0;background:#07131baa}.hub21-modal{position:absolute;right:0;top:0;height:100%;width:min(760px,94vw);background:#f7fafb;overflow:auto;box-shadow:-20px 0 50px #0004}.hub21-modal-head{display:flex;justify-content:space-between;padding:20px;background:#fff;border-bottom:1px solid #dbe5ea}.hub21-modal-head span{font-size:8px;color:#d97800;font-weight:900;letter-spacing:1.2px}.hub21-modal-head h3{font-size:20px;margin:5px 0 2px}.hub21-modal-head p{margin:0;color:#758893;font-size:10px}.hub21-modal-head button{border:0;background:#edf2f5;border-radius:8px;width:34px;height:34px;font-size:20px;cursor:pointer}.hub21-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px}.hub21-form label{display:grid;gap:5px;font-size:9px;font-weight:850;color:#647987}.hub21-form input,.hub21-form textarea{border:1px solid #cbd9e2;border-radius:8px;background:#fff;padding:10px;font-size:10px}.hub21-form textarea{min-height:100px;resize:vertical}.hub21-form .wide{grid-column:1/-1}.hub21-primary{border:0;border-radius:8px;background:#ef9500;color:#111;padding:11px;font-size:10px;font-weight:950;cursor:pointer}
@media(max-width:900px){.hub21-metrics{grid-template-columns:repeat(2,1fr)}.hub21-toolbar{grid-template-columns:1fr 1fr}.hub21-toolbar .hub21-q{grid-column:1/-1}.hub21-form{grid-template-columns:1fr}.hub21-form .wide{grid-column:auto}}

/* SPARKER_SECTOR_UI_CSS_V21_3 */
#hub21-sector-modal{position:fixed;inset:0;z-index:12050;display:none}
#hub21-sector-modal.show{display:block}
.hub213-sector-bg{position:absolute;inset:0;background:rgba(5,16,24,.66);backdrop-filter:blur(2px)}
.hub213-sector-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(620px,calc(100vw - 34px));max-height:min(720px,calc(100vh - 42px));display:flex;flex-direction:column;background:#f8fbfc;border:1px solid #ccdbe3;border-radius:16px;box-shadow:0 26px 80px rgba(0,0,0,.34);overflow:hidden}
.hub213-sector-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;padding:20px 22px 16px;background:#fff;border-bottom:1px solid #dbe6eb}
.hub213-sector-head span{display:block;color:#dd7a00;font-size:8px;font-weight:950;letter-spacing:1.4px}
.hub213-sector-head h3{margin:4px 0 2px;font-size:21px;color:#172532}
.hub213-sector-head p{margin:0;color:#71838f;font-size:10px;font-weight:700}
.hub213-sector-head>button{width:34px;height:34px;border:0;border-radius:9px;background:#eef3f6;color:#526a78;font-size:21px;cursor:pointer}
.hub213-sector-body{padding:18px 22px;overflow:auto}
.hub213-sector-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px;color:#334d5d;font-size:10px}
.hub213-sector-row small{color:#7b8d98;font-weight:700}
.hub213-sector-list{display:flex;flex-wrap:wrap;gap:8px;min-height:45px;padding:12px;border:1px solid #d8e3e9;border-radius:11px;background:#fff}
.hub213-sector-choice{display:inline-flex;align-items:center;gap:6px;border:1px solid #d2dfe6;border-radius:999px;background:#f7fafb;color:#526a78;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer;transition:.15s}
.hub213-sector-choice:hover{border-color:#a9beca;background:#f0f6f8}
.hub213-sector-choice.selected{background:#173746;border-color:#173746;color:#fff}
.hub213-sector-choice span{font-weight:950}
.hub213-sector-empty{width:100%;padding:9px;color:#84939c;font-size:9px;text-align:center}
.hub213-sector-new{margin-top:17px;padding-top:16px;border-top:1px solid #e0e8ec}
.hub213-sector-new label{display:block;margin-bottom:7px;color:#3b5463;font-size:10px;font-weight:900}
.hub213-sector-new>div{display:grid;grid-template-columns:1fr auto;gap:8px}
.hub213-sector-new input{height:40px;border:1px solid #cbd9e2;border-radius:9px;background:#fff;padding:0 11px;color:#243e4e;font-size:10px;outline:none}
.hub213-sector-new input:focus{border-color:#7199ad;box-shadow:0 0 0 3px rgba(82,132,157,.10)}
.hub213-sector-new button{border:1px solid #e0a748;border-radius:9px;background:#fff2d9;color:#7d5100;padding:0 15px;font-size:9px;font-weight:900;cursor:pointer}
.hub213-sector-new small{display:block;margin-top:7px;color:#84949d;font-size:8px;line-height:1.5}
.hub213-sector-foot{display:flex;justify-content:flex-end;gap:8px;padding:14px 22px;background:#fff;border-top:1px solid #dbe6eb}
.hub213-sector-foot button{border-radius:9px;padding:10px 15px;font-size:9px;font-weight:900;cursor:pointer}
.hub213-cancel{border:1px solid #cfdce3;background:#f5f8fa;color:#526a78}
.hub213-save{border:1px solid #ec980b;background:#f59d0b;color:#172532}
.hub213-save:disabled{opacity:.55;cursor:wait}
@media(max-width:640px){.hub213-sector-box{width:calc(100vw - 20px)}.hub213-sector-head,.hub213-sector-body,.hub213-sector-foot{padding-left:15px;padding-right:15px}.hub213-sector-new>div{grid-template-columns:1fr}.hub213-sector-new button{height:38px}}