:root{font-family:Inter,Segoe UI,system-ui,sans-serif;color:#202b30;background:#f4f5f2;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{cursor:pointer}button,.button{border:0;border-radius:7px;padding:11px 16px;background:#1e5148;color:white;font-weight:600;text-decoration:none;display:inline-block}button:hover{filter:brightness(1.12)}button.secondary{background:#e9ede8;color:#294039}button.text{background:transparent;color:#52605b;padding:7px}input,textarea,select{width:100%;padding:11px;border:1px solid #d5dcd6;border-radius:6px;background:white;color:#24342c}textarea{min-height:86px}label{display:block;font-size:13px;font-weight:600;margin:14px 0 6px}h1,h2,h3,p{margin-top:0}h1{font-size:32px;font-weight:650;letter-spacing:-1px}h2{font-size:22px}small,.muted{color:#6c7770}.layout{display:grid;grid-template-columns:228px 1fr;min-height:100vh}aside{background:#163b34;color:#e8eee8;padding:30px 22px;display:flex;flex-direction:column;gap:28px}aside .brand{font-size:22px;font-weight:700;letter-spacing:-1px}aside .brand span{color:#b8d99b}aside small{color:#b0c3b9}aside button{background:#2b5147;text-align:left;width:100%}.aside-bottom{margin-top:auto;font-size:12px;line-height:1.8;color:#bbcec1}main{padding:32px 44px;max-width:1600px;width:100%;margin:auto}.topline{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px;font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#6b7a70}.heading,.row{display:flex;justify-content:space-between;align-items:center;gap:16px}.heading{margin-bottom:28px}.eyebrow{font-size:11px;color:#63816b;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;margin-bottom:10px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:34px}.stat{padding:22px 24px;background:#fff;border:1px solid #e0e5dd;border-radius:10px}.stat strong{display:block;font-size:29px;margin-top:12px;font-weight:600}.toolbar{display:flex;gap:12px;margin-bottom:18px}.toolbar input{max-width:440px}.jobs{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.card{background:#fff;border:1px solid #dfe4dc;border-radius:10px;padding:24px}.job{cursor:pointer;transition:transform .15s}.job:hover{transform:translateY(-3px);border-color:#8fa792}.job h3{margin:22px 0 8px;font-size:20px}.badge{display:inline-block;font-size:11px;background:#edf1e9;color:#48633f;padding:6px 9px;border-radius:5px}.badge.progress{background:#fff0cf;color:#8a651b}.job-foot{border-top:1px solid #e8ebe4;margin-top:25px;padding-top:15px;font-size:12px;display:flex;justify-content:space-between;color:#6c7770}.empty{padding:48px 24px;text-align:center;border:1px dashed #b9c7b8;border-radius:10px;color:#6c7770}.tabs{display:flex;gap:8px;border-bottom:1px solid #dce2d8;margin:24px 0}.tabs button{background:transparent;color:#6c7770;border-radius:0;padding:14px}.tabs button.active{color:#254d3a;border-bottom:3px solid #254d3a}.media-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(235px,1fr));gap:15px}.media-card{padding:0;overflow:hidden}.thumb{height:145px;background:#e5ebe1;display:flex;align-items:center;justify-content:center;font-size:28px;color:#5f7962;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.media-info{padding:16px}.media-info h3{font-size:14px;overflow-wrap:anywhere;margin:10px 0}.media-info small{display:block}.viewer-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px}.stage{position:relative;background:#101b18;overflow:hidden;border-radius:9px;min-height:300px;display:flex;align-items:center;justify-content:center}.stage img,.stage video{display:block;max-width:100%;max-height:65vh;object-fit:contain}.stage canvas{width:100%;height:55vh;display:block;touch-action:none}.marker{position:absolute;transform:translate(-50%,-50%);border-radius:50%;background:#dcf584;color:#18352c;width:28px;height:28px;padding:0;box-shadow:0 0 0 3px #ffffff88}.labels-list{display:flex;flex-direction:column;gap:9px;margin:16px 0}.label-item{padding:12px;background:#f0f3ec;border-radius:6px;cursor:pointer;font-size:13px}.viewer-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}.viewer-actions button{font-size:12px}dialog{border:0;border-radius:12px;padding:28px;width:min(510px,94vw);box-shadow:0 20px 100px #1234}dialog::backdrop{background:#0f292580}dialog .row{margin-top:22px}.auth{max-width:430px;margin:10vh auto;padding:32px;background:white;border-radius:12px;border:1px solid #dce2d8}.auth h1{font-size:27px}.notice{background:#edf1e6;padding:13px;border-radius:6px;font-size:13px;line-height:1.6;margin:15px 0}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#173f34;color:white;padding:13px 22px;border-radius:8px;display:none;z-index:99;max-width:90vw}.equipment{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:15px}.equipment p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.error{color:#a13a27;font-size:13px}progress{width:100%;height:16px}a{color:#225f48}.search-hit{background:#fff;padding:14px;margin-bottom:8px;border-radius:6px;cursor:pointer}pre{white-space:pre-wrap}@media(max-width:850px){.layout{grid-template-columns:1fr}aside{padding:16px 22px;flex-direction:row;align-items:center;gap:15px}aside button{width:auto}.aside-bottom,aside small{display:none}main{padding:24px 18px}.topline{margin-bottom:25px}.stats{gap:8px}.stat{padding:16px 12px}.stat strong{font-size:25px}.viewer-grid{grid-template-columns:1fr}.heading{align-items:flex-start}h1{font-size:27px}.stage canvas{height:45vh}.toolbar{flex-wrap:wrap}}

/* TCB Network Solutions */
:root{color-scheme:light;--blue:#00aeef;--orange:#f57b20;--ink:#18232f;--gray:#6d6e71;color:var(--ink);background:#f3f5f8}
body{background:#f3f5f8}button,.button{background:#087eab;border:1px solid #087eab;box-shadow:0 2px 3px #0919230a}button:hover{background:#056b94;filter:none}button.secondary{border:1px solid #dce4eb;background:#f4f7fa;color:#29465a}button.text{border-color:transparent;box-shadow:none;background:transparent;color:#637284}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #00aeef66;outline-offset:3px}input,textarea,select{border-color:#d5dee6}input:focus,textarea:focus,select:focus{border-color:var(--blue)}aside{background:linear-gradient(165deg,#17232f,#101820);padding:28px 20px;gap:35px}aside button{border:1px solid #ffffff16;background:#ffffff0b;color:#dce8ef;padding:13px}aside button:hover{background:#00aeef20}.brand-logo{background:white;padding:16px 12px;border-radius:7px}.brand-logo img{width:100%;height:auto;display:block}.brand-product{font-size:19px;letter-spacing:3px;font-weight:650;margin:22px 5px 0;color:#fff;border-left:3px solid var(--orange);padding-left:12px}.brand-product span{display:block;color:#8eabbc;font-size:8px;letter-spacing:1.4px;margin-top:8px}.footer-icon{width:32px;opacity:.9;margin-bottom:12px}.aside-bottom{color:#8fa6b5;font-size:11px}.topline{border-bottom:1px solid #dde3e9;padding-bottom:20px;margin-bottom:32px;letter-spacing:1.1px;font-size:10px}.crew-pill{background:#fff;border:1px solid #dfe5eb;border-radius:25px;padding:9px 12px;text-transform:none;letter-spacing:0;font-size:11px;display:flex;align-items:center;gap:7px}.crew-pill i{width:6px;height:6px;border-radius:50%;background:var(--blue)}.eyebrow{color:#1681a8;font-size:10px;letter-spacing:1.5px}.heading h1{font-size:34px;font-weight:650;letter-spacing:-1.2px;margin-bottom:12px}.heading p.muted{font-size:14px}.muted,small{color:#74818e}.card,.stat{border:1px solid #e0e6ec;box-shadow:0 2px 4px #132d421f;border-radius:10px}.stat{position:relative;overflow:hidden}.stat:after{content:'';position:absolute;right:0;top:0;bottom:0;width:3px;background:#00aeef}.stat:nth-child(2):after{background:var(--orange)}.stat strong{color:#253747;font-size:34px}.stat small{font-size:12px}.badge{background:#e9f4fb;color:#147998}.badge.progress{background:#fff0e3;color:#a45211}.job:hover{border-color:#76b9d4;box-shadow:0 6px 16px #193c501c}.job-foot{border-top-color:#e4eaf0}.job-foot span:last-child{color:#097ca6}.tabs{border-bottom-color:#dce4ec}.tabs button.active{color:#087eab;border-bottom-color:var(--orange)}.thumb{background:linear-gradient(140deg,#e7eff5,#f1f6f9);color:#5994b0}.empty{border-color:#b4c9d8;background:#ffffff55;color:#6b8293}.notice{background:#edf6fb;color:#4b687a;border-left:3px solid #00aeef}.label-item{background:#eef5fa}.marker{background:#f57b20;color:white;border:2px solid white;box-shadow:0 2px 7px #0008}.equipment-symbol{height:44px;width:44px;border-radius:9px;background:#e6f5fc;color:#0489bb;display:flex;align-items:center;justify-content:center;margin-bottom:22px}.gear-icon{width:21px;height:21px;vertical-align:middle;flex-shrink:0}.equipment-symbol .gear-icon{width:27px;height:27px}.equipment p.eyebrow{color:#7d8b97}.label-item .gear-icon{width:17px;height:17px;color:#0985ad}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr;background:#fff}.auth-story{background:radial-gradient(ellipse at 10% 90%,#005f813b,transparent 60%),linear-gradient(145deg,#182a38,#0d1721);color:white;padding:50px 8%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:'';position:absolute;border:1px solid #00aeef18;border-radius:50%;width:560px;height:560px;right:-260px;bottom:-180px;pointer-events:none;box-shadow:0 0 0 65px #00aeef05,0 0 0 130px #00aeef04}.auth-logo{background:white;border-radius:6px;width:240px;padding:12px 15px;display:block;margin-bottom:60px}.auth-logo img{width:100%;display:block}.auth-story h1{font-size:clamp(32px,4vw,53px);line-height:1.18;letter-spacing:-1.8px;margin:16px 0 25px}.auth-story h1 span{color:var(--blue)}.auth-story p:not(.eyebrow){color:#b2c0cc;line-height:1.8;max-width:390px;font-size:14px}.auth-story .eyebrow{color:#f7944d;font-size:9px}.auth-story small{color:#708795;font-size:9px;letter-spacing:1.3px;margin-top:65px}.story-tags{display:flex;gap:8px;flex-wrap:wrap;max-width:410px;margin-top:28px}.story-tags span{border:1px solid #ffffff20;background:#ffffff05;border-radius:5px;padding:8px 10px;font-size:10px;color:#b2d0df}.auth{border:0;margin:auto;width:100%;padding:48px;max-width:450px;box-shadow:none}.auth-icon{width:43px;height:43px;object-fit:contain;margin-bottom:30px}.auth h1{font-size:30px;line-height:1.2;margin-bottom:14px}.auth p.muted{font-size:14px;line-height:1.7}.auth label{margin-top:30px}.auth input{padding:14px}.auth form button{width:100%;padding:13px}.auth small{font-size:11px;line-height:1.5}.auth-footer{font-size:10px;color:#8c99a4;margin-top:45px;text-align:center}#toast{background:#16384d}.search-hit{border:1px solid #e1e7ed}a{color:#077fa9}dialog{color:var(--ink);background:#fff}dialog::backdrop{background:#0e1c2a99}@media(max-width:850px){aside{padding:14px 18px;gap:20px}.brand{display:flex;align-items:center;gap:15px}.brand-logo{padding:7px 10px;width:140px}.brand-product{margin:0;border-left:0;padding-left:0;font-size:13px}.brand-product span{display:none}.heading h1{font-size:28px}.auth-shell{grid-template-columns:1fr}.auth-story{padding:25px 30px;min-height:230px}.auth-logo{width:170px;margin-bottom:25px}.auth-story h1{font-size:30px;margin:10px 0}.auth-story h1 br{display:none}.auth-story h1 br:after{content:' '}.auth-story p:not(.eyebrow),.story-tags,.auth-story small{display:none}.auth{padding:35px 30px}.auth-icon{display:none}.topline{font-size:9px}.crew-pill{font-size:9px;padding:7px}.heading{gap:12px}aside button{font-size:12px}.aside-bottom{display:none}}@media(max-width:480px){.brand-logo{width:115px}.brand-product{display:none}.heading h1{font-size:25px}.heading button{font-size:12px;padding:10px}.stat strong{font-size:28px}.stat small{font-size:10px}}

.crew-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}aside .crew-tools{flex-direction:column;margin:0}aside .crew-tools button{font-size:13px}.auth .crew-tools button{font-size:12px}.crew-guide{width:min(1050px,96vw);max-height:90vh;overflow:auto}.crew-guide h2{margin:0}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:24px 0}.guide-grid section{padding:22px;border:1px solid #dce4eb;border-radius:8px}.crew-guide p,.crew-guide li,.quick-settings{font-size:14px;line-height:1.8}.guide-grid li{margin-bottom:12px}.guide-grid dl{display:grid;grid-template-columns:1fr 1.4fr;gap:12px;font-size:13px}.guide-grid dt{color:#718393}.guide-grid dd{margin:0;font-weight:600}.crew-guide summary,.quick-settings summary{cursor:pointer;font-weight:600}.guide-sources{font-size:12px!important}.quick-settings{padding:12px;border:1px solid #6cacc9;border-radius:6px;margin:15px 0}
html[data-theme=dark]{color-scheme:dark;--ink:#e3edf5;background:#131c26;color:#e3edf5}html[data-theme=dark] body,html[data-theme=dark] .layout{background:#131c26}html[data-theme=dark] .card,html[data-theme=dark] .stat,html[data-theme=dark] dialog,html[data-theme=dark] .auth,html[data-theme=dark] .search-hit{background:#1d2a38;color:#e3edf5;border-color:#344558;box-shadow:none}html[data-theme=dark] .auth-shell{background:#1d2a38}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] select{background:#152130;color:#e3edf5;border-color:#43566b}html[data-theme=dark] .muted,html[data-theme=dark] small,html[data-theme=dark] .guide-grid dt{color:#a7b8c9}html[data-theme=dark] .stat strong{color:#edf5fc}html[data-theme=dark] .crew-pill{background:#1d2a38;color:#bdcede;border-color:#344558}html[data-theme=dark] .topline,html[data-theme=dark] .tabs,html[data-theme=dark] .job-foot,html[data-theme=dark] .guide-grid section{border-color:#344558;color:#a9bbcc}html[data-theme=dark] button.secondary{background:#293d50;color:#deedf9;border-color:#42576b}html[data-theme=dark] button.text{color:#b8cbdc}html[data-theme=dark] .notice,html[data-theme=dark] .label-item,html[data-theme=dark] .equipment-symbol{background:#18394c;color:#c2e4f5}html[data-theme=dark] .empty{background:#1d2a3877;color:#adbfce;border-color:#465f76}html[data-theme=dark] .thumb{background:linear-gradient(140deg,#203748,#293e51);color:#94cce6}html[data-theme=dark] .eyebrow,html[data-theme=dark] a,html[data-theme=dark] .tabs button.active{color:#51c5f2}html[data-theme=dark] .badge{background:#183e53;color:#8bdbfb}html[data-theme=dark] .badge.progress{background:#493523;color:#ffc48c}html[data-theme=dark] .error{color:#ffac94}html[data-theme=dark] .auth-footer{color:#a1b3c3}html[data-theme=dark] .brand-logo,html[data-theme=dark] .auth-logo{background:#fff}@media(max-width:850px){.guide-grid{grid-template-columns:1fr}aside{flex-wrap:wrap}aside .crew-tools{flex-direction:row;gap:8px}aside .crew-tools button{font-size:11px;padding:8px}}
