:root{--navy:#0d3b61;--navy2:#092f4d;--gold:#c89b3c;--bg:#f4f7fb;--line:#dce5ee;--text:#17324a;--muted:#718399;--white:#fff;--danger:#b3261e;--success:#147a55}*{box-sizing:border-box}html{direction:rtl}body{margin:0;background:var(--bg);color:var(--text);font-family:Tahoma,"Segoe UI",Arial,sans-serif;line-height:1.7}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:8px 24px;position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:15px}.brand img{width:145px;height:50px;object-fit:contain}.brand div{display:flex;flex-direction:column}.brand strong{color:var(--navy);font-size:17px}.brand span,.userbox small{color:var(--muted);font-size:12px}.userbox{display:flex;gap:10px;align-items:center}.userbox a{color:var(--danger);text-decoration:none;font-weight:700}.sidebar{position:fixed;right:0;top:76px;bottom:0;width:220px;background:linear-gradient(180deg,var(--navy),var(--navy2));padding:18px 12px;z-index:15}.sidebar a{display:block;color:#eef6ff;text-decoration:none;padding:12px 14px;border-radius:10px;margin:4px 0}.sidebar a:hover{background:#ffffff16}.content{margin-right:220px;padding:26px;max-width:1600px}.page-title{display:flex;align-items:center;gap:12px;margin-bottom:18px}.page-title h1{margin:0;color:var(--navy);font-size:27px}.gold-line{height:4px;width:55px;background:var(--gold);border-radius:10px}.menu-btn{display:none}.panel,.hero-card,.stat,.task-card,.note-card,.person-card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 6px 20px rgba(13,59,97,.05)}.panel{padding:20px;margin-bottom:20px}.panel h3{margin-top:0;color:var(--navy)}.hero-card{padding:22px;display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;background:linear-gradient(135deg,#fff,#f8fbff)}.hero-card h2{margin:0;color:var(--navy)}.score-ring{width:125px;height:125px;border:9px solid #dceaf5;border-top-color:var(--gold);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.score-ring strong{font-size:25px;color:var(--navy)}.score-ring span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:20px}.cards.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.stat{padding:18px}.stat span{display:block;color:var(--muted);font-size:13px}.stat strong{font-size:30px;color:var(--navy)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-grid .full{grid-column:1/-1}label{font-weight:700;color:#31506a;font-size:13px}input,select,textarea{width:100%;border:1px solid #cbd8e5;border-radius:10px;padding:11px 12px;background:#fff;color:var(--text);font:inherit;margin-top:5px}textarea{resize:vertical}.check{display:flex;align-items:center;gap:8px}.check input{width:auto;margin:0}.btn{display:inline-block;border:1px solid #aec3d5;background:#f7fbff;color:var(--navy);padding:9px 14px;border-radius:9px;text-decoration:none;cursor:pointer;font-weight:700;font-family:inherit}.btn.primary{background:var(--navy);color:#fff;border-color:var(--navy)}.btn.small{padding:6px 9px;font-size:12px}.btn.full{width:100%;text-align:center}.toolbar{margin:0 0 14px}.collapsible{display:none}.collapsible.open{display:block}.alert{padding:12px 15px;border-radius:10px;margin-bottom:14px}.alert.success{background:#eaf8f1;color:#0e6846;border:1px solid #bfe8d5}.alert.danger{background:#fff0ef;color:#9f2019;border:1px solid #efc1be}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:680px}th,td{text-align:right;padding:11px;border-bottom:1px solid var(--line);vertical-align:top}th{background:#eef4f9;color:var(--navy)}td small{display:block;color:var(--muted)}.badge{display:inline-block;background:#eef4f9;color:var(--navy);padding:4px 8px;border-radius:999px;font-size:12px}.task-card{padding:16px;margin-bottom:12px}.task-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.task-head h4{margin:0;color:var(--navy)}.meta,.muted{color:var(--muted);font-size:12px}.review-note{background:#fff8e9;border-right:4px solid var(--gold);padding:10px;margin-top:10px;border-radius:8px}.inline-form{margin-top:12px;border-top:1px dashed var(--line);padding-top:12px}.inline-form textarea{margin-bottom:8px}.mini-review{display:grid;grid-template-columns:85px 1fr 120px auto;gap:5px;min-width:450px}.mini-review input,.mini-review select{margin:0;padding:7px}.timeline-item{display:flex;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.timeline-item>strong{min-width:70px;color:var(--navy);font-size:20px}.timeline-item p{margin:3px 0;color:var(--muted)}.note-card{padding:14px;margin-bottom:10px;border-right:5px solid #7fa5c3}.note-card.positive{border-right-color:var(--success)}.note-card.warning{border-right-color:var(--danger)}.note-card p{margin:8px 0}.person-card{padding:13px;display:flex;justify-content:space-between;align-items:center;gap:10px}.person-card span{color:var(--muted);font-size:12px}.question-row,.quiz-question{border-bottom:1px solid var(--line);padding:14px 0}.quiz-question h3{font-size:18px}.quiz-question h3 span{font-size:12px;color:var(--muted)}.choice{display:block;border:1px solid var(--line);border-radius:10px;padding:10px;margin:8px 0}.choice input{width:auto;margin-left:8px}.quiz-timer{position:sticky;top:86px;z-index:10;background:#fff8e8;border:1px solid #ead5a4;color:#714e00;border-radius:12px;padding:10px 14px;margin-bottom:12px;text-align:center}.empty{text-align:center;color:var(--muted);padding:25px}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#edf5fb,#f5f7fa 55%)}.auth-card{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px;box-shadow:0 18px 50px #0d315020}.auth-logo{width:75%;display:block;margin:0 auto 20px}.auth-card h1{text-align:center;color:var(--navy);margin-bottom:0}.auth-card p{text-align:center;color:var(--muted)}.auth-card label{display:block;margin-top:12px}.footer{margin-right:220px;padding:18px 26px;text-align:center;color:var(--muted);font-size:12px}.code,code{direction:ltr;unicode-bidi:embed;background:#f0f3f7;padding:2px 5px;border-radius:5px}@media(max-width:980px){.cards{grid-template-columns:repeat(2,1fr)}.grid2{grid-template-columns:1fr}.sidebar{transform:translateX(110%);transition:.2s;width:250px}.sidebar.open{transform:translateX(0)}.content,.footer{margin-right:0}.menu-btn{display:block;position:fixed;right:12px;bottom:18px;z-index:30;width:52px;height:52px;border:0;border-radius:50%;background:var(--navy);color:#fff;font-size:24px;box-shadow:0 8px 24px #0d315040}.userbox span,.userbox small{display:none}.topbar{padding:8px 12px}.brand img{width:115px}.brand strong{font-size:14px}.brand span{font-size:10px}}@media(max-width:650px){.content{padding:14px}.cards,.cards.compact,.form-grid{grid-template-columns:1fr}.hero-card{align-items:flex-start}.score-ring{width:95px;height:95px;border-width:7px}.page-title h1{font-size:22px}.brand div{display:none}.panel{padding:14px}.topbar{height:66px}.sidebar{top:66px}.quiz-timer{top:74px}}

.device-success{display:flex;gap:14px;align-items:center;padding:14px;background:#ecf9f2;border:1px solid #b9e5cf;border-radius:12px;margin-bottom:14px}.device-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--success);color:#fff;font-size:24px;font-weight:900}.linked-device{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px;border:1px solid var(--line);border-radius:12px;margin-top:10px}.linked-device small{display:block;color:var(--muted)}.steps{padding-right:22px}.steps li{margin:8px 0}.connector-status{margin-top:14px}.badge.ok{background:#eaf8f1;color:#0e6846}.badge.warn{background:#fff5e5;color:#8a5a00}.status-box{padding:10px;background:#f6f9fc;border-radius:10px}.advanced-form{margin-top:15px}.device-enrollment .enroll-btn{margin-top:14px}details.panel summary{cursor:pointer;color:var(--navy)}