:root{--bg:#f5f8fc;--surface:#fff;--surface2:#eef4f8;--ink:#0b1a2a;--muted:#607086;--line:#dce6ee;--brand:#0b7890;--brand2:#17a6a1;--gold:#c59b52;--navy:#07131f;--shadow:0 18px 55px rgba(8,31,49,.10);--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,textarea,select{font:inherit}button{border:0;border-radius:13px;padding:12px 17px;background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;font-weight:750;cursor:pointer;box-shadow:0 8px 22px rgba(11,120,144,.18)}button:hover{transform:translateY(-1px)}button.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.hidden{display:none!important}.brand{display:flex;align-items:center;gap:11px;font-weight:900;letter-spacing:2px;font-size:19px}.brand img{width:42px;height:42px;border-radius:50%;object-fit:cover}.brand em{font-style:normal;color:var(--brand)}.landing{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(23,166,161,.16),transparent 28%),radial-gradient(circle at 10% 30%,rgba(197,155,82,.12),transparent 26%),linear-gradient(180deg,#fbfdff,#f2f7fa)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid rgba(220,230,238,.7);background:rgba(255,255,255,.76);backdrop-filter:blur(16px);position:sticky;top:0;z-index:10}.nav-actions,.top-actions,.actions,.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.hero{max-width:1250px;margin:auto;padding:80px 30px 60px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(44px,6vw,76px);line-height:1.02;letter-spacing:-3px;margin:20px 0}.hero h1 span{color:var(--brand)}.hero p{font-size:19px;line-height:1.75;color:var(--muted);max-width:720px}.bismillah{font-size:26px;color:#6f572f}.bismillah-urdu{font-size:15px;color:var(--muted);margin-top:5px}.pill,.eyebrow{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(11,120,144,.18);background:rgba(11,120,144,.07);color:var(--brand);padding:7px 11px;border-radius:999px;font-size:11px;font-weight:900;letter-spacing:1.2px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;margin-top:22px;color:#526274;font-size:13px;font-weight:700}.hero-orbit{height:430px;position:relative;display:flex;align-items:center;justify-content:center}.hero-orbit:before,.hero-orbit:after{content:"";position:absolute;border:1px solid rgba(11,120,144,.15);border-radius:50%;width:310px;height:310px}.hero-orbit:after{width:410px;height:410px;border-color:rgba(197,155,82,.16)}.orbit-core{width:190px;height:190px;border-radius:50%;background:linear-gradient(145deg,#07131f,#123044);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 30px 80px rgba(7,19,31,.3);z-index:2;text-align:center}.orbit-core img{width:80px;height:80px;border-radius:50%;margin-bottom:8px}.orbit-card{position:absolute;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);padding:12px 16px;border-radius:14px;font-weight:800;z-index:3}.c1{top:34px;left:45px}.c2{top:80px;right:20px}.c3{bottom:50px;left:35px}.c4{bottom:30px;right:40px}.stats-strip{max-width:1120px;margin:0 auto 70px;padding:18px;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.stats-strip div{text-align:center;border-right:1px solid var(--line)}.stats-strip div:last-child{border:0}.stats-strip b{display:block;color:var(--brand);font-size:19px}.stats-strip small{color:var(--muted)}.feature-section{max-width:1250px;margin:auto;padding:40px 30px 80px}.section-title{text-align:center;margin-bottom:38px}.section-title h2{font-size:40px;margin:14px 0 8px}.section-title p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-grid article{background:rgba(255,255,255,.86);border:1px solid var(--line);border-radius:20px;padding:25px;min-height:180px;box-shadow:0 10px 30px rgba(8,31,49,.05)}.feature-grid article:first-letter{font-size:28px}.feature-grid h3{margin:12px 0 7px}.feature-grid p{color:var(--muted);line-height:1.55;font-size:14px}.landing-footer{border-top:1px solid var(--line);padding:35px 30px;text-align:center;color:var(--muted)}.landing-footer .brand{justify-content:center;color:var(--ink)}.app{min-height:100vh;background:var(--bg)}.topbar{height:76px;background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:10px 24px;position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.top-brand .brand{font-size:16px}.top-brand small{display:block;color:var(--muted);margin-top:2px}.plan-chip,.credits,.admin-badge{border-radius:999px;padding:7px 11px;background:rgba(11,120,144,.09);color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.7px}.credits{background:#f4efe4;color:#70552a}.workspace{display:flex;min-height:calc(100vh - 76px)}.sidebar{width:245px;flex:none;background:linear-gradient(180deg,#07131f,#0b2230);color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:6px;position:sticky;top:76px;height:calc(100vh - 76px);overflow-y:auto}.side-label{font-size:10px;letter-spacing:1.6px;color:#8ba5b3;padding:8px 12px}.side{width:100%;display:flex;align-items:center;gap:12px;background:transparent;color:#dce8ed;border:1px solid transparent;box-shadow:none;text-align:left;padding:12px;border-radius:13px}.side span{font-size:20px;width:27px;text-align:center}.side b{font-size:13px}.side:hover{background:rgba(255,255,255,.07);transform:none}.side.active{background:linear-gradient(135deg,rgba(23,166,161,.28),rgba(11,120,144,.18));border-color:rgba(255,255,255,.10);color:#fff}.sidebar-bottom{margin-top:auto;padding:16px 12px;color:#78929f;border-top:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:4px}.sidebar-bottom small{font-weight:900;letter-spacing:1px;color:#b6c8d0}.content{min-width:0;flex:1;padding:28px clamp(18px,3vw,42px) 60px}.view{max-width:1250px;margin:auto}.dashboard-hero{background:linear-gradient(135deg,#07131f,#103647);color:#fff;border-radius:28px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 24px 60px rgba(7,19,31,.18)}.dashboard-hero h2{font-size:38px;margin:12px 0}.dashboard-hero p{color:#c5d7df}.dashboard-hero .pill{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.14);color:#bde9e5}.dashboard-logo img{width:145px;height:145px;border-radius:50%;box-shadow:0 20px 50px rgba(0,0,0,.28)}.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0}.quick-card{text-align:left;background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;padding:20px;border-radius:18px}.quick-card span{font-size:27px;display:block;margin-bottom:10px}.quick-card small{display:block;color:var(--muted);margin-top:4px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.module{background:#fff;color:var(--ink);border:1px solid var(--line);box-shadow:none;text-align:left;padding:20px;min-height:135px}.module .icon{font-size:28px;display:block;margin-bottom:14px}.module small{display:block;color:var(--muted);margin-top:5px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:20px}.section-head h2{font-size:31px;margin:8px 0}.section-head p{color:var(--muted);margin:0;line-height:1.55}.panel{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 10px 30px rgba(8,31,49,.05)}input,textarea,select{width:100%;border:1px solid var(--line);background:#fbfdff;color:var(--ink);border-radius:12px;padding:12px 13px;outline:none;margin:0 0 10px}textarea{resize:vertical;line-height:1.55}input:focus,textarea:focus,select:focus{border-color:var(--brand);box-shadow:0 0 0 3px rgba(11,120,144,.08)}.chatbox{height:54vh;min-height:330px;overflow:auto;background:#edf4f7;border:1px solid var(--line);border-radius:18px;padding:18px}.bubble{max-width:82%;padding:12px 15px;border-radius:16px;margin:8px 0;white-space:pre-wrap;line-height:1.55}.assistant{background:#fff;border:1px solid var(--line);margin-right:auto}.user{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;margin-left:auto}.chat-input{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px}.ai-studio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ai-result{grid-row:span 2}.cv-layout{display:grid;grid-template-columns:minmax(300px,.9fr) minmax(350px,1.1fr);gap:18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.cv-paper{background:#fff;color:#111;border:1px solid #d8dde1;min-height:900px;padding:42px;box-shadow:var(--shadow)}.cv-paper h1{font-size:32px;margin:0 0 3px}.cv-paper h2{font-size:14px;border-bottom:1px solid #ddd;padding-bottom:5px;margin-top:24px}.cv-paper p{line-height:1.5}.cv-paper section span{display:inline-block;margin-right:8px}.career-grid,.tool-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tool h3{margin-top:0}.tool strong{display:block;margin-top:8px;color:var(--brand)}.qrcode{min-height:20px}.file-tools{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.info-box{padding:18px;border-radius:12px;background:var(--surface2);line-height:1.8;color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;min-height:170px;display:flex;flex-direction:column;align-items:flex-start}.resource .icon{font-size:27px}.resource h3{margin:12px 0 7px}.resource small{color:var(--muted);line-height:1.55}.tag{margin-top:auto;padding:5px 9px;border-radius:999px;background:rgba(11,120,144,.08);color:var(--brand);font-size:10px;font-weight:800}.small-btn{padding:8px 11px;font-size:11px}.profile-grid{display:grid;grid-template-columns:300px 1fr;gap:16px}.profile-card{text-align:center;background:linear-gradient(145deg,#07131f,#123044);color:#fff;border-radius:22px;padding:30px}.avatar img{width:100px;height:100px;border-radius:50%}.profile-card p{color:#b8cbd3}.profile-stat{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}.stat-card b{display:block;font-size:28px;color:var(--brand)}.stat-card span{color:var(--muted);font-size:13px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.admin-panel.wide{grid-column:1/-1}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.panel-head h3{margin:0}.admin-row{display:grid;grid-template-columns:1fr 150px 130px 100px;gap:8px;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}.admin-row:last-child{border-bottom:0}.admin-row b,.admin-row small{display:block}.admin-row small{color:var(--muted);margin-top:3px}.toggle-row{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--line);gap:10px}.toggle-row:last-child{border-bottom:0}.toggle-row span small{display:block;color:var(--muted);margin-top:3px}.toggle-row input{width:auto;margin:0}.activity-list{display:grid;gap:7px}.activity{padding:11px;border-radius:10px;background:var(--surface2);font-size:12px}.toast{position:fixed;right:18px;bottom:18px;z-index:100;background:#07131f;color:#fff;padding:13px 16px;border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,.25)}.modal{position:fixed;inset:0;background:rgba(2,12,20,.62);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:18px;z-index:80}.modal-card{width:min(450px,100%);background:#fff;border-radius:24px;padding:28px;position:relative;box-shadow:0 35px 90px rgba(0,0,0,.3)}.modal-card .center{justify-content:center;margin-bottom:16px}.modal-card h2{font-size:25px}.modal-close{position:absolute;right:14px;top:14px;font-size:22px}.tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.tabs button{background:var(--surface2);color:var(--ink);box-shadow:none}.tabs button.active{background:var(--navy);color:#fff}.auth-msg{min-height:22px;color:#b04d4d;font-size:13px}.mobile-menu{display:none}.muted{color:var(--muted);line-height:1.6}@media(max-width:1000px){.hero{grid-template-columns:1fr}.hero-orbit{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.sidebar{width:215px}.module-grid,.resource-grid{grid-template-columns:repeat(2,1fr)}.quick-grid{grid-template-columns:repeat(2,1fr)}.admin-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{height:auto;padding:13px 14px;gap:8px}.nav-actions button{padding:9px 10px}.nav-actions .theme-toggle{display:none}.hero{padding:55px 20px 35px}.hero h1{font-size:47px;letter-spacing:-2px}.stats-strip{margin:0 15px 45px;grid-template-columns:repeat(2,1fr)}.stats-strip div{border-bottom:1px solid var(--line);padding:12px}.feature-section{padding:20px 18px 50px}.feature-grid{grid-template-columns:1fr}.section-title h2{font-size:31px}.topbar{height:68px;padding:8px 12px}.mobile-menu{display:block}.top-brand .brand span{display:none}.top-actions .credits{display:none}.workspace{display:block}.sidebar{position:fixed;left:-270px;top:68px;height:calc(100vh - 68px);z-index:40;width:255px;transition:left .2s}.sidebar.open{left:0}.content{padding:18px 12px 45px}.dashboard-hero{padding:24px}.dashboard-hero h2{font-size:30px}.dashboard-logo{display:none}.module-grid,.quick-grid,.ai-studio-grid,.career-grid,.tool-grid,.file-tools,.profile-grid,.cv-layout,.admin-grid{grid-template-columns:1fr}.admin-panel.wide{grid-column:auto}.admin-row{grid-template-columns:1fr 1fr}.admin-row input{grid-column:1/-1}.form-grid{grid-template-columns:1fr}.chat-input{grid-template-columns:1fr}.cv-paper{min-height:auto;padding:25px}.section-head{align-items:flex-start;flex-direction:column}.top-actions .ghost{display:none}}
[data-theme=dark]{--bg:#071019;--surface:#0d1b27;--surface2:#102431;--ink:#edf7fa;--muted:#9bb0bb;--line:#203642;--brand:#52d0c5;--brand2:#2fa9c3;--gold:#d4b46e}.dark body{background:var(--bg)}[data-theme=dark] .landing{background:radial-gradient(circle at 80% 10%,rgba(47,169,195,.14),transparent 28%),linear-gradient(180deg,#06111b,#091923)}[data-theme=dark] .nav,[data-theme=dark] .modal-card,[data-theme=dark] .panel,[data-theme=dark] .module,[data-theme=dark] .quick-card,[data-theme=dark] .resource,[data-theme=dark] .stats-strip,[data-theme=dark] .feature-grid article,[data-theme=dark] .cv-paper{background:var(--surface);color:var(--ink)}[data-theme=dark] input,[data-theme=dark] textarea,[data-theme=dark] select{background:#0a1722;color:var(--ink)}[data-theme=dark] .chatbox{background:#0a1722}[data-theme=dark] .assistant{background:#10212d;color:var(--ink)}[data-theme=dark] .dashboard-hero{background:linear-gradient(135deg,#06111b,#0c3443)}[data-theme=dark] .landing-footer{border-color:var(--line)}