@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap');*{box-sizing:border-box}body{margin:0;background:#f4f7fb;color:#071d43;font-family:Tajawal,Arial,sans-serif}header{height:72px;background:#061c43;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);box-shadow:0 2px 12px #0002}header div{display:flex;gap:14px;align-items:center}header b{font-size:22px}header span{opacity:.7}header a{color:#fff;text-decoration:none}main{max-width:1050px;margin:auto;padding:42px 22px 70px}.hero{text-align:center;padding:25px 10px 35px}.hero.small{padding-bottom:18px}.hero h1{font-size:40px;margin:14px 0 5px}.hero p{color:#5c6b82}.badge{display:inline-block;background:#e6f3ff;color:#0877c9;padding:7px 13px;border-radius:999px;font-weight:700}.card{background:#fff;border-radius:22px;padding:30px;box-shadow:0 10px 35px #0b31580e;border:1px solid #e5edf7}.narrow{max-width:650px;margin:auto}label{display:block;font-weight:700;margin:18px 0}label small{display:block;color:#77869b;font-weight:400;margin:4px 0 9px}input,textarea{width:100%;margin-top:7px;border:1px solid #ced9e7;border-radius:12px;padding:13px;font:inherit;outline:none;background:#fbfdff}input:focus,textarea:focus{border-color:#2d8ee8;box-shadow:0 0 0 3px #2d8ee817}button{border:0;border-radius:12px;background:#0877c9;color:white;font:inherit;font-weight:800;padding:13px 24px;cursor:pointer}.mentor-link{display:block;text-align:center;margin-top:20px;color:#0877c9}.days{display:flex;gap:10px;margin:18px 0}.days a{flex:1;text-align:center;padding:12px;text-decoration:none;color:#50627b;background:#e8eef5;border-radius:12px;font-weight:700}.days a.active{background:#0877c9;color:#fff}.topline{display:flex;justify-content:space-between;align-items:center}.topline h2{margin-bottom:3px}.topline p{margin-top:0;color:#65758b}.progress{background:#fff;border-radius:18px;padding:12px 22px;text-align:center;border:1px solid #e5edf7}.progress b{display:block;font-size:24px;color:#0877c9}.progress span{font-size:12px}.next{text-align:center;margin-top:24px}.next a,.back{color:#0877c9;text-decoration:none;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.team{background:#fff;border:1px solid #e5edf7;border-radius:18px;padding:20px}.team h3{margin:0}.team p{color:#6d7d92;min-height:25px}.team a{display:flex;justify-content:space-between;text-decoration:none;color:#173252;background:#f4f8fc;margin-top:8px;padding:10px 12px;border-radius:10px}.team a b{color:#0877c9}.answer{background:#f7faff;border-radius:12px;padding:13px 16px;margin:10px 0}.answer p{white-space:pre-wrap;margin-bottom:0;color:#40536d}hr{border:0;border-top:1px solid #e5edf7;margin:30px 0}.error{background:#ffe9e9;color:#a51f1f;padding:10px;border-radius:10px}footer{text-align:center;color:#718197;padding:25px}@media(max-width:650px){.hero h1{font-size:29px}.topline{align-items:flex-start;gap:10px}.card{padding:20px}header span{display:none}}

.headlinks{display:flex;gap:16px}.mentor-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:18px;align-items:start}.gap{margin-top:18px}
.hint-card{border-top:4px solid #f0ad35}.hint{background:#fff8e8;border:1px solid #f7e1aa;border-radius:10px;padding:11px 13px;margin:9px 0;color:#604b1d}
.private-note,.privacy{color:#718197;font-size:13px}.status{padding:9px 12px;border-radius:10px;margin:12px 0;font-weight:700}.status.draft{background:#fff5d8;color:#8b6611}.status.review{background:#fff0df;color:#a55b13}.status.published{background:#e5f7ed;color:#167345}
.secondary{background:#eaf4ff;color:#0877c9;border:1px solid #cfe5fb;margin:5px 0}.publish-btn{background:#15865a;width:100%;margin-top:12px}.publish-btn:disabled{opacity:.45;cursor:not-allowed}
.recommendations{margin-bottom:18px;border-top:4px solid #15865a}.published-card{white-space:pre-wrap;background:#f6fbf8;border:1px solid #dcefe4;border-radius:12px;padding:18px;line-height:1.8;color:#264a38}
details{margin-top:12px}summary{cursor:pointer;font-weight:800;color:#0877c9}@media(max-width:850px){.mentor-layout{grid-template-columns:1fr}}

.ai-connect{border-top:4px solid #10a37f}.chatgpt-button{display:inline-block;background:#111;color:#fff!important;text-decoration:none;padding:12px 18px;border-radius:10px;font-weight:800}
.ai-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.ai-actions form{margin:0}.ai-error{background:#fff0f0;color:#9c2929;border:1px solid #f0caca;padding:12px;border-radius:10px;margin:10px 0}
button:disabled{opacity:.45;cursor:not-allowed}.oauth-result{margin-top:60px}

.ai-connect{max-width:980px;margin:18px auto 24px;border:2px solid #10a37f!important;box-shadow:0 12px 30px rgba(16,163,127,.12)}
.chatgpt-button{font-size:16px;min-width:230px;text-align:center;background:#111!important;color:#fff!important;border:2px solid #111!important}
.chatgpt-button:hover{transform:translateY(-1px);opacity:.92}

.evaluation-card{border-top:4px solid #0b6bcb}.score-wrap{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.score-circle{width:96px;height:96px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:900;background:#eef6ff;border:7px solid #0b6bcb}.score-circle small{font-size:13px;margin-right:3px}.eval-grid,.compare-grid,.tool-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.eval-grid>div,.compare-grid>div,.tool{background:#f7f9fc;border:1px solid #e5eaf1;border-radius:12px;padding:14px}.compare-answer{padding:14px 0;border-bottom:1px solid #e7ebf0}.compare-answer:last-child{border-bottom:0}.compare-answer h3{margin:0 0 8px}.compare-grid .improved{background:#f0fbf7;border-color:#bde8d8}.compare-grid small,.tool small{display:block;color:#6a7890;margin-bottom:5px}.compare-grid p,.tool p{margin:4px 0}.compare-grid em{display:block;margin-top:8px;font-style:normal;color:#9b6500;font-size:13px}.tool-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tool h3{margin:3px 0 7px}.tool b{font-size:13px;color:#0b6bcb}.criteria{display:grid;gap:8px;margin-top:12px}.criteria>div{display:grid;grid-template-columns:1fr auto;gap:6px;padding:10px;border-bottom:1px solid #eee}.criteria small{grid-column:1/-1;color:#6a7890}@media(max-width:800px){.eval-grid,.compare-grid,.tool-grid{grid-template-columns:1fr}}

.logout-form{display:inline;margin:0}.logout-link{background:none!important;border:0!important;padding:0!important;color:inherit!important;font:inherit;cursor:pointer}
.login-card{max-width:520px;margin:24px auto}.mentor-entry{text-align:center;margin-top:18px}.mentor-entry a{color:#6c7890}
.team-admin{margin:18px auto}.team-create-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.team-create-grid button{grid-column:1/-1}
.team-title-row{display:flex;justify-content:space-between;gap:10px;align-items:center}.account-state{font-size:12px;font-weight:800;padding:4px 9px;border-radius:20px}.account-state.on{background:#e6f7ee;color:#167345}.account-state.off{background:#fbeaea;color:#a32d2d}
.account-tools{margin-top:12px}.account-tools form{display:flex;gap:7px;margin-top:8px}.account-tools input{flex:1}.privacy-strip{max-width:980px;margin:12px auto;background:#edf8f3;border:1px solid #cce9dc;padding:10px 14px;border-radius:10px;color:#216047}
@media(max-width:700px){.team-create-grid{grid-template-columns:1fr}.account-tools form{display:block}.account-tools button{margin-top:6px;width:100%}}

/* AI evaluation layout */
.eval-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px;margin:20px 0}
.eval-item{background:#f4f7fb;border:1px solid #dce5f0;border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:9px;color:#10274b}
.eval-item strong{font-size:27px}.eval-item small{color:#62738c}.eval-total{background:#edf4fc;padding:16px;border-radius:12px;font-weight:bold}

.camp-tabs{display:flex;flex-wrap:wrap;gap:12px}.camp-tab{display:flex;flex-direction:column;gap:6px;padding:14px 18px;border:1px solid #64748b;border-radius:12px;text-decoration:none;color:inherit;flex:1;min-width:220px}.camp-tab.selected{border:2px solid #0d9488;background:rgba(13,148,136,.10)}.camp-tab small{opacity:.75}

/* Admin-only team management */
.account-tools .admin-idea-form,.account-tools .admin-delete-form{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid #dce4ee}
.account-tools .admin-idea-form label,.account-tools .admin-delete-form label{width:100%;font-weight:700}
.account-tools .admin-idea-form input,.account-tools .admin-delete-form input{min-width:120px;flex:1}
.account-tools .danger-delete{background:#b42318;color:#fff;border:1px solid #b42318;border-radius:8px;padding:10px 14px;cursor:pointer}
.account-tools .danger-delete:hover{background:#912018}