*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#0b1020;color:#edf2ff}#app{display:none;min-height:100vh}aside{width:245px;height:100vh;background:#111a31;padding:24px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column;overflow-y:auto;overflow-x:hidden}aside h1{font-size:22px;margin:0 0 8px}#who{font-size:12px;color:#9eabc9;margin-bottom:22px}nav{display:grid;gap:7px;flex:1}button{border:0;border-radius:9px;padding:11px 13px;background:#1b2747;color:#edf2ff;cursor:pointer;text-align:left}button:hover{background:#29375e}.active{background:#3657a8}main{margin-left:245px;padding:28px;width:calc(100% - 245px);max-width:none;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}header h2{margin:0}#status{font-size:12px;color:#8fa2cf}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px}.card{background:#121b32;border:1px solid #263555;border-radius:14px;padding:18px}.card b{display:block;font-size:30px;margin-top:7px}.panel{background:#121b32;border:1px solid #263555;border-radius:14px;padding:18px;margin-bottom:18px}.form{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}.form .wide{grid-column:1/-1}input,textarea,select{width:100%;padding:10px;border-radius:8px;border:1px solid #344465;background:#0c1428;color:#fff}textarea{min-height:90px}.form button{background:#3657a8;text-align:center}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{padding:9px;border-bottom:1px solid #263555;text-align:left;vertical-align:top}th{color:#9eabc9}.danger{background:#8d3040}#login{position:fixed;inset:0;display:grid;place-items:center;background:#080d19}#login form{width:min(420px,92vw);background:#121b32;padding:30px;border:1px solid #2b3b60;border-radius:18px;display:grid;gap:12px}#login h1{margin:0;font-size:25px}#login p{margin:0;color:#9eabc9}#login button{background:#3657a8;text-align:center}#err{color:#ff899b;min-height:20px}@media(max-width:760px){aside{position:static;width:auto;height:auto;min-height:auto;max-height:none}main{margin-left:0;width:100%;padding:18px}.cards{grid-template-columns:1fr 1fr}}

/* =========================================================
   AETHERION PRIME — SHERIFF BADGE / THEME
   ========================================================= */

.sheriff-brand {
    display:flex;
    align-items:center;
    gap:12px;
    margin-bottom:24px;
    padding-bottom:18px;
    border-bottom:1px solid rgba(245,215,110,.25);
}

.sheriff-brand img {
    width:58px;
    height:58px;
    object-fit:contain;
    flex:none;
}

.sheriff-brand-text {
    min-width:0;
}

.sheriff-brand-title {
    font-size:16px;
    font-weight:800;
    letter-spacing:.8px;
    color:#f5d76e;
}

.sheriff-brand-subtitle {
    font-size:11px;
    color:#aebbd8;
    margin-top:3px;
    letter-spacing:.5px;
}

/* Sheriff theme accents */
aside {
    background:
        linear-gradient(180deg,#111a31 0%,#0d1529 100%);
}

aside h1 {
    color:#f5d76e;
}

button {
    border-color:rgba(245,215,110,.25);
}

button:hover {
    border-color:#f5d76e;
}

.panel {
    border-color:rgba(245,215,110,.18);
}

h2,h3 {
    color:#f5d76e;
}

#staffProfilePopup,
.panel{
}

.profile-popup{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:99999;
    width:600px;
    max-height:85vh;
    overflow:auto;
}