:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#0f172a;background:linear-gradient(180deg,#f8fafc,#eef2ff)}*{box-sizing:border-box}body{margin:0}a{color:#1d4ed8;text-decoration:none}a:hover{text-decoration:underline}button{border:0;border-radius:10px;padding:.62rem 1rem;background:linear-gradient(135deg,#2563eb,#1e40af);color:#fff;font-weight:600;cursor:pointer}button:hover{filter:brightness(1.05)}button:disabled{opacity:.65;cursor:not-allowed}input,textarea,select{width:100%;border:1px solid #cbd5e1;border-radius:10px;padding:.58rem .74rem;margin-top:.35rem;font:inherit;background:#fff}.app-shell{min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.9rem 1.4rem;background:#ffffffeb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid #dbeafe;position:sticky;top:0;z-index:20}.brand-row{display:flex;align-items:center;gap:.6rem}.header-logo{width:34px;height:34px;object-fit:contain;border-radius:8px}.app-header h1{font-size:1.08rem;margin:0}.app-nav{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;flex:1 1 420px}.app-header-right{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;margin-left:auto;gap:.75rem}.header-user-name{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timezone-badge{display:inline-flex;align-items:center;justify-content:center;min-width:46px;padding:.22rem .5rem;border-radius:999px;background:#dbeafe;border:1px solid #93c5fd;color:#1e3a8a;font-size:.78rem;font-weight:700;letter-spacing:.03em}.page-content{padding:1.4rem}.login-grid{display:grid;gap:1rem;grid-template-columns:1.2fr 1fr;align-items:stretch;max-width:1050px;margin:2rem auto}.brand-panel{background:linear-gradient(160deg,#0f172a,#1e3a8a);color:#fff;border-radius:18px;padding:2rem}.brand-panel ul{margin:1rem 0 0;padding-left:1rem}.brand-panel li{margin:.35rem 0}.brand-logo{width:84px;height:84px;object-fit:contain;border-radius:14px;background:#ffffffeb;padding:.35rem}.auth-card{background:#fff;border:1px solid #dbeafe;border-radius:18px;padding:1.5rem;display:flex;flex-direction:column;justify-content:center;gap:.85rem;box-shadow:0 10px 30px #2563eb14}.inline-control{display:inline-flex;align-items:center;gap:.4rem}.inline-control input{width:auto;margin-top:0}.error-text{margin:0;color:#b91c1c}.success-text{margin:0;color:#15803d}.notice-text{margin:.8rem 0;padding:.7rem .85rem;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:12px}.hint-text{margin:0 0 .75rem;color:#475569;font-size:.92rem}.hint-box{border:1px solid #bfdbfe;background:#eff6ff;border-radius:12px;padding:.75rem;color:#1e3a8a}.hint-box p{margin:.2rem 0}.page-title-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.results-updated-mobile{display:none}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.stat-card,.list-card,.form-card{background:#fff;border:1px solid #dbeafe;border-radius:14px;padding:1rem;box-shadow:0 6px 20px #0f172a0a}.stat-card h3,.list-card h3{margin-top:0}.list-cards{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.list-item-row{display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.55rem 0;border-top:1px solid #e2e8f0}.list-item-row p{margin:.2rem 0 0;color:#334155}.live-quiz-unattempted{background:#fff7ed;border:1px solid #fdba74;border-radius:10px;padding:.55rem .65rem}.dashboard-live-video{width:100%;min-height:180px;border:0;border-radius:10px;margin-top:.45rem}.live-quiz-card{border:1px solid #e2e8f0;border-radius:10px;padding:.55rem .65rem;margin:.55rem 0}.live-quiz-content p{margin:.25rem 0 0}.live-quiz-action{margin-top:.55rem;display:flex;justify-content:flex-end}.live-quiz-btn{display:inline-block;padding:.45rem .85rem;border-radius:8px;border:1px solid #1d4ed8;background:#2563eb;color:#fff;text-decoration:none;font-weight:600;font-size:.88rem}.live-quiz-btn:hover{background:#1d4ed8}.live-quiz-attempted-note{margin:0;font-size:.86rem;color:#475569;text-align:right}.dashboard-grid{margin-top:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem}.result-announcement-image{width:100%;border-radius:12px;border:1px solid #e2e8f0;margin-top:.5rem}.results-grid{display:grid;gap:.75rem;grid-template-columns:repeat(3,minmax(0,1fr))}.result-card{display:grid;grid-template-columns:1fr;gap:.55rem;align-items:start;padding:.45rem 2px 2px}.result-card-content h3{margin:0 0 .2rem;padding:0 2px}.result-card-content p{margin:.12rem 0;font-size:.92rem;padding:0 2px}.result-announcement-thumb{display:block;width:auto;max-width:100%;max-height:420px;margin:0 auto;object-fit:contain;cursor:zoom-in;background:#f8fafc}.result-thumb-btn{border:0;background:transparent;padding:0;margin:0;text-align:left;cursor:zoom-in;width:100%}@media(max-width:1280px){.results-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.result-image-modal-backdrop{position:fixed;inset:0;background:#0f172aa6;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:80}.result-image-modal{width:min(900px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:12px;padding:.85rem}.form-card{display:flex;flex-direction:column;gap:.85rem}.phone-input-row{display:grid;grid-template-columns:minmax(180px,.55fr) 1fr;gap:.55rem}.phone-number-with-prefix{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid #cbd5e1;border-radius:10px;background:#fff}.phone-number-prefix{padding:.58rem .7rem;color:#334155;border-right:1px solid #e2e8f0;font-weight:600}.phone-number-with-prefix input{border:0;margin-top:0;border-radius:0 10px 10px 0}.phone-number-with-prefix input:focus-visible{outline:2px solid #93c5fd;outline-offset:-2px}.question-editor-card h3{margin:0}.quiz-progress-wrap{margin-top:.25rem}.quiz-progress-track{width:100%;height:10px;border-radius:999px;background:#e2e8f0;overflow:hidden}.quiz-progress-fill{height:100%;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .25s ease}.quiz-progress-sticky{position:fixed;left:0;right:0;bottom:0;z-index:30;background:#fffffffa;border-top:1px solid #cbd5e1;box-shadow:0 -8px 20px #0f172a14;padding:.55rem 1rem .65rem}.quiz-progress-sticky p{margin:.35rem 0 0;color:#0f172a;font-weight:600;text-align:center}.form-row{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.admin-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr;align-items:start}.stacked-cards{display:flex;flex-direction:column;gap:1rem}.button-row{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.table-wrap{width:100%;overflow-x:auto;background:#fff;border:1px solid #dbeafe;border-radius:12px}.data-table{width:100%;border-collapse:collapse;min-width:980px}.data-table th,.data-table td{padding:.65rem .75rem;border-bottom:1px solid #e2e8f0;text-align:left;vertical-align:top;font-size:.92rem}.data-table th{position:sticky;top:0;background:#eff6ff;color:#1e3a8a;font-weight:700;z-index:1}.table-sort-btn{all:unset;cursor:pointer;color:#1e3a8a;font-weight:700;display:inline-flex;align-items:center;gap:.3rem;padding:.1rem 0}.table-sort-btn:after{content:"⇅";font-size:.74rem;color:#64748b}.table-sort-btn:focus-visible{outline:2px solid #93c5fd;border-radius:6px}.table-filter-row th{background:#f8fafc;position:sticky;top:37px;z-index:1}.table-filter-input{width:100%;margin-top:0;font-size:.82rem;padding:.35rem .45rem}.table-filter-range{display:flex;gap:.35rem}.compact-filter-range .table-filter-input{width:74px;min-width:74px;max-width:74px}.data-table tbody tr:nth-child(2n){background:#f8fafc}.edit-row-active{background:#dbeafe!important}.edit-user-modal-backdrop{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem;z-index:60}.edit-user-modal{width:min(760px,100%);max-height:92vh;overflow:auto}.attempt-summary-table-wrap{overflow:visible}.attempt-summary-table{min-width:100%}.attempt-summary-table th{position:static}.answers-list{border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem}.quiz-attempt-layout{display:flex;flex-direction:column;gap:1rem;padding-bottom:90px}.quiz-rtl{direction:rtl;text-align:right}.quiz-rtl .button-row{justify-content:flex-start}.quiz-rtl .radio-option{flex-direction:row;justify-content:flex-start}.quiz-rtl .quiz-intro-card p,.quiz-rtl .quiz-questions-card p{text-align:right}.quiz-video{width:100%;min-height:320px;border:0;border-radius:12px;margin-top:.4rem}.question-block{border-top:1px solid #e2e8f0;padding-top:.75rem}.radio-option{display:flex;align-items:center;gap:.5rem;margin:.35rem 0}.radio-option input{width:auto;margin:0}@media(max-width:980px){.login-grid,.dashboard-grid,.admin-grid,.results-grid,.result-card{grid-template-columns:1fr}.app-header{align-items:flex-start;gap:.7rem;padding:.75rem .9rem}.brand-row{width:100%}.app-header h1{font-size:.96rem}.app-nav{width:100%;gap:.65rem;font-size:.92rem}.app-header-right{width:100%;justify-content:flex-start;gap:.55rem}.app-header-right button{padding:.5rem .8rem;font-size:.88rem}.phone-input-row{grid-template-columns:1fr}}@media(max-width:640px){.results-page-title-row{align-items:flex-start;flex-direction:column;gap:.2rem}.results-updated-desktop{display:none}.results-updated-mobile{display:block;margin-bottom:.35rem;font-size:.84rem;white-space:nowrap}.header-user-name{max-width:120px;font-size:.9rem}.timezone-badge{min-width:40px;font-size:.72rem}.app-nav a{font-size:.86rem}}