body{font-family:Arial;background:#0f172a;color:#e5e7eb;padding:20px}
h1,h2{color:#38bdf8}
a{color:#60a5fa;text-decoration:none}
a:hover{text-decoration:underline}
.menu{margin-top:30px}
.button{padding:15px 25px;border-radius:8px;margin-right:15px;display:inline-block;font-weight:bold}
.admin{background:#7c3aed}
.user{background:#2563eb}
.note{margin-top:30px;font-style:italic;color:#cbd5f5}
.popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.75)}
.hidden{display:none}
.popup-content{background:#020617;border:1px solid #334155;padding:25px;width:70%;margin:5% auto;border-radius:10px;max-height:80%;overflow:auto}
.close{float:right;cursor:pointer;color:#f87171;font-size:18px}

/* --- Popup structured content --- */
.popup-struct h2{margin:0 0 10px 0;color:#38bdf8}
.popup-struct h3{margin:14px 0 6px 0;color:#a5b4fc;font-size:15px}
.popup-struct p{margin:0 0 8px 0}
.popup-struct ul{margin:0 0 10px 18px}
.popup-struct li{margin-bottom:6px}