
:root{--bg:#080b0e;--panel:#11161b;--panel2:#171d23;--line:#27313a;--gold:#d8ad38;--gold2:#f0ca61;--text:#f3f4f5;--muted:#9099a4;--green:#38c677;--red:#e55d5d}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Segoe UI,Arial,sans-serif}.layout{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0a0e12;border-right:1px solid #202831;padding:20px 14px;position:sticky;top:0;height:100vh}.brand{padding:8px 12px 26px}.brand-main{font-size:32px;font-weight:900;color:var(--gold2)}.brand-sub{font-size:11px;letter-spacing:2px;color:#7b838c}.sidebar nav{display:flex;flex-direction:column;gap:5px}.sidebar nav a{color:#c7cbd0;text-decoration:none;padding:11px 13px;border-radius:8px}.sidebar nav a:hover,.sidebar nav a.active{background:#2b2411;color:var(--gold2)}.side-bottom{position:absolute;bottom:18px;left:14px;right:14px;display:grid;gap:8px}.sidebtn{display:block;text-align:center;text-decoration:none;background:#151b21;border:1px solid #2b343e;color:#d6d9dd;padding:9px;border-radius:7px;cursor:pointer}.internal{font-size:10px;color:#68717c;padding:5px}.main{padding:24px 28px}.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#69727d}h1,h2,h3{margin:0}.searchbar{display:flex;gap:7px}.searchbar input,.searchbar button,input,select,textarea{background:#0f1419;border:1px solid #2c3742;color:#eee;border-radius:8px;padding:9px 10px}.searchbar button{cursor:pointer}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:11px;margin-bottom:16px}.stat{background:linear-gradient(#141a20,#10151a);border:1px solid #242e37;border-radius:11px;padding:14px}.stat span{display:block;font-size:11px;color:#8b949e}.stat b{display:block;font-size:24px;margin-top:6px}.gold{color:var(--gold2)}.green{color:#65d997}.red{color:#ff7a7a}.panel{background:var(--panel);border:1px solid #242d36;border-radius:11px;overflow:hidden;margin-bottom:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid #242d36}.panel-head small{color:#7d8791}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:1150px}th,td{padding:10px 11px;border-bottom:1px solid #222b33;text-align:left;font-size:12px;white-space:nowrap}th{background:#171d23;color:#aeb5bd}.goldtxt{color:#e6bf4e}.status{background:#242b31;padding:4px 7px;border-radius:999px;font-size:10px}.p{font-weight:900}.p1{color:#ff6d6d}.p2{color:#ffc760}.p3{color:#82b6ff}.p20{color:#9299a1}.p99{color:#656b72}.goldbtn{background:linear-gradient(#ebc85c,#c99524);color:#111;border:0;border-radius:7px;padding:9px 13px;font-weight:800;cursor:pointer}.smallbtn{background:#1a2229;color:#ddd;border:1px solid #303b46;border-radius:6px;padding:5px 8px;margin-right:4px;cursor:pointer}dialog{background:#12181d;color:#eee;border:1px solid #34414d;border-radius:12px;width:min(780px,95vw)}dialog::backdrop{background:#000a}.modalhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.modalhead button{background:transparent;border:0;color:#aaa;font-size:26px}.modalform,.insideform{padding:5px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.grid label,.insideform label{display:grid;gap:5px;font-size:11px;color:#aab1b8}.full{grid-column:1/-1}textarea{min-height:76px}.modalactions{display:flex;justify-content:flex-end;gap:8px;margin-top:13px}.twocol{display:grid;grid-template-columns:1fr 1.2fr;gap:16px}.insideform{display:grid;gap:10px;padding:16px}.handovercard{padding:15px 16px;border-bottom:1px solid #242d36}.handovercard small{display:block;color:#7f8892;margin-top:4px}.handovercard p{font-size:12px;color:#c4c8cd}.handovercard strong{color:#d9bd69}@media(max-width:1100px){.stats{grid-template-columns:repeat(3,1fr)}.twocol{grid-template-columns:1fr}}
.flash{margin-bottom:14px}.flash div{background:#1f351f;border:1px solid #3a6c43;color:#9be3aa;padding:10px 12px;border-radius:8px;margin-bottom:6px}
.import-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px}
.uploadbox{padding:20px;display:grid;gap:12px}.uploadbox p{margin:0;color:#818b95;font-size:11px;line-height:1.5}
@media(max-width:1000px){.import-grid{grid-template-columns:1fr}}

.info-box{background:#18140a;border:1px solid #51431e;color:#d9c477;padding:11px 14px;border-radius:8px;margin-bottom:14px;font-size:12px;line-height:1.5}
