:root{--primary:#0cbaa4;--ink:#17383b;--muted:#668184;--soft:#edf8f6;--surface:#fff;--line:#dbeae7;--danger:#c83737;--warn:#a66e00;--success:#16865a;--radius:18px;--shadow:0 12px 32px rgba(20,56,60,.08)}*{box-sizing:border-box}body{margin:0;background:#f4fbfa;color:var(--ink);font-family:Tahoma,"Cairo",Arial,sans-serif;line-height:1.7}.container{width:min(1140px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:70px;gap:20px}.brand{display:flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:1.12rem;font-weight:900}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:var(--primary);color:#fff}.nav{display:flex;align-items:center;gap:7px}.nav a{padding:9px 11px;text-decoration:none;color:var(--ink);border-radius:10px;font-size:.92rem}.nav a:hover,.nav a.active{background:var(--soft);color:#087b6d}.nav .button{background:var(--primary);color:#fff}.nav-user{font-size:.8rem!important}.nav-toggle{display:none;border:0;background:transparent;font-size:1.35rem}.page{min-height:calc(100vh - 142px);padding:28px 0 46px}.site-footer{border-top:1px solid var(--line);padding:20px 0;background:#fff;color:var(--muted);font-size:.86rem}.hero{display:grid;grid-template-columns:1.35fr .9fr;gap:26px;align-items:stretch;margin-bottom:26px}.hero-card,.panel,.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:38px;background:linear-gradient(135deg,#0cbaa4,#117a82);color:#fff}.hero-card h1{line-height:1.3;font-size:clamp(1.7rem,3vw,2.8rem);margin:0 0 15px}.hero-card p{opacity:.92;font-size:1.05rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{display:inline-flex;justify-content:center;align-items:center;gap:7px;border:0;border-radius:12px;padding:11px 18px;background:var(--primary);color:#fff;text-decoration:none;cursor:pointer;font:inherit;font-weight:bold}.button:hover{filter:brightness(.96)}.button.white{background:#fff;color:#0c766c}.button.ghost{background:transparent;border:1px solid currentColor}.button.danger{background:var(--danger)}.button.small{padding:7px 12px;font-size:.82rem}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.stat{padding:21px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.stat b{display:block;font-size:1.55rem;color:#0a8b7a}.stat span{color:var(--muted);font-size:.86rem}.grid{display:grid;gap:16px}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{padding:19px}.card h3,.card h2{margin-top:0}.card p{color:var(--muted);font-size:.92rem}.stage-card{display:block;text-decoration:none;color:inherit;transition:.2s}.stage-card:hover{transform:translateY(-4px);border-color:#8ce2d6}.stage-icon{font-size:1.6rem;width:48px;height:48px;display:grid;place-items:center;background:var(--soft);border-radius:15px;margin-bottom:13px}.section-title{display:flex;align-items:end;justify-content:space-between;margin:28px 0 13px}.section-title h2{margin:0;font-size:1.35rem}.section-title p{margin:0;color:var(--muted);font-size:.9rem}.panel{padding:23px}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.form-group{display:flex;flex-direction:column;gap:6px}.form-group.full{grid-column:1/-1}label{font-weight:bold;font-size:.88rem}input,select,textarea{width:100%;border:1px solid #cfe0dc;background:#fff;border-radius:11px;padding:11px;font:inherit;color:var(--ink)}textarea{min-height:110px;resize:vertical}select option[hidden]{display:none}.field-note{font-size:.78rem;color:var(--muted)}.alert{border-radius:12px;padding:12px 15px;margin-bottom:16px;font-size:.92rem}.alert.success{background:#e8f8f1;color:#126244}.alert.warning{background:#fff7e6;color:#7d5300}.alert.danger{background:#fff0f0;color:#9a2727}.alert.info{background:#e9f7f7;color:#17656e}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:14px}.table{width:100%;border-collapse:collapse;min-width:700px;background:#fff}.table th,.table td{padding:11px 13px;border-bottom:1px solid var(--line);text-align:right;font-size:.87rem}.table th{background:#f7fcfb;color:#497174}.badge{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:var(--soft);color:#087569;font-size:.76rem;font-weight:bold}.badge.green{background:#e8f8f1;color:#147c50}.badge.red{background:#fff0f0;color:#a33030}.badge.yellow{background:#fff6df;color:#8b5f00}.auth-wrap{max-width:530px;margin:18px auto}.auth-wrap .panel{padding:28px}.auth-wrap h1{margin-top:0}.muted{color:var(--muted)}.empty{padding:30px;text-align:center;color:var(--muted);background:#fff;border:1px dashed #bcd6d1;border-radius:16px}.question-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start}.question-card{padding:24px}.question-text{font-size:1.12rem;white-space:pre-line;margin:17px 0}.option{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--line);border-radius:12px;padding:12px;margin:9px 0;cursor:pointer}.option:hover{border-color:#80d9ca;background:#fbffff}.option input{width:auto;margin-top:5px}.test-top{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 17px;background:#e8f8f6;border-radius:14px;margin-bottom:15px}.progress{height:8px;background:#d9ece8;border-radius:100px;overflow:hidden}.progress>span{display:block;height:100%;background:var(--primary)}.answer-actions{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-top:18px}.score-hero{text-align:center;padding:32px}.score-circle{display:grid;place-items:center;width:136px;height:136px;margin:0 auto 13px;border:10px solid #b8e9df;border-radius:50%;font-size:1.75rem;font-weight:900;color:#087b6d}.answer-review{border-top:1px solid var(--line);margin-top:18px;padding-top:15px}.answer-review.good{border-right:4px solid var(--success);padding-right:13px}.answer-review.bad{border-right:4px solid var(--danger);padding-right:13px}.answer-review.wait{border-right:4px solid var(--warn);padding-right:13px}.admin-nav{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}.admin-nav a{border:1px solid var(--line);background:#fff;padding:8px 11px;border-radius:10px;text-decoration:none;color:var(--ink);font-size:.85rem}.kpi{font-size:1.5rem;font-weight:bold;color:var(--primary)}.inline{display:inline}.two-col{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.code{font-family:monospace;direction:ltr;text-align:left;background:#f5f7f7;padding:2px 5px;border-radius:6px}.list-clean{list-style:none;padding:0;margin:0}.list-clean li{padding:10px 0;border-bottom:1px solid var(--line)}
@media(max-width:780px){.nav-toggle{display:block}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);padding:10px 16px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{text-align:right}.hero,.two-col{grid-template-columns:1fr}.grid.three,.grid.four{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr 1fr}.hero-card{padding:28px}.page{padding-top:19px}}@media(max-width:480px){.grid.three,.grid.four,.form-grid{grid-template-columns:1fr}.container{width:min(100% - 22px,1140px)}.hero-card{padding:23px}.stat-grid{grid-template-columns:1fr 1fr}.test-top{align-items:flex-start;flex-direction:column}}

/* V2 learning and administration components */
.grid.five{grid-template-columns:repeat(5,1fr)}
.button-row,.study-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.study-card{margin-top:16px}.question-image{display:block;max-width:100%;max-height:540px;object-fit:contain;border:1px solid var(--line);border-radius:14px;margin:15px 0}.solution-box{margin-top:14px;padding:12px 14px;background:#f6fcfb;border:1px dashed #a8d9d1;border-radius:12px}.solution-box summary,.text-action{cursor:pointer;color:#087b6d;font-weight:bold}.solution-box p:last-child{margin-bottom:0}.mini-form{display:grid;gap:8px;min-width:280px;margin-top:8px;padding:12px;background:#fff;border:1px solid var(--line);border-radius:12px}.mini-form textarea{min-height:72px}.checkbox-line{display:flex;align-items:center;gap:7px;font-weight:normal}.checkbox-line input{width:auto}.question-palette{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.question-palette a{display:grid;place-items:center;width:33px;height:33px;border-radius:9px;border:1px solid var(--line);color:var(--ink);text-decoration:none;font-size:.84rem;background:#fff}.question-palette a.active{background:var(--primary);border-color:var(--primary);color:#fff}.question-palette a.answered:not(.active){background:#e8f8f1;border-color:#92d9ba;color:#147c50}.finish-form{margin-top:18px;text-align:center}.pagination{display:flex;gap:7px;flex-wrap:wrap;justify-content:center;margin-top:22px}.pagination a{min-width:33px;height:33px;display:grid;place-items:center;border-radius:9px;border:1px solid var(--line);text-decoration:none;color:var(--ink);background:#fff}.pagination a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.soft-line{border:0;border-top:1px solid var(--line);margin:18px 0}.note-box{border-right:3px solid var(--primary);background:#f6fcfb;padding:9px 12px;border-radius:8px}.danger-text{color:var(--danger)!important}.admin-nav{align-items:center}.admin-nav a{white-space:nowrap}.text-action{border:0;background:transparent;padding:7px 6px;font:inherit}.study-actions details{position:relative}.study-actions details[open]{z-index:2}
@media(max-width:980px){.grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:780px){.grid.five{grid-template-columns:repeat(2,1fr)}.mini-form{min-width:min(92vw,320px)}}
@media(max-width:480px){.grid.five{grid-template-columns:1fr}.question-palette a{width:30px;height:30px}}

/* V3 complete-platform modules */
.nav{flex-wrap:wrap;justify-content:flex-end}.nav-count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:999px;background:#c83737;color:#fff;font-size:.68rem;line-height:1}.footer-links{display:inline-flex;gap:12px;flex-wrap:wrap;margin-inline-start:12px}.footer-links a{color:inherit;text-decoration:none}.footer-links a:hover{color:#087b6d}.announcement-card{margin-bottom:14px}.announcement-card .announcement-body{margin:14px 0 0}.notification-card{margin-bottom:12px}.notification-card.unread{border-right:4px solid var(--primary);background:#fbfffe}.pricing-card{position:relative}.price{font-size:1.7rem;font-weight:900;color:#087b6d;margin:10px 0}.price small{font-size:.82rem}.ticket-thread{display:grid;gap:12px}.ticket-message{border:1px solid var(--line);border-radius:14px;padding:14px;margin:12px 0;background:#fff}.ticket-thread .ticket-message{max-width:85%;margin-inline-end:auto}.ticket-thread .ticket-message.staff{margin-inline-start:auto;margin-inline-end:0;background:#eefbf8;border-color:#9adfd3}.ticket-message>b{display:inline-block}.ticket-message>span{float:left;color:var(--muted);font-size:.78rem}.ticket-message p{margin:8px 0 0}.achievement.done{border-color:#9adfd3;background:#fbfffe}.legal-content{max-width:840px;margin:auto}.legal-content p{line-height:2;color:#426265}.nav a{white-space:nowrap}
@media(max-width:1050px){.nav{gap:2px}.nav a{font-size:.82rem;padding:8px}}
@media print{.site-header,.site-footer,.nav-toggle,.button,.admin-nav,.answer-actions,.study-actions{display:none!important}.page{padding:0}.panel,.card{box-shadow:none;border-color:#ccc}.container{width:100%}}