body { font-family: Arial,sans-serif; margin:0; direction:rtl; text-align:center; line-height:1.6; }
.screen { display:none; padding:20px; min-height:100vh; }
.screen.active { display:block; }
.container { background:#fff; margin:30px auto; padding:20px; max-width:500px; border-radius:12px; box-shadow:0 4px 15px rgba(0,0,0,0.2); }
.top-bar { display:flex; justify-content:space-between; padding:10px 20px; }
#themeToggle, #settingsBtn { padding:6px 12px; border-radius:8px; border:none; cursor:pointer; background-color:#2c7a2c; color:white; }
input, select, button { padding:10px; margin:8px 0; width:90%; font-size:16px; box-sizing:border-box; }
button { border:none; border-radius:8px; cursor:pointer; }
.buttons button:first-child { background-color:#2c7a2c; color:white; }
.buttons button:first-child:hover { background-color:#1f541f; }
.buttons button:last-child { background-color:#aaa; color:white; }
.buttons button:last-child:hover { background-color:#888; }
table { margin:15px auto; border-collapse:collapse; width:95%; background:white; }
th, td { border:1px solid #ddd; padding:8px; font-size:14px; }
th { background:#28a745; color:white; }
.pass { color:green; font-weight:bold; }
.fail { color:red; font-weight:bold; }
.exempt { color:orange; font-weight:bold; }
body[data-theme="light"] { background: linear-gradient(to bottom,#dff6dd,#ffffff); color:#333; }
body[data-theme="light"] .container { background:#fff; color:#333; }
body[data-theme="dark"] { background:#1c1c1c; color:#ddd; }
body[data-theme="dark"] .container { background:#2c2c2c; color:#fff; }
body[data-theme="dark"] table { color:#fff; background:#333; }
body[data-theme="dark"] th { background:#444; color:#fff; }
body[data-theme="dark"] td { border-color:#555; }
@media(max-width:500px){.container{width:90%;padding:15px;}input,select,button{width:100%;font-size:15px;}table{font-size:13px;}thead{display:none;}tbody tr{display:block;margin-bottom:10px;border-bottom:2px solid #ddd;}tbody tr td{display:flex;justify-content:space-between;padding:6px;}tbody tr td::before{content:attr(data-label);font-weight:bold;}}