:root{--dir-red: #ff1a1a;--dir-red-dim: #990000;--dir-grey-dark: #1a1a1a;--dir-grey-mid: #2a2a2a;--dir-grey-light: #b0b0b0;--dir-text: #ffffff;--dir-border: #4a4a4a;--font-brutalist: "Oswald", "Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--dir-grey-dark);color:var(--dir-text);font-family:Inter,sans-serif;overflow-x:hidden;min-height:100vh}h1,h2,h3,.brutalist{font-family:var(--font-brutalist);text-transform:uppercase;font-weight:800;letter-spacing:1px}.industrial-panel{background:var(--dir-grey-mid);border:4px solid var(--dir-border);box-shadow:10px 10px 0 var(--dir-grey-dark)}.danger-glow{color:var(--dir-red);text-shadow:0 0 10px rgba(255,26,26,.4)}.dir-button{background:var(--dir-red);color:#fff;border:none;padding:15px 30px;font-family:var(--font-brutalist);font-size:1.1rem;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background .2s}.dir-button:hover{background:#fff;color:var(--dir-red)}.scanline-red{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(rgba(255,26,26,.03) 50%,transparent 50%);background-size:100% 4px;z-index:1000;pointer-events:none}:root{--dir-red: #ff3e3e;--dir-red-dim: #8b0000;--dir-grey: #1e1e1e;--dir-dark: #0f0f0f;--dir-border: #333}body{margin:0;background-color:var(--dir-dark);color:#ccc;font-family:Roboto Condensed,sans-serif;overflow-x:hidden}.brutalist{font-family:Oswald,sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:-1px}.dir-red{color:var(--dir-red)}.directorate-container{min-height:100vh;display:flex;transition:background-color .1s}@media(max-width:768px){body{overflow-y:auto}.directorate-container{flex-direction:column;height:auto}.dir-sidebar{width:100%;padding:20px 0}.dir-logo{text-align:center;margin-bottom:20px}.dir-nav{display:grid;grid-template-columns:1fr 1fr}.nav-item{padding:10px 20px;font-size:.7rem}.dir-hero{height:auto;min-height:300px}.hero-text-overlay h1{font-size:2rem}.dir-grid{grid-template-columns:1fr}}.red-alert{background-color:#ff3e3e1a}.scanline-red{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(#ff3e3e00 50%,#ff3e3e0d 50%);background-size:100% 4px;pointer-events:none;z-index:100}.industrial-panel{background:var(--dir-grey);border:1px solid var(--dir-border);position:relative}.industrial-panel:after{content:"";position:absolute;top:0;right:0;width:4px;height:100%;background:var(--dir-red-dim)}.dir-sidebar{width:250px;display:flex;flex-direction:column;padding:30px 0;z-index:10}.dir-logo{padding:0 30px;margin-bottom:50px}.dir-logo h2{font-size:1.5rem;line-height:1;margin-top:15px;color:#fff}.dir-nav{flex-grow:1}.nav-item{display:flex;align-items:center;gap:15px;padding:15px 30px;color:#888;text-decoration:none;font-size:.85rem;letter-spacing:1px;border-left:3px solid transparent;transition:all .3s}.nav-item:hover,.nav-item.active{color:#fff;background:#ffffff0d;border-left-color:var(--dir-red)}.hub-relay{margin-top:20px;color:var(--dir-red);opacity:.7}.sys-status{padding:20px 30px;font-size:.7rem;border-top:1px solid var(--dir-border)}.sys-status p{margin:5px 0;opacity:.6}.login-btn{background:transparent;border:1px solid var(--dir-red-dim);color:var(--dir-red);font-size:.6rem;padding:5px 10px;margin-top:10px;cursor:pointer;display:flex;align-items:center;gap:5px}.dir-content{flex-grow:1;display:flex;flex-direction:column;overflow-y:auto}.dir-header{position:sticky;top:0;z-index:5}.warning-banner{background:var(--dir-red);color:#000;padding:8px 20px;display:flex;align-items:center;gap:15px;font-weight:700;font-size:.75rem}.dir-hero{margin:20px;height:400px;overflow:hidden}.hero-img-wrap img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.5);opacity:.6}.hero-text-overlay{position:absolute;bottom:40px;left:40px}.hero-text-overlay h1{font-size:4rem;line-height:.9;margin:0;color:#fff}.hero-text-overlay p{font-size:.9rem;letter-spacing:2px;max-width:400px}.dir-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:20px;padding:0 20px 40px}.panel-head{padding:15px 20px;border-bottom:1px solid var(--dir-border)}.panel-head h3{margin:0;font-size:1rem;letter-spacing:2px}.bounty-img-wrap{position:relative;height:250px;overflow:hidden;cursor:crosshair}.bounty-img-wrap img{width:100%;height:100%;object-fit:cover;filter:sepia(1) hue-rotate(-50deg) saturate(2)}.target-reticle{position:absolute;transform:translate(-50%,-50%);transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.bounty-list{padding:10px;display:flex;flex-direction:column;gap:10px}.bounty-item{padding:15px;background:#0003;display:flex;flex-direction:column;border:1px solid transparent;cursor:pointer}.bounty-item:hover,.bounty-item.selected{background:#ff3e3e0d;border-color:var(--dir-red-dim)}.b-info{display:flex;align-items:baseline;gap:10px;margin-bottom:5px}.b-id{font-size:.7rem;color:var(--dir-red);font-family:monospace}.b-name{font-weight:700;font-size:1.1rem}.b-status{display:flex;justify-content:space-between;font-size:.75rem}.reward{color:#fff}.status-label{font-weight:700}.bounty-item.dead{opacity:.4}.bounty-item.dead .status-label{color:#666}.bounty-item:not(.dead) .status-label{color:var(--dir-red)}.bounty-details{margin-top:15px;padding-top:15px;border-top:1px solid var(--dir-border)}.dir-button-sm{background:var(--dir-red);color:#000;border:none;padding:5px 10px;font-size:.7rem;font-weight:700;cursor:pointer}.spec-content{padding:20px}.spec-item{display:flex;justify-content:space-between;margin-bottom:15px;font-size:.9rem}.spec-item .label{opacity:.5}.spec-item .val{font-weight:700;letter-spacing:1px}.thermal-graph{margin:30px 0;height:30px;background:#000;position:relative;display:flex;align-items:center}.graph-bar{height:100%;background:linear-gradient(90deg,#440000,var(--dir-red));box-shadow:0 0 15px #ff3e3e80}.graph-label{position:absolute;width:100%;text-align:center;font-size:.6rem;font-weight:700;color:#fff}.classified-info{background:#ff3e3e1a;padding:15px;border:1px solid var(--dir-red-dim);font-size:.75rem;color:var(--dir-red);display:flex;gap:10px}.dir-button{background:transparent;border:1px solid var(--dir-red);color:var(--dir-red);padding:12px;font-family:inherit;font-weight:700;cursor:pointer;transition:all .3s}.dir-button:hover{background:var(--dir-red);color:#000}.full-width{width:100%}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--dir-dark)}::-webkit-scrollbar-thumb{background:var(--dir-red-dim)}
