:root{--black:#060608;--carbon:#0d0d10;--graphite:#161619;--slate:#1e1e22;--border:rgba(255,255,255,0.06);--borderM:rgba(255,255,255,0.10);--green:#22c55e;--green-d:#16a34a;--amber:#f59e0b;--amber-d:#d97706;--yellow:#eab308;--red:#ef4444;--cream:white;--muted:#52525b;--muted2:#71717a;--font-display:'Bebas Neue',sans-serif;--font-body:'Syne',sans-serif;--font-mono:'DM Mono',monospace;--navbar-h:56px;--sidebar-w:220px}*,::after,::before{box-sizing:border-box}body{background:var(--black);color:var(--cream);font-family:var(--font-body);margin:0;padding:0}.piq-navbar{position:fixed;top:0;left:0;right:0;height:var(--navbar-h);background:var(--carbon);border-bottom:1px solid var(--border);z-index:1000;display:flex;align-items:center}.piq-navbar-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0 24px}.piq-navbar-brand{display:flex;align-items:center;gap:12px}.piq-navbar-right{display:flex;align-items:center;gap:8px}.piq-navbar-login{position:relative;border-bottom:1px solid var(--border);background:0 0;z-index:10}.piq-logo{font-family:var(--font-display);font-size:22px;letter-spacing:4px;color:var(--cream);text-decoration:none;line-height:1}.piq-logo:hover{text-decoration:none;color:var(--cream)}.piq-logo-iq{color:var(--amber)}.piq-logo-s{color:rgba(240,237,230,.22);font-size:22px;line-height:1;vertical-align:baseline}.piq-logo-by{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;color:var(--muted);text-transform:uppercase;margin-left:4px}.piq-navbar-toggle{display:none;background:0 0;border:1px solid var(--border);border-radius:4px;padding:6px 8px;cursor:pointer}.piq-navbar-toggle .icon-bar{display:block;width:18px;height:2px;background:var(--muted2);margin:3px 0}.piq-user-menu{display:flex;align-items:center;gap:6px}.piq-btn{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;padding:8px 16px;border-radius:4px;border:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:6px;transition:all .15s;white-space:nowrap}.piq-btn:hover{text-decoration:none}.piq-btn-primary{background:var(--green);color:var(--black);border:1px solid var(--green)}.piq-btn-primary:hover{background:var(--green-d);border-color:var(--green-d);color:var(--black)}.piq-btn-outline{background:0 0;color:var(--cream);border:1px solid var(--border)}.piq-btn-outline:hover{border-color:var(--borderM);color:var(--cream)}.piq-btn-ghost{background:0 0;color:var(--muted2);border:1px solid transparent}.piq-btn-ghost:hover{color:var(--cream);border-color:var(--border)}.piq-btn-danger{background:var(--red);color:var(--cream);border:1px solid var(--red)}.piq-btn-danger:hover{background:#dc2626;border-color:#dc2626;color:var(--cream)}.piq-btn-block{width:100%;justify-content:center}.btn-primary{background-color:var(--green)!important;border-color:var(--green)!important;color:var(--black)!important;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase}.btn-primary:active,.btn-primary:focus,.btn-primary:hover{background-color:var(--green-d)!important;border-color:var(--green-d)!important;color:var(--black)!important}.btn-danger{background-color:var(--red)!important;border-color:var(--red)!important;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase}.btn-default{background-color:transparent!important;border-color:var(--border)!important;color:var(--muted2)!important;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase}.btn-default:hover{border-color:var(--borderM)!important;color:var(--cream)!important}.piq-layout{display:flex;padding-top:var(--navbar-h);min-height:100vh}.piq-sidebar{width:var(--sidebar-w);min-height:calc(100vh - var(--navbar-h));background:var(--carbon);border-right:1px solid var(--border);position:fixed;top:var(--navbar-h);left:0;bottom:0;display:flex;flex-direction:column;overflow-y:auto;z-index:900}.piq-sidebar-logo{padding:20px 20px 16px;border-bottom:1px solid var(--border)}.piq-nav{list-style:none;margin:0;padding:12px 0;flex:1}.piq-nav-section{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted);padding:16px 20px 6px}.piq-nav-item{display:flex;align-items:center;gap:10px;padding:9px 20px;font-family:var(--font-mono);font-size:11px;letter-spacing:1px;text-transform:uppercase;color:var(--muted2);text-decoration:none;transition:all .15s;border-left:2px solid transparent}.piq-nav-item:hover{color:#fff;background:rgba(255,255,255,.03);border-left-color:var(--border);text-decoration:none}.piq-nav-item.active{color:var(--cream);background:rgba(255,255,255,.04);border-left-color:var(--green)}.piq-nav-item-muted{opacity:.5}.piq-nav-item-muted:hover{opacity:.8}.piq-nav-divider{border-top:1px solid var(--border);margin:12px 0;list-style:none}.piq-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;background:rgba(245,158,11,.12);color:var(--amber);padding:2px 6px;border-radius:3px;margin-left:auto}.piq-sidebar-footer{padding:16px 20px;border-top:1px solid var(--border)}\n .piq-sidebar-footer-by{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:2px}.piq-content{margin-left:var(--sidebar-w);padding:32px 36px;flex:1;min-width:0}.col-md-10.col-md-offset-2,.col-sm-9.col-sm-offset-3{margin-left:0!important;width:100%!important;float:none!important;padding-left:0}.page-header{font-family:var(--font-display);font-size:36px;letter-spacing:3px;color:var(--cream);border-bottom:1px solid var(--border);padding-bottom:16px;margin-top:8px;margin-bottom:24px;text-transform:uppercase}h2{font-family:var(--font-display);font-size:24px;letter-spacing:2px;color:var(--cream);text-transform:uppercase}.table{background:0 0;color:var(--cream);border-color:var(--border)}.table thead th{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);border-bottom:1px solid var(--border)!important;border-top:none;padding:10px 12px;background:0 0}.table tbody td{font-family:var(--font-mono);font-size:12px;color:var(--cream);border-top:1px solid var(--border);padding:12px;vertical-align:middle}.table-hover tbody tr:hover td{background:rgba(255,255,255,.025)}.table-striped tbody tr:nth-of-type(odd) td{background:rgba(255,255,255,.015)}.form-control{background:var(--graphite)!important;border:1px solid var(--border)!important;border-radius:4px!important;color:var(--cream)!important;font-family:var(--font-mono)!important;font-size:12px!important;padding:10px 14px!important;height:auto!important;box-shadow:none!important;transition:border-color .15s!important}.form-control:focus{border-color:var(--green)!important;box-shadow:none!important;outline:0!important}.form-control::placeholder{color:var(--muted)!important}.control-label,.form-label,label.control-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);margin-bottom:6px;padding-top:10px}select.form-control option{background:var(--graphite);color:var(--cream)}.input-group-btn .btn{line-height:1.4!important}.modal-content{background:var(--graphite);border:1px solid var(--border);border-radius:8px;color:var(--cream)}.modal-header{background:var(--carbon);border-bottom:1px solid var(--border);border-radius:8px 8px 0 0;padding:16px 20px}.modal-title{font-family:var(--font-display);font-size:22px;letter-spacing:3px;text-transform:uppercase;color:var(--cream)}.modal-body{padding:24px 20px}.modal-footer{background:var(--carbon);border-top:1px solid var(--border);border-radius:0 0 8px 8px;padding:14px 20px}.modal-header .close{color:var(--muted2);opacity:1;font-size:20px;margin-top:-2px}.modal-header .close:hover{color:var(--cream)}.nav-tabs{border-bottom:1px solid var(--border)}.nav-tabs>li>a{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:var(--muted2);border:none;border-bottom:2px solid transparent;border-radius:0;padding:10px 16px;background:0 0}.nav-tabs>li>a:hover{background:0 0;border-color:transparent;color:var(--cream)}.nav-tabs>li.active>a,.nav-tabs>li.active>a:focus,.nav-tabs>li.active>a:hover{background:0 0;border:none;border-bottom:2px solid var(--green);color:var(--cream)}.tab-content{padding-top:20px}.alert{font-family:var(--font-mono);font-size:12px;letter-spacing:1px;border-radius:4px;border:none;padding:12px 16px}.alert-info{background:rgba(34,197,94,.08);color:var(--green)}.alert-danger{background:rgba(239,68,68,.08);color:var(--red)}.alert-warning{background:rgba(245,158,11,.08);color:var(--amber)}.alert-success{background:rgba(34,197,94,.08);color:var(--green)}.nav-badge{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;background:rgba(245,158,11,.12);color:var(--amber);border-radius:3px;padding:2px 6px;float:none!important;margin-left:auto}.checkbox-primary input[type=checkbox]:checked+label::before{background-color:var(--green);border-color:var(--green)}.dropdown-menu{background:var(--graphite);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 32px rgba(0,0,0,.4)}.dropdown-menu>li>a{font-family:var(--font-mono);font-size:11px;letter-spacing:1px;color:var(--muted2);padding:8px 16px}.dropdown-menu>li>a:hover{background:rgba(255,255,255,.04);color:var(--cream)}.select2-container--bootstrap .select2-selection{background:var(--graphite)!important;border:1px solid var(--border)!important;color:var(--cream)!important;font-family:var(--font-mono)!important;font-size:12px!important;height:auto!important;padding:8px 12px!important;border-radius:4px!important}.select2-container--bootstrap .select2-selection--single .select2-selection__rendered{color:var(--cream)!important;font-size:12px!important;line-height:1.4!important}.select2-dropdown{background:var(--graphite)!important;border:1px solid var(--border)!important}.select2-container--bootstrap .select2-results__option{font-family:var(--font-mono);font-size:11px;color:var(--muted2)}.select2-container--bootstrap .select2-results__option--highlighted{background:rgba(34,197,94,.1)!important;color:var(--cream)!important}.progress{background:var(--border);border-radius:2px;height:6px;box-shadow:none}.progress-bar{border-radius:2px}.piq-login-body{background:var(--black);min-height:100vh;display:flex;flex-direction:column;position:relative;overflow:hidden}.piq-login-grid{position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(34,197,94,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(34,197,94,.035) 1px,transparent 1px);background-size:48px 48px;z-index:0}.piq-login-orb1{position:fixed;top:-180px;right:-80px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.07) 0,transparent 65%);pointer-events:none;z-index:0}.piq-login-orb2{position:fixed;bottom:-120px;left:25%;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(245,158,11,.055) 0,transparent 65%);pointer-events:none;z-index:0}.piq-login-wrap{flex:1;display:flex;align-items:center;justify-content:center;padding:40px 24px;position:relative;z-index:1}.piq-login-card{background:var(--carbon);border:1px solid var(--border);border-radius:12px;padding:40px 36px;width:100%;max-width:380px;position:relative;overflow:hidden}.piq-login-card::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--green),var(--amber),transparent)}.piq-login-icon{display:flex;justify-content:center;margin-bottom:16px}.piq-login-title{font-family:var(--font-display);font-size:36px;letter-spacing:6px;text-align:center;color:var(--cream);margin-bottom:4px}.piq-login-sub{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);text-align:center;margin-bottom:28px}.piq-login-form{display:flex;flex-direction:column;gap:16px}.piq-field{display:flex;flex-direction:column}.piq-label{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted2);margin-bottom:6px}.piq-input{background:var(--graphite);border:1px solid var(--border);border-radius:4px;color:var(--cream);font-family:var(--font-mono);font-size:13px;padding:12px 14px;width:100%;outline:0;transition:border-color .15s}.piq-input:focus{border-color:var(--green)}.piq-input::placeholder{color:var(--muted)}.piq-login-footer{margin-top:24px;text-align:center;font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--muted)}#loading .fa-spin{color:var(--green)}@media (max-width:768px){.piq-sidebar{display:none}.piq-content{margin-left:0;padding:20px 16px}.piq-navbar-toggle{display:block}.piq-logo-by{display:none}}