:root{color-scheme:light;--bg: #f8fafc;--panel: rgba(255, 255, 255, .92);--panel-strong: #ffffff;--text: #0f172a;--muted: #64748b;--line: rgba(15, 23, 42, .1);--accent: #f59e0b;--accent-2: #06b6d4;--accent-3: #3b82f6;--danger: #ef4444;--shadow: 0 20px 60px rgba(15, 23, 42, .08);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #0f172a;--panel: rgba(15, 23, 42, .85);--panel-strong: #1e293b;--text: #f1f5f9;--muted: #cbd5e1;--line: rgba(255, 255, 255, .12);--accent: #fbbf24;--accent-2: #22d3ee;--accent-3: #60a5fa;--danger: #f87171;--shadow: 0 20px 60px rgba(0, 0, 0, .3)}*{box-sizing:border-box}html{scroll-behavior:smooth}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #06b6d44d}50%{box-shadow:0 0 30px #06b6d480}}@keyframes certificateGlow{0%,to{box-shadow:0 0 40px #06b6d433,inset 0 0 30px #06b6d414,0 8px 32px #f59e0b26}50%{box-shadow:0 0 60px #06b6d44d,inset 0 0 40px #06b6d41f,0 12px 48px #f59e0b40}}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 10px rgba(245,158,11,.3)) drop-shadow(0 0 20px rgba(6,182,212,.2))}50%{filter:drop-shadow(0 0 20px rgba(245,158,11,.5)) drop-shadow(0 0 30px rgba(6,182,212,.4))}}@keyframes twinkle{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}@keyframes rotateBadge{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes gridPulse{0%,to{opacity:.03}50%{opacity:.08}}@keyframes floatElements{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(5deg)}}@keyframes floatElements2{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(15px) rotate(-3deg)}}body{margin:0;background:repeating-linear-gradient(0deg,rgba(6,182,212,.03) 0px,rgba(6,182,212,.03) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,rgba(6,182,212,.03) 0px,rgba(6,182,212,.03) 1px,transparent 1px,transparent 40px),radial-gradient(circle at 20% 10%,rgba(6,182,212,.15),transparent 30rem),radial-gradient(circle at 80% 90%,rgba(245,158,11,.12),transparent 28rem),radial-gradient(circle at 40% 60%,rgba(59,130,246,.08),transparent 35rem),linear-gradient(135deg,var(--bg),#f0f9ff 100%);color:var(--text);animation:fadeIn .6s ease-out;position:relative;overflow-x:hidden}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 15% 30%,rgba(6,182,212,.08) 0%,transparent 15%),radial-gradient(circle at 85% 20%,rgba(245,158,11,.06) 0%,transparent 12%),radial-gradient(circle at 50% 70%,rgba(59,130,246,.05) 0%,transparent 18%),radial-gradient(circle at 10% 70%,rgba(245,158,11,.04) 0%,transparent 20%),radial-gradient(circle at 90% 80%,rgba(6,182,212,.06) 0%,transparent 16%);animation:fadeIn .8s ease-out}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,rgba(245,158,11,.03) 1px,transparent 1px),linear-gradient(-45deg,rgba(245,158,11,.03) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:1}*{position:relative;z-index:2}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.site-shell{min-height:100vh;overflow:hidden;padding-top:69px}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.nav{align-items:center;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);background:#f8fafcf2;border-bottom:2px solid;border-image:linear-gradient(90deg,var(--accent-2),var(--accent)) 1;display:flex;gap:24px;justify-content:space-between;left:0;padding:16px clamp(18px,4vw,64px);position:fixed;right:0;top:0;z-index:20;animation:slideInDown .6s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #06b6d41a}[data-theme=dark] .nav{background:#0f172afa;border-image:linear-gradient(90deg,#22d3ee,#fbbf24) 1;box-shadow:0 8px 32px #06b6d44d}[data-theme=dark] body{background:repeating-linear-gradient(0deg,rgba(34,211,238,.04) 0px,rgba(34,211,238,.04) 1px,transparent 1px,transparent 40px),repeating-linear-gradient(90deg,rgba(34,211,238,.04) 0px,rgba(34,211,238,.04) 1px,transparent 1px,transparent 40px),radial-gradient(circle at 20% 10%,rgba(34,211,238,.12),transparent 30rem),radial-gradient(circle at 80% 90%,rgba(251,191,36,.1),transparent 28rem),linear-gradient(135deg,#0f172a,#1e2139)}.brand,.admin-logo{align-items:center;display:flex;gap:10px;font-weight:800}.brand span,.admin-logo span{align-items:center;aspect-ratio:1;background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:7px;color:#071017;display:inline-flex;font-weight:900;justify-content:center;width:38px}.nav-links{display:flex;gap:22px}.nav-links a{color:var(--muted);font-size:.94rem;font-weight:500}.nav-links a:hover{color:var(--accent);transition:color .3s ease}[data-theme=dark] .nav-links a{color:#cbd5e1}[data-theme=dark] .nav-links a:hover{color:#22d3ee}.nav-links a{position:relative;transition:color .3s ease}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-2));transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-actions,.hero-actions,.admin-actions,.row-actions,.table-toolbar,.filter-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.admin-link,.primary-button,.secondary-button,.danger-button,.tiny-button,.filter-row button,.icon-button{align-items:center;border:1px solid var(--line);border-radius:7px;display:inline-flex;gap:8px;justify-content:center;min-height:40px;padding:0 14px;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.icon-button{aspect-ratio:1;background:var(--panel);color:var(--text);padding:0;width:40px;transition:background .3s ease,transform .3s ease,box-shadow .3s ease}.icon-button:hover{box-shadow:0 8px 16px #06b6d433}.admin-link,.secondary-button,.filter-row button,.tiny-button{background:var(--panel);color:var(--text)}.primary-button{background:linear-gradient(135deg,var(--accent),#fcd34d);border-color:transparent;color:#0f172a;font-weight:800}.primary-button{animation:slideInUp .8s ease-out .4s backwards}.primary-button:hover{box-shadow:0 8px 24px #f59e0b59;animation:pulse .6s ease-in-out}.secondary-button{animation:slideInUp .8s ease-out .45s backwards}.danger-button,.icon-button.danger{background:#ff6b6b1f;color:var(--danger)}.primary-button:hover,.secondary-button:hover,.admin-link:hover,.icon-button:hover,.filter-row button:hover,.filter-row .active{border-color:#f4bf58b3;transform:translateY(-1px)}.hero{display:grid;gap:clamp(30px,5vw,72px);grid-template-columns:minmax(0,1.04fr) minmax(360px,.96fr);min-height:calc(100vh - 69px);padding:clamp(42px,7vw,90px) clamp(18px,4vw,64px) 46px;animation:slideInUp .8s ease-out}.hero-copy{align-self:center;max-width:780px;animation:slideInLeft .8s ease-out .1s backwards}.eyebrow{align-items:center;color:var(--accent-2);display:flex;font-size:.79rem;font-weight:800;gap:8px;letter-spacing:.12em;margin:0 0 14px;text-transform:uppercase;animation:slideInUp .6s ease-out backwards}.eyebrow svg{animation:bounce 2s ease-in-out infinite}h1,h2,h3,p{margin-top:0}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.hero h1{font-size:clamp(3.4rem,8vw,7.4rem);line-height:.92;margin-bottom:12px;animation:scaleIn .8s ease-out .1s backwards}.hero h2{color:var(--accent);font-size:clamp(1.25rem,2.6vw,2.3rem);margin-bottom:18px;animation:slideInUp .8s ease-out .2s backwards}.hero p,.section p,.project-card p,.tool-card p,.timeline small,.certificate-card small{color:var(--muted);line-height:1.7}.certificate-card small{color:var(--accent-2);font-weight:600;font-size:.9rem}.hero-copy>p:not(.eyebrow){font-size:1.12rem;max-width:650px}.stats-row{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:32px;max-width:700px}.stat,.dash-card,.workflow-step,.project-card,.tool-card,.certificate-card,.admin-card,.shura-item,.timeline article,.contact-form{background:var(--panel);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.stat{padding:18px;animation:slideInUp .6s ease-out backwards;transition:transform .3s ease}.stat:nth-child(1){animation-delay:.3s}.stat:nth-child(2){animation-delay:.4s}.stat:nth-child(3){animation-delay:.5s}.stat:hover{transform:translateY(-4px)}.stat strong{color:var(--accent);display:block;font-size:1.8rem}.stat span{color:var(--muted);font-size:.86rem}.hero-visual{align-self:end;min-height:640px;position:relative;animation:slideInRight .8s ease-out .2s backwards}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.three-scene{display:none}.hero-visual img{bottom:0;filter:drop-shadow(0 30px 60px rgba(6,182,212,.25)) drop-shadow(0 15px 30px rgba(0,0,0,.1)) brightness(1.05);height:min(110vh,1200px);max-height:130%;object-fit:contain;position:absolute;right:-12%;width:min(100vw,1100px);z-index:2;border-radius:0;animation:float 3s ease-in-out infinite;transition:transform .4s cubic-bezier(.34,1.56,.64,1),filter .4s ease;border:none;box-shadow:none;background:transparent}.hero-visual img:hover{transform:scale(1.08) translate(-20px);filter:drop-shadow(0 40px 80px rgba(6,182,212,.35)) drop-shadow(0 20px 40px rgba(0,0,0,.15)) brightness(1.1)}.section{padding:84px clamp(18px,4vw,64px);animation:slideInUp .8s ease-out}.intro-grid,.skill-certificate,.contact-section{display:grid;gap:38px;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)}@keyframes underlineGrow{0%{width:0}to{width:80px}}.section h2{font-size:clamp(2rem,4vw,4rem);line-height:1.02;margin-bottom:14px;position:relative;display:inline-block;animation:slideInUp .8s ease-out backwards}.section h2:after{content:"";position:absolute;bottom:-10px;left:0;height:4px;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:2px;animation:underlineGrow .8s ease-out .3s backwards}.workflow{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr));padding-top:16px}.workflow-step{min-height:112px;padding:20px;animation:slideInUp .6s ease-out backwards;transition:transform .3s ease,box-shadow .3s ease}.workflow-step:nth-child(1){animation-delay:.1s}.workflow-step:nth-child(2){animation-delay:.2s}.workflow-step:nth-child(3){animation-delay:.3s}.workflow-step:nth-child(4){animation-delay:.4s}.workflow-step:nth-child(5){animation-delay:.5s}.workflow-step:hover{transform:translateY(-4px);box-shadow:0 12px 24px #06b6d426}.workflow-step span{color:var(--accent-2);display:block;font-size:.78rem;font-weight:800;margin-bottom:18px}.workflow-step strong{font-size:clamp(1rem,1.7vw,1.25rem)}.section-heading{align-items:end;display:flex;gap:20px;justify-content:space-between;margin-bottom:28px}.section-heading h2{max-width:820px}.project-grid{display:grid;gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}.project-card,.tool-card{cursor:pointer;min-height:286px;overflow:hidden;padding:22px;position:relative;animation:slideInUp .6s ease-out backwards;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.tool-card:hover{border-color:var(--accent-2);box-shadow:0 0 30px #06b6d44d,var(--shadow)}.tool-card svg{animation:bounce 2s ease-in-out infinite;display:inline-block;transition:color .3s ease}.tool-card:hover svg{color:var(--accent-2);animation:bounce .6s ease-in-out}.project-card:nth-child(1),.tool-card:nth-child(1){animation-delay:0s}.project-card:nth-child(2),.tool-card:nth-child(2){animation-delay:.1s}.project-card:nth-child(3),.tool-card:nth-child(3){animation-delay:.2s}.project-card:nth-child(4),.tool-card:nth-child(4){animation-delay:.3s}.project-card:after,.tool-card:after{background:linear-gradient(135deg,#f4bf5829,#52d7cf14);content:"";inset:auto -30% -36% 25%;min-height:130px;position:absolute;transform:rotate(-8deg)}.project-card:hover,.tool-card:hover,.certificate-card:hover{transform:translateY(-8px);box-shadow:0 24px 48px #06b6d433,var(--shadow)}.project-card-top{color:var(--muted);display:flex;font-size:.82rem;justify-content:space-between;margin-bottom:34px}.project-card h3,.tool-card h3,.certificate-card h3{font-size:1.45rem;margin-bottom:12px;position:relative;z-index:1}.certificate-card h3{font-size:1.55rem;font-weight:700;color:var(--text);background:linear-gradient(135deg,var(--text) 0%,var(--accent-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.4}.tag-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;position:relative;z-index:1}.tag-row span,.modal-meta span{background:#52d7cf1a;border:1px solid rgba(82,215,207,.18);border-radius:999px;color:var(--accent-2);font-size:.78rem;padding:6px 10px}.shura-band{align-items:center;background:#f4bf5814;display:grid;gap:30px;grid-template-columns:.8fr 1.2fr}.shura-grid,.tool-grid,.dashboard-grid,.publish-grid{display:grid;gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.shura-item{min-height:180px;padding:20px;animation:slideInUp .6s ease-out backwards;transition:transform .3s ease,box-shadow .3s ease}.shura-item:nth-child(1){animation-delay:.1s}.shura-item:nth-child(2){animation-delay:.2s}.shura-item:nth-child(3){animation-delay:.3s}.shura-item:nth-child(4){animation-delay:.4s}.shura-item:hover{transform:translateY(-6px);box-shadow:0 16px 32px #06b6d433}.shura-item strong,.shura-item span{display:block}.shura-item strong{color:var(--accent);font-size:2.2rem;margin-bottom:20px}@keyframes meterFill{0%{width:0;opacity:0}to{width:100%;opacity:1}}.meter{background:#ffffff17;border-radius:999px;height:8px;margin:12px 0 8px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000001a}.meter span{background:linear-gradient(90deg,var(--accent),var(--accent-2));display:block;height:100%;border-radius:999px;box-shadow:0 0 12px #06b6d499;animation:meterFill 1.2s ease-out;position:relative;overflow:hidden}.meter span:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:slideInRight 2s ease-in-out infinite}@keyframes fillMeter{0%{width:0}to{width:var(--width)}}.skills-list{display:grid;gap:18px;animation:slideInUp .8s ease-out .1s backwards}.skills-list>div{border-bottom:2px solid var(--line);padding:14px 0 18px;animation:slideInUp .6s ease-out backwards;transition:all .3s ease}.skills-list>div:hover{padding-left:8px;border-left:4px solid var(--accent-2)}.skills-list>div:nth-child(1){animation-delay:.1s}.skills-list>div:nth-child(2){animation-delay:.2s}.skills-list>div:nth-child(3){animation-delay:.3s}.skills-list>div:nth-child(4){animation-delay:.4s}.skills-list>div:nth-child(5){animation-delay:.5s}.skills-list>div:nth-child(6){animation-delay:.6s}.skills-list>div:nth-child(7){animation-delay:.7s}.skills-list>div:nth-child(8){animation-delay:.8s}.skills-list span,.skills-list strong{display:inline-block}.skills-list strong{float:right}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.certificate-card{color:var(--text);display:block;min-height:300px;overflow:hidden;padding:28px;position:relative;background:var(--panel);border:2px solid rgba(6,182,212,.3);border-radius:12px;box-shadow:0 20px 40px #06b6d426;animation:slideInUp .8s ease-out backwards;transition:transform .3s ease,box-shadow .3s ease}.certificate-card:before{content:"";display:none}.certificate-card:after{content:"";display:none}.certificate-card:hover{transform:translateY(-8px);box-shadow:0 30px 60px #06b6d440}.certificate-card svg{color:var(--accent);margin-bottom:24px;animation:bounce 2s ease-in-out infinite,iconGlow 3s ease-in-out infinite;font-size:56px;filter:drop-shadow(0 0 10px rgba(245,158,11,.3))}.certificate-card>span{color:var(--accent-2);display:block;font-weight:800;margin-bottom:10px;text-transform:uppercase;font-size:.85rem;letter-spacing:2px}.timeline{border-left:1px solid var(--line);display:grid;gap:18px;margin-left:14px;padding-left:24px}.timeline article{padding:24px;position:relative;animation:slideInUp .6s ease-out backwards;transition:transform .3s ease,box-shadow .3s ease}.timeline article:nth-child(1){animation-delay:.1s}.timeline article:nth-child(2){animation-delay:.2s}.timeline article:nth-child(3){animation-delay:.3s}.timeline article:nth-child(4){animation-delay:.4s}.timeline article:hover{transform:translate(8px);box-shadow:0 12px 24px #06b6d426}.timeline article:before{background:var(--accent);border-radius:50%;content:"";height:12px;left:-31px;position:absolute;top:30px;width:12px}.timeline span{color:var(--accent-2);display:block;font-weight:800;margin-bottom:10px}.contact-list{display:grid;gap:14px;margin-top:28px}.contact-list a,.contact-list span{align-items:center;color:var(--muted);display:flex;gap:12px;padding:14px 18px;background:#06b6d40d;border-radius:8px;border-left:4px solid var(--accent-2);animation:slideInLeft .6s ease-out backwards;transition:all .3s ease;cursor:pointer}.contact-list a:nth-child(1),.contact-list span:nth-child(1){animation-delay:.1s}.contact-list a:nth-child(2),.contact-list span:nth-child(2){animation-delay:.2s}.contact-list a:nth-child(3),.contact-list span:nth-child(3){animation-delay:.3s}.contact-list a:nth-child(4),.contact-list span:nth-child(4){animation-delay:.4s}.contact-list a:hover,.contact-list span:hover{background:#06b6d41f;transform:translate(8px);color:var(--text);border-left-color:var(--accent)}.contact-form,.form-grid{display:grid;gap:14px;animation:slideInUp .8s ease-out .2s backwards}.contact-form{padding:32px;background:linear-gradient(135deg,var(--panel) 0%,rgba(6,182,212,.03) 100%);border:2px solid var(--line);border-radius:12px;position:relative;overflow:hidden}.contact-form:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:slideInLeft .8s ease-in-out}input,textarea,select{background:#ffffff0f;border:1px solid var(--line);border-radius:7px;color:var(--text);min-height:44px;padding:11px 12px;width:100%;transition:border-color .3s ease,background .3s ease,box-shadow .3s ease}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-2);box-shadow:0 0 12px #06b6d433;background:#ffffff14}textarea{resize:vertical}.success-text{color:var(--accent-2);margin:0}.modal-backdrop{align-items:center;background:#0000009e;display:flex;inset:0;justify-content:center;padding:18px;position:fixed;z-index:80}.modal{background:var(--panel-strong);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);max-height:min(760px,92vh);max-width:760px;overflow:auto;padding:28px;position:relative;width:min(100%,760px)}.modal-close{position:absolute;right:14px;top:14px}.modal-meta{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.admin-auth{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px;background:var(--bg)}.admin-auth form{background:var(--panel);border:2px solid rgba(6,182,212,.25);border-radius:20px;box-shadow:0 20px 60px #06b6d426;display:grid;gap:18px;max-width:480px;padding:48px 40px;width:100%;animation:slideInUp .6s ease-out}.admin-auth form svg{color:var(--accent);margin:0 auto 12px;animation:float 3s ease-in-out infinite}.admin-auth form h1{color:var(--text);font-size:28px;margin:0 0 8px;text-align:center;font-weight:700}.admin-auth form p{color:var(--muted);font-size:.95rem;text-align:center;margin:0 0 16px;line-height:1.5}.admin-auth form input{background:var(--bg);border:1.5px solid rgba(6,182,212,.3);border-radius:12px;color:var(--text);font-size:15px;padding:14px 16px;transition:all .3s ease}.admin-auth form input:focus{border-color:var(--accent-2);box-shadow:0 0 0 3px #06b6d426;outline:none}.admin-auth form button{background:linear-gradient(135deg,var(--accent) 0%,var(--accent-2) 100%);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;padding:14px 24px;cursor:pointer;transition:all .3s ease;margin-top:8px;box-shadow:0 8px 20px #f59e0b40}.admin-auth form button:hover{transform:translateY(-2px);box-shadow:0 12px 28px #f59e0b59}.admin-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.admin-sidebar{background:linear-gradient(180deg,#0f172a,#1a2e42);border-right:2px solid rgba(6,182,212,.15);display:flex;flex-direction:column;gap:8px;padding:18px;position:sticky;top:0;height:100vh;box-shadow:2px 0 20px #0003}.admin-sidebar button{align-items:center;background:transparent;border:1.5px solid transparent;border-radius:10px;color:#cbd5e1;display:flex;gap:12px;min-height:44px;padding:0 14px;font-weight:500;font-size:14px;transition:all .3s ease;cursor:pointer}.admin-sidebar button.active{background:linear-gradient(135deg,#06b6d440,#f59e0b26);border-color:#06b6d466;color:var(--accent-2);box-shadow:0 0 20px #06b6d433}.admin-sidebar button:hover{background:#06b6d426;border-color:#06b6d44d;color:var(--accent-2)}.admin-logo{margin-bottom:18px}.admin-main{padding:32px;background:var(--bg);overflow-y:auto}.admin-topbar{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid rgba(6,182,212,.15)}.admin-topbar h1{margin:0;font-size:28px;font-weight:700;color:var(--text)}.search-box{align-items:center;background:var(--panel);border:1px solid var(--line);border-radius:7px;display:flex;gap:8px;padding:0 10px}.search-box input{background:transparent;border:0;min-height:38px;padding-left:0}.dashboard-grid{grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}.dash-card,.admin-card{background:var(--panel);border:1.5px solid rgba(6,182,212,.2);border-radius:12px;padding:24px;box-shadow:0 4px 12px #06b6d414;transition:all .3s ease}.dash-card span,.publish-grid span{color:var(--muted);display:block;text-transform:capitalize}.dash-card strong{display:block;font-size:2.4rem;margin-top:18px}.table-toolbar{justify-content:space-between;margin-bottom:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:820px;width:100%}th,td{border-bottom:1px solid var(--line);padding:13px 10px;text-align:left;vertical-align:middle}th{color:var(--muted);font-size:.78rem;text-transform:uppercase}td small{color:var(--muted);display:block;margin-top:3px}td:first-child{align-items:center;display:flex;gap:6px}.tiny-button{font-size:.82rem;min-height:34px}.rotate{transform:rotate(180deg)}.empty-state{color:var(--muted);padding:30px;text-align:center}.field{display:grid;gap:6px}.field span,.toggle span,.upload-hint{color:var(--muted);font-size:.86rem;text-transform:capitalize}.toggle,.upload-hint{align-items:center;display:flex;gap:10px}.toggle input{min-height:auto;width:auto}@media(max-width:1100px){.hero,.intro-grid,.skill-certificate,.contact-section,.shura-band{grid-template-columns:1fr}.hero-visual{min-height:0;display:flex;justify-content:center}.hero-visual img{position:relative;bottom:auto;left:auto;right:auto!important;top:auto;display:block;margin:32px auto 0;width:min(60vw,460px)!important;height:auto!important;max-height:none}.hero-visual img:hover{transform:scale(1.04)}.project-grid,.tool-grid,.workflow,.dashboard-grid,.publish-grid,.shura-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-shell{grid-template-columns:1fr}.admin-sidebar{flex-flow:row wrap;height:auto;position:static}}@media(max-width:760px){.nav{align-items:center;flex-wrap:wrap;padding:12px clamp(12px,3vw,24px);row-gap:10px}.brand{order:1}.nav-actions{order:2;margin-left:auto}.nav-links{order:3;flex-basis:100%;flex-wrap:wrap;gap:14px 18px}.site-shell{padding-top:104px}.hero{min-height:auto;padding-top:20px;padding-bottom:20px}.hero-visual{min-height:0}.hero-visual img{position:relative;bottom:auto;left:auto;right:auto!important;top:auto;transform:none;display:block;margin:24px auto 0;width:min(72vw,320px)!important;height:auto!important;max-height:none}.hero-visual img:hover{transform:none}.hero h1{font-size:clamp(2rem,6vw,3.4rem)}.stats-row,.project-grid,.tool-grid,.workflow,.dashboard-grid,.publish-grid,.shura-grid{grid-template-columns:1fr}.section{padding:40px 16px}.section h2{font-size:clamp(1.5rem,4vw,2rem)}.section-heading,.admin-topbar{align-items:stretch;flex-direction:column}.admin-actions{align-items:stretch}.admin-actions>*{width:100%}.contact-list{gap:10px}.contact-list a,.contact-list span{padding:12px 14px;font-size:.9rem}}