:root{
  --bg:#050608;--panel:#0a0d11;--panel2:#0d1117;--line:#242830;--line2:#191d24;
  --text:#e8edf4;--muted:#8ea0b8;--cream:#f3eddf;--gold:#c7a557;--gold2:#e1c97c;
  --green:#75d2a0;--red:#e68d91;--serif:Georgia,"Times New Roman",serif;
  --sans:Arial,Helvetica,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}
body{min-height:100vh}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
a{color:inherit}
.boot{min-height:100vh;display:grid;place-items:center;align-content:center;gap:18px;color:var(--gold2);letter-spacing:.14em;text-transform:uppercase;font-size:11px}
.boot img{width:170px;height:170px;object-fit:contain}
.login{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}
.login-visual{padding:7vw;display:flex;flex-direction:column;justify-content:space-between;background:
  radial-gradient(circle at 20% 25%,rgba(199,165,87,.08),transparent 28%),#050608;border-right:1px solid var(--line2)}
.login-visual img{width:210px;height:210px;object-fit:contain}
.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold2);margin-bottom:12px}
.login-visual h1,.hero h1{font:400 clamp(42px,6vw,82px)/.98 var(--serif);color:var(--cream);margin:0;max-width:760px}
.login-visual p{font-size:16px;line-height:1.7;color:var(--muted);max-width:640px}
.login-side{display:grid;place-items:center;padding:30px}
.login-card{width:min(500px,100%);border:1px solid var(--line);background:#090c10;padding:42px}
.login-card h2{font:400 38px var(--serif);color:var(--cream);margin:0 0 6px}
.login-card .sub{color:var(--muted);margin-bottom:30px}
.field{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}
.field label{font-size:10px;text-transform:uppercase;letter-spacing:.11em;color:var(--gold2)}
.field input,.field select,.field textarea{
  min-height:50px;padding:12px 14px;border:1px solid var(--line);background:#070a0e;color:var(--text);font-size:16px
}
.field textarea{min-height:110px;resize:vertical}
.btn{border:1px solid var(--line);background:#0a0d11;color:var(--cream);padding:12px 16px;min-height:44px;text-transform:uppercase;letter-spacing:.09em;font-size:10px;font-weight:700}
.btn-primary{background:linear-gradient(90deg,#b8964d,#e0c77b);color:#070707;border-color:#d1b466}
.btn-full{width:100%}
.error{border:1px solid rgba(230,141,145,.45);color:#ffc2c4;padding:12px;margin-bottom:16px;background:rgba(230,141,145,.06)}
.shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}
.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line2);display:flex;flex-direction:column;background:#050608}
.brand{padding:26px;border-bottom:1px solid var(--line2)}
.brand img{width:118px;height:118px;object-fit:contain}
.nav{padding:18px 12px;display:grid;gap:5px}
.nav button{background:transparent;border:0;color:#a8b7ca;text-align:left;padding:14px 14px;font-size:13px}
.nav button.active,.nav button:hover{background:#11100e;color:var(--cream)}
.nav button span{color:var(--gold2);display:inline-block;width:28px}
.userbox{margin-top:auto;padding:20px;border-top:1px solid var(--line2)}
.userbox strong{display:block;color:var(--cream);margin-bottom:5px}
.userbox small{display:block;color:var(--muted);margin-bottom:14px}
.main{min-width:0}
.topbar{height:82px;border-bottom:1px solid var(--line2);display:flex;align-items:center;justify-content:space-between;padding:0 34px;position:sticky;top:0;z-index:50;background:rgba(5,6,8,.96)}
.topbar h1{font:400 26px var(--serif);margin:0;color:var(--cream)}
.content{padding:34px}
.hero{padding:28px 0 36px}
.hero h1{font-size:52px}
.hero p{color:var(--muted);font-size:15px;line-height:1.65;max-width:760px}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:22px}
.kpi{border:1px solid var(--line);background:var(--panel);padding:20px;min-height:130px}
.kpi label{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px}
.kpi strong{display:block;font:400 32px var(--serif);color:var(--cream)}
.kpi small{color:var(--gold2);font-size:10px}
.panel{border:1px solid var(--line);background:var(--panel);margin-bottom:18px}
.panel-head{padding:20px 22px;border-bottom:1px solid var(--line2);display:flex;justify-content:space-between;gap:16px;align-items:center}
.panel-head h2{font:400 25px var(--serif);margin:0;color:var(--cream)}
.panel-body{padding:22px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.opportunity{border:1px solid var(--line);background:#080b0f;overflow:hidden}
.cover{width:100%;aspect-ratio:16/10;object-fit:cover;background:#020304;display:block}
.cover-placeholder{aspect-ratio:16/10;display:grid;place-items:center;font-size:50px;color:var(--gold);background:#030405}
.opp-body{padding:18px}
.opp-body h3{font:400 28px var(--serif);color:var(--cream);margin:0 0 7px}
.opp-meta{color:var(--muted);font-size:12px;margin-bottom:16px}
.price{font:400 25px var(--serif);color:var(--cream);margin:12px 0}
.actions{display:flex;gap:7px;flex-wrap:wrap}
.status{display:inline-flex;border:1px solid var(--line);padding:5px 8px;color:var(--gold2);font-size:9px;text-transform:uppercase;letter-spacing:.08em}
.search-card{border:1px solid var(--line);background:#080b0f;padding:20px;margin-bottom:12px}
.search-card h3{font:400 25px var(--serif);margin:0 0 7px;color:var(--cream)}
.rows{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.rows div{border-top:1px solid var(--line2);padding-top:9px}
.rows span{display:block;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em;margin-bottom:5px}
.rows b{font-size:13px;font-weight:500}
.media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:16px 0}
.media-grid img,.media-grid video{width:100%;aspect-ratio:16/10;object-fit:contain;background:#020304;border:1px solid var(--line2)}
.doc-row,.activity-row{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid var(--line2);align-items:center}
.doc-row strong,.activity-row strong{color:var(--cream)}
.muted{color:var(--muted)}
.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:100;display:grid;place-items:center;padding:20px}
.modal{width:min(700px,100%);max-height:90vh;overflow:auto;background:#090c10;border:1px solid var(--line)}
.modal-head{display:flex;justify-content:space-between;padding:20px;border-bottom:1px solid var(--line2)}
.modal-head h3{font:400 26px var(--serif);margin:0}
.modal-body{padding:20px}
.close{background:transparent;border:0;color:var(--muted);font-size:25px}
.empty{padding:34px;text-align:center;color:var(--muted);border:1px dashed var(--line)}
.mobile-menu{display:none}
@media(max-width:1050px){
  .kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
  .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .login{grid-template-columns:1fr}.login-visual{display:none}.login-side{padding:18px}.login-card{padding:28px 22px}
  .shell{grid-template-columns:1fr}.sidebar{position:fixed;left:-285px;width:270px;z-index:80;transition:.2s}.sidebar.open{left:0}
  .mobile-menu{display:inline-flex}.topbar{height:68px;padding:0 16px}.content{padding:18px}
  .hero{padding-top:16px}.hero h1{font-size:38px}.kpis,.grid,.rows{grid-template-columns:1fr}
  .panel-head{align-items:flex-start;flex-direction:column}.media-grid{grid-template-columns:1fr}
  .btn{min-height:48px}.actions .btn{flex:1}.field input,.field select,.field textarea{font-size:16px}
}