:root{--navy:#062f39;--teal:#0f6f73;--gold:#d6a544;--paper:#f7f7f4;--ink:#13232b;--muted:#66757d;--line:#dfe6e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Tahoma,Arial,sans-serif;background:#fff;color:var(--ink);line-height:1.7}
a{color:inherit;text-decoration:none}.container{width:min(1180px,92%);margin:auto}.site-header{background:var(--navy);color:#fff;position:sticky;top:0;z-index:20}.nav{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:72px}.logo{font-weight:700;font-size:20px;color:#fff}.logo small{display:block;font-size:9px;color:var(--gold);direction:ltr}.nav nav{display:flex;gap:22px;font-size:14px}
.hero{background:radial-gradient(circle at 20% 20%,#0a5b68 0,#062f39 48%,#031c24 100%);color:#fff;padding:58px 0}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;align-items:center}.hero h1{font-size:48px;line-height:1.2;margin:12px 0;color:#fff}.hero p{color:#d9e7e8;max-width:650px}.eyebrow,.tag{display:inline-block;background:#e8f3f2;color:var(--teal);padding:5px 10px;border-radius:999px;font-size:12px}.hero .eyebrow{background:#0c5a66;color:#ccecef}.hero-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.25);padding:30px;border-radius:18px}.hero-card span{color:var(--gold)}.hero-card h2{font-size:30px;margin:8px 0}.actions{display:flex;gap:12px;margin-top:24px}.btn{display:inline-block;border:0;background:var(--gold);color:#fff;padding:11px 20px;border-radius:8px;font-weight:700;cursor:pointer}.btn.secondary{background:transparent;border:1px solid #c9d9da}.section{padding:50px 0}.section.muted{background:var(--paper)}.section h2{margin:0 0 22px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card,.panel,.stat{border:1px solid var(--line);border-radius:14px;background:#fff;padding:20px}.card h3{font-size:20px;margin:12px 0}.card p{color:var(--muted);font-size:14px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.category{background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;text-align:center}.article{max-width:820px;padding:60px 0}.article h1{font-size:42px;line-height:1.3}.lead{font-size:20px;color:#43575f}.meta{color:#77878d}.article-body{font-size:18px;white-space:normal}footer{background:var(--navy);color:#c7d6d8;padding:22px 0}
.auth-page{min-height:100vh;background:linear-gradient(135deg,#031c24,#0c5a66);display:grid;place-items:center;padding:30px}.auth-card{width:min(460px,94%);background:#fff;padding:32px;border-radius:18px}.brand{font-size:24px;font-weight:700;color:var(--navy);margin-bottom:10px}
label{display:block;font-weight:700;margin:12px 0 5px}input,select,textarea{width:100%;border:1px solid #cfdadb;border-radius:8px;padding:11px;font:inherit;background:#fff}.alert{padding:12px;border-radius:8px;margin:10px 0}.alert.error{background:#fff0f0;color:#8b2020}.alert.success{background:#eaf8ef;color:#17633d}
.admin-body{background:#f6f8f8}.sidebar{position:fixed;right:0;top:0;width:250px;height:100vh;background:linear-gradient(#073b46,#052c35);color:#fff;padding:24px 14px;overflow:auto}.admin-logo{font-size:22px;font-weight:700;padding:0 12px 20px;border-bottom:1px solid rgba(255,255,255,.12)}.admin-logo small{display:block;color:var(--gold);font-size:9px;direction:ltr}.sidebar a{display:block;padding:11px 14px;border-radius:8px;margin:4px 0}.sidebar a:hover,.sidebar a.active{background:var(--gold)}.side-title{font-size:11px;color:#a9c7ca;margin:20px 14px 7px}.admin-main{margin-right:250px;min-height:100vh}.admin-top{background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:18px 28px}.admin-top h1{font-size:22px;margin:0}.admin-top p{margin:0;color:var(--muted);font-size:13px}.user-pill{background:#edf6f5;color:var(--teal);padding:6px 12px;border-radius:20px}.admin-content{padding:22px}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.stat span,.stat small{display:block;color:var(--muted)}.stat strong{font-size:28px;display:block;margin:7px 0}.dashboard-grid{display:grid;grid-template-columns:1fr 2fr;gap:16px;margin-top:16px}.panel.wide{min-width:0}.panel h2{font-size:17px;margin-top:0}.metric-row{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:10px 0}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:13px}th,td{text-align:right;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}.toolbar{display:flex;justify-content:flex-start;margin-bottom:12px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.check{display:flex;align-items:end}.quick-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:16px}.quick{background:#fff;border:1px solid var(--line);padding:16px;border-radius:12px;color:var(--teal);font-weight:700}
@media(max-width:900px){.hero-grid,.dashboard-grid{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.category-grid{grid-template-columns:1fr 1fr}.nav nav{display:none}.sidebar{width:80px}.sidebar a,.side-title,.admin-logo small{font-size:0}.admin-logo{font-size:0}.admin-logo:after{content:'أثر';font-size:18px}.admin-main{margin-right:80px}.stats{grid-template-columns:repeat(2,1fr)}.form-grid{grid-template-columns:1fr}}
@media(max-width:560px){.hero h1{font-size:36px}.cards{grid-template-columns:1fr}.stats{grid-template-columns:1fr}.quick-actions{grid-template-columns:1fr}.admin-content{padding:12px}.category-grid{grid-template-columns:1fr}}

.btn.danger{background:#9b2c2c}.multi-list{max-height:260px;overflow:auto;border:1px solid var(--line);border-radius:8px;padding:10px;background:#fafcfc}.multi-list label{font-weight:400;border-bottom:1px solid var(--line);padding:7px 0;margin:0}.multi-list input{width:auto;margin-left:6px}.search-box{display:grid;grid-template-columns:1fr auto;gap:10px;margin:20px 0 30px}.search-box input{font-size:16px}

.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.media-card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:10px}.media-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:8px}.media-card code{display:block;direction:ltr;text-align:left;font-size:11px;word-break:break-all;margin:8px 0}.inline-form{display:flex;gap:6px}.link-btn{background:none;border:0;color:var(--teal);cursor:pointer;font:inherit}.danger-text{color:#9b2c2c}.article-cover{width:100%;max-height:480px;object-fit:cover;border-radius:18px;margin-bottom:24px}.engagement{margin:30px 0}.secondary-dark{background:#fff;color:var(--teal);border:1px solid var(--teal)}.comments{margin-top:40px}.comment{border-bottom:1px solid var(--line);padding:15px 0}.comment p{margin:6px 0}.newsletter{background:linear-gradient(135deg,#073b46,#0d6570);color:#fff}.newsletter-inner{display:grid;grid-template-columns:1fr 1.2fr;gap:24px;align-items:center}.newsletter-form{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px}.newsletter h2{margin-bottom:5px}.newsletter p{color:#d7e7e8}.stats{grid-template-columns:repeat(6,1fr)}
@media(max-width:1000px){.media-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.media-grid{grid-template-columns:repeat(2,1fr)}.newsletter-inner{grid-template-columns:1fr}.newsletter-form{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}}

/* Build 0.6.0 visual system */
body{background:#fbfcfc}.premium-hero{padding:74px 0 64px}.hero-copy h1{font-size:56px;max-width:650px}.hero-feature{min-height:440px}.feature-cover{height:440px;border-radius:24px;background:linear-gradient(145deg,#0b5663,#062f39);background-size:cover;background-position:center;position:relative;overflow:hidden;box-shadow:0 30px 70px #00182055}.feature-content{position:absolute;right:28px;left:28px;bottom:28px}.feature-content span{color:var(--gold);font-size:13px}.feature-content h2{font-size:32px;line-height:1.35;margin:8px 0}.feature-content p{max-width:520px}.feature-content a{color:#fff;font-weight:700}.hero-stats{display:flex;gap:28px;margin-top:34px}.hero-stats div{border-right:2px solid #ffffff22;padding-right:14px}.hero-stats strong{display:block;font-size:26px;color:#fff}.hero-stats span{font-size:12px;color:#bcd2d5}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2{margin:2px 0}.section-head>a{color:var(--teal);font-weight:700}.section-kicker{font-size:12px;color:var(--gold);font-weight:700}.editorial-cards{grid-template-columns:repeat(3,1fr)}.knowledge-card{padding:0;overflow:hidden}.knowledge-card img{width:100%;aspect-ratio:16/9;object-fit:cover}.card-body{padding:18px}.card-meta{display:flex;justify-content:space-between;color:#819096;font-size:11px;margin-top:18px}.category-pro{display:flex;flex-direction:column;align-items:center;gap:8px;padding:24px 14px;transition:.2s}.category-pro:hover{transform:translateY(-3px);border-color:#a8c8ca}.category-icon{width:42px;height:42px;border-radius:12px;background:#eaf4f4;display:grid;place-items:center;color:var(--teal)}.category-pro small{color:#8b999e}.file-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.file-card{min-height:230px;border-radius:18px;padding:22px;background:linear-gradient(155deg,#ffffff,#f1f6f6);border:1px solid var(--line);display:flex;flex-direction:column}.file-top span{display:block;color:var(--gold);font-size:12px}.file-top strong{display:block;font-size:22px;line-height:1.4;margin-top:8px}.file-card p{color:var(--muted);font-size:14px}.file-card small{margin-top:auto;color:var(--teal)}.deep-section{background:#052f39;color:#fff}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:52px}.section-head.light h2{color:#fff}.resource-list a,.top-list a{display:flex;gap:15px;padding:14px 0;border-bottom:1px solid #ffffff17}.resource-list a{flex-direction:column;gap:3px}.resource-list span,.top-list small{color:#9ab9bd;font-size:11px}.top-list b{font-size:24px;color:var(--gold);width:40px}.top-list div{display:flex;flex-direction:column}.expert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.expert-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px;text-align:center}.expert-card img,.expert-placeholder{width:90px;height:90px;border-radius:50%;object-fit:cover;margin:0 auto 12px}.expert-placeholder{display:grid;place-items:center;background:#e9f3f3;color:var(--teal);font-size:32px;font-weight:700}.expert-card strong,.expert-card span{display:block}.expert-card span{color:var(--muted);font-size:13px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding:42px 0 28px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid p{color:#adc1c4;max-width:430px}.footer-grid strong{color:#fff}.copyright{border-top:1px solid #ffffff17;padding:16px 0;color:#91aaad}.page-hero{background:linear-gradient(135deg,#052f39,#0b6570);color:#fff;padding:58px 0}.page-hero span{color:var(--gold)}.page-hero h1{font-size:40px;max-width:800px;margin:5px 0}.page-hero p{max-width:700px;color:#d5e3e5}.pagination{display:flex;gap:6px;justify-content:center;margin-top:30px}.pagination a{width:38px;height:38px;border:1px solid var(--line);display:grid;place-items:center;border-radius:8px}.pagination a.current{background:var(--teal);color:#fff}.resource-library{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.resource-library a{border:1px solid var(--line);border-radius:12px;padding:18px;background:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.resource-library span{color:var(--gold);font-size:11px}.resource-library small{color:#88969b}.expert-profile{display:grid;grid-template-columns:220px 1fr;gap:36px;align-items:start;max-width:900px}.expert-profile img,.expert-placeholder.large{width:220px;height:220px;border-radius:22px;object-fit:cover}.expert-placeholder.large{font-size:70px}.expert-profile h1{font-size:38px;margin:5px 0}.expert-profile h3{color:var(--teal)}.expert-links{display:flex;gap:10px}.expert-links a{border:1px solid var(--line);padding:7px 12px;border-radius:8px}.narrow{max-width:820px}.top-message{margin-top:15px}.mobile-menu{display:none}

/* Admin polish */
.admin-body{background:#f2f5f5}.sidebar{width:270px;padding:24px 16px;background:linear-gradient(180deg,#052f39,#041f27)}.admin-main{margin-right:270px}.sidebar a{color:#d9e7e8;font-size:13px}.sidebar a:hover{background:#ffffff0c}.sidebar-bottom{border-top:1px solid #ffffff17;margin-top:25px;padding-top:12px}.admin-top{padding:18px 26px;box-shadow:0 1px 0 #e3e9e9}.admin-actions{display:flex;gap:12px;align-items:center}.admin-actions>a{background:#edf5f5;color:var(--teal);padding:7px 12px;border-radius:8px;font-size:12px}.dashboard-welcome{background:linear-gradient(135deg,#073b46,#0c6570);color:#fff;border-radius:18px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.dashboard-welcome span{color:var(--gold);font-size:12px}.dashboard-welcome h2{margin:3px 0}.dashboard-welcome p{margin:0;color:#c5dadd}.dashboard-grid.three{grid-template-columns:repeat(3,1fr)}.dashboard-table{margin-top:16px}.admin-alert{background:#f6f9f9;border:1px solid var(--line);border-radius:10px;padding:14px;margin-bottom:10px;display:flex;align-items:center;gap:12px}.admin-alert strong{font-size:24px;color:var(--gold)}.status-pill{background:#eef5f5;color:var(--teal);padding:3px 8px;border-radius:20px}.quick-actions{grid-template-columns:repeat(4,1fr)}.stat{box-shadow:0 4px 18px #0a343b0a}.stat strong{color:#123943}
@media(max-width:1050px){.file-grid,.expert-grid{grid-template-columns:repeat(2,1fr)}.split-section{grid-template-columns:1fr}.editorial-cards{grid-template-columns:repeat(2,1fr)}.dashboard-grid.three{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.hero-copy h1{font-size:46px}}
@media(max-width:760px){.mobile-menu{display:block;background:none;border:0;color:#fff;font-size:24px}.site-header .nav nav{display:none;position:absolute;top:72px;right:0;left:0;background:#052f39;padding:18px;flex-direction:column}.menu-open .site-header .nav nav{display:flex}.hero-grid{grid-template-columns:1fr}.hero-feature{min-height:350px}.feature-cover{height:350px}.hero-stats{flex-wrap:wrap}.editorial-cards,.file-grid,.expert-grid,.resource-library,.footer-grid{grid-template-columns:1fr}.resource-library a{grid-template-columns:1fr}.expert-profile{grid-template-columns:1fr}.newsletter-form{grid-template-columns:1fr}.page-hero h1{font-size:32px}.sidebar{width:76px}.admin-main{margin-right:76px}.sidebar a,.side-title,.sidebar-bottom a{font-size:0}.sidebar a:before{content:'•';font-size:18px}.quick-actions{grid-template-columns:1fr 1fr}}


/* Build 0.6.2 — content editor UX */
.editor-help{display:flex;justify-content:space-between;align-items:center;gap:18px;background:#edf6f5;border:1px solid #cfe3e2;border-radius:14px;padding:14px 18px;margin-bottom:15px}
.editor-help strong,.editor-help span{display:block}.editor-help span{font-size:12px;color:#61777d;margin-top:3px}.editor-help a{color:var(--teal);font-weight:700;white-space:nowrap}
.content-editor{padding-bottom:90px}.required{color:#b42318}.form label small{font-weight:400;color:#7a8b90}
.upload-box{border:1px dashed #9ab7ba;border-radius:10px;padding:12px 14px;cursor:pointer;background:#f8fbfb;min-height:52px}
.upload-box input{position:absolute;opacity:0;pointer-events:none}.upload-box strong,.upload-box span{display:block}.upload-box strong{color:var(--teal)}.upload-box span{font-size:11px;color:#77898e}
.cover-preview-wrap{display:grid;grid-template-columns:260px 1fr;gap:18px;align-items:center;background:#f8faf9;border:1px solid var(--line);border-radius:12px;padding:12px;margin:16px 0}
.cover-preview{width:260px;aspect-ratio:1200/630;object-fit:cover;border-radius:9px;border:1px solid #dae4e4}.cover-preview-wrap strong,.cover-preview-wrap span{display:block}.cover-preview-wrap span{font-size:12px;color:#718389}
.seo-box{border:1px solid var(--line);border-radius:10px;padding:12px 15px;margin:15px 0;background:#fbfcfc}.seo-box summary{cursor:pointer;font-weight:700}.seo-box summary small{font-weight:400;color:#7c8c91}
.save-bar{position:sticky;bottom:0;z-index:30;background:#fff;border-top:1px solid var(--line);box-shadow:0 -8px 28px #062f3912;margin:25px -20px -20px;padding:13px 20px;display:flex;justify-content:space-between;align-items:center;gap:15px}.save-bar strong,.save-bar span{display:block}.save-bar span{font-size:11px;color:#75878c}.secondary-admin{background:#eef4f4;color:#28545b}
#saveBtn:disabled{opacity:.7;cursor:wait}
@media(max-width:700px){.editor-help,.save-bar{align-items:stretch;flex-direction:column}.cover-preview-wrap{grid-template-columns:1fr}.cover-preview{width:100%}.save-bar .actions{display:grid;grid-template-columns:1fr 1fr;width:100%}}


/* Build 0.6.3 — approval workflow */
.approval-guide{display:flex;align-items:center;gap:12px;flex-wrap:wrap;background:#fff8e8;border:1px solid #ead19a;border-radius:12px;padding:12px 16px;margin-bottom:14px}
.approval-guide strong{color:#8a6517}.approval-guide span{font-weight:700}.approval-guide small{color:#76694d}
.workflow-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}
.workflow-strip>div{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.workflow-strip span,.workflow-strip strong{display:block}.workflow-strip span{color:#687b81;font-size:12px}.workflow-strip strong{font-size:25px;margin-top:3px}
.workflow-strip .review{border-right:4px solid #d6a544}.workflow-strip .approved{border-right:4px solid #0f8a74}.workflow-strip .published{border-right:4px solid #17633d}
.workflow-actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.mini-btn{border:0;border-radius:7px;padding:6px 9px;font:inherit;font-size:11px;background:#eef4f4;color:#28545b;cursor:pointer;white-space:nowrap}.mini-btn.approve{background:#e7f7f2;color:#12644f}.mini-btn.publish{background:#17633d;color:#fff}.mini-btn.view{background:#eef3ff;color:#2f568f}.row-author{display:block;color:#8a989d;font-weight:400;margin-top:2px}
.status-draft{background:#f1f3f4;color:#5b666b}.status-review{background:#fff4d8;color:#8d6716}.status-approved{background:#e4f7f1;color:#12644f}.status-published{background:#e9f6ed;color:#17633d}.status-archived{background:#f0f0f0;color:#777}
.approval-link{text-decoration:none;color:inherit}
@media(max-width:800px){.workflow-strip{grid-template-columns:1fr 1fr}.content-table th:nth-child(2),.content-table td:nth-child(2){display:none}}


/* Build 0.6.4 — article social sharing */
.share-panel{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:18px;
  background:#f7faf9;
  border:1px solid var(--line);
  border-radius:14px;
  padding:14px 16px;
  margin:22px 0 30px;
}
.share-panel-bottom{margin-top:36px}
.share-title strong,.share-title span{display:block}
.share-title strong{font-size:14px;color:#173d44}
.share-title span{font-size:11px;color:#77898e;margin-top:1px}
.share-buttons{display:flex;gap:7px;flex-wrap:wrap;align-items:center}
.share-btn{
  min-height:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:7px 10px;
  border:1px solid #dbe5e5;
  border-radius:9px;
  background:#fff;
  color:#294a50;
  font:inherit;
  font-size:11px;
  cursor:pointer;
  transition:.18s ease;
}
.share-btn:hover{transform:translateY(-1px);box-shadow:0 5px 15px #062f3912}
.share-icon{
  min-width:22px;
  height:22px;
  display:grid;
  place-items:center;
  border-radius:6px;
  font-weight:700;
  font-size:13px;
}
.share-btn.whatsapp .share-icon{background:#e7f8ed;color:#177a45}
.share-btn.linkedin .share-icon{background:#e8f1fb;color:#0a66c2}
.share-btn.facebook .share-icon{background:#e8eefc;color:#1877f2}
.share-btn.x .share-icon{background:#edf0f1;color:#111}
.share-btn.telegram .share-icon{background:#e6f4fb;color:#229ed9}
.share-btn.copy .share-icon{background:#f1f3f3;color:#496066}
.share-btn.native-share .share-icon{background:#fff3d8;color:#9a6b0e}
.share-buttons.compact .share-btn{padding:6px 9px}
.article-heading{margin-bottom:8px}

@media(max-width:820px){
  .share-panel{align-items:stretch;flex-direction:column}
  .share-buttons{display:grid;grid-template-columns:repeat(3,1fr)}
  .share-btn{width:100%}
}
@media(max-width:520px){
  .share-buttons{grid-template-columns:repeat(2,1fr)}
}

.nav-join{background:var(--gold);color:#fff!important;padding:7px 12px;border-radius:8px}.join-layout{display:grid;grid-template-columns:.8fr 1.5fr;gap:34px;align-items:start}.join-info{position:sticky;top:100px}.join-step{display:flex;gap:13px;padding:15px 0;border-bottom:1px solid var(--line)}.join-step b{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;background:#eaf4f4;color:var(--teal)}.join-step strong,.join-step span{display:block}.join-step span{font-size:12px;color:#708187}.join-form{padding:26px}.join-type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.join-type-grid label{margin:0}.join-type-grid input{position:absolute;opacity:0}.join-type-grid span{display:block;border:1px solid var(--line);border-radius:10px;padding:13px}.join-type-grid strong,.join-type-grid small{display:block}.join-type-grid input:checked+span{border-color:var(--teal);background:#ecf6f5}.agreement{display:flex!important;gap:8px;background:#f7f9f9;padding:12px;border-radius:9px}.agreement input{width:auto;margin-top:5px}.join-submit{width:100%}.join-success{background:#eaf8ef;border:1px solid #bfe4cc;border-radius:16px;padding:26px}.join-cta{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#f4f8f8,#fff8e8);border:1px solid var(--line);border-radius:20px;padding:30px}.application-list{display:grid;gap:14px}.application-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px}.application-head{display:flex;justify-content:space-between;align-items:center}.application-person{display:flex;align-items:center;gap:12px}.application-person img,.avatar-placeholder{width:56px;height:56px;border-radius:12px;object-fit:cover}.avatar-placeholder{display:grid;place-items:center;background:#eaf4f4;color:var(--teal);font-size:22px;font-weight:700}.application-person h3{margin:0}.application-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:16px 0}.application-grid div{background:#f8fafa;border-radius:9px;padding:9px}.application-grid small,.application-grid strong{display:block}.application-details{border-top:1px solid var(--line);padding-top:10px}.application-details summary{cursor:pointer;color:var(--teal);font-weight:700}.application-links{display:flex;gap:8px;flex-wrap:wrap}.application-links a{border:1px solid var(--line);border-radius:8px;padding:6px 10px}.application-review{border-top:1px solid var(--line);margin-top:12px;padding-top:12px}.approve-btn{background:#17633d}.contributor-stats{grid-template-columns:repeat(4,1fr)}@media(max-width:900px){.join-layout{grid-template-columns:1fr}.join-info{position:static}.application-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.join-type-grid,.application-grid{grid-template-columns:1fr}.join-cta{flex-direction:column;align-items:flex-start}.contributor-stats{grid-template-columns:1fr 1fr}}

.profile-layout{display:grid;grid-template-columns:1.6fr .7fr;gap:18px;align-items:start}.profile-preview{text-align:center;position:sticky;top:95px}.profile-preview img,.large-avatar{width:130px;height:130px;border-radius:22px;object-fit:cover;margin:0 auto 12px}.profile-preview h2{margin:5px 0}.profile-preview p{color:var(--teal);font-weight:700}.profile-preview span{display:block;color:#74868c;margin-bottom:15px}
.notification-list{display:grid;gap:10px}.notification-item{display:flex;justify-content:space-between;gap:15px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}.notification-item.unread{border-right:4px solid var(--gold);background:#fffdf7}.notification-item p{margin:3px 0;color:#65777c}.notification-item small{color:#8b989d}.notification-item>span{background:#fff1cb;color:#8b6515;border-radius:20px;padding:3px 8px;height:max-content;font-size:10px}
.notification-link b,.contributor-tools b{display:inline-grid;place-items:center;min-width:20px;height:20px;border-radius:20px;background:var(--gold);color:#fff;font-size:10px;padding:0 5px}.contributor-tools{display:flex;gap:8px;margin-bottom:12px}.contributor-tools a{background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:9px;color:var(--teal)}
.contributor-public-hero{background:linear-gradient(135deg,#f3f8f8,#fff);padding:55px 0;border-bottom:1px solid var(--line)}.contributor-public-grid{display:grid;grid-template-columns:210px 1fr;gap:35px;align-items:start}.contributor-public-grid img,.public-avatar{width:210px;height:210px;border-radius:24px;object-fit:cover}.contributor-public-grid h1{font-size:40px;margin:4px 0}.contributor-public-grid h3{color:var(--teal);margin:0 0 10px}.contributor-public-grid p{max-width:780px;color:#50666c}
.author-card{display:grid;grid-template-columns:90px 1fr;gap:16px;background:#f7faf9;border:1px solid var(--line);border-radius:16px;padding:18px;margin:36px 0}.author-card img,.author-avatar{width:90px;height:90px;border-radius:16px;object-fit:cover}.author-card span{color:var(--gold);font-size:11px}.author-card h3{margin:2px 0}.author-card p{margin:5px 0;color:#65767b}.author-card a{color:var(--teal);font-weight:700}.article-navigation{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.article-navigation a{border:1px solid var(--line);border-radius:12px;padding:14px;background:#fff}.article-navigation small,.article-navigation strong{display:block}.article-navigation small{color:#829096}.related-section{margin:40px 0}
@media(max-width:800px){.profile-layout,.contributor-public-grid{grid-template-columns:1fr}.profile-preview{position:static}.contributor-public-grid img,.public-avatar{width:150px;height:150px}.article-navigation{grid-template-columns:1fr}}