@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@400;500;600;700&display=swap";
:root{--ink:#17231f;--muted:#75817b;--line:#e7ebe7;--paper:#fff;--bg:#f7f8f6;--green:#176b53;--green2:#eaf4ef;--orange:#e47e43;--sand:#f6efe8;--shadow:0 10px 35px #162c2010;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);margin:0;font-family:IBM Plex Sans Arabic,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.7}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{max-width:1240px;margin:auto;padding:0 28px}.topbar{border-bottom:1px solid var(--line);z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffec;height:76px;position:sticky;top:0}.top-inner{align-items:center;gap:36px;height:100%;display:flex}.brand{white-space:nowrap;align-items:center;gap:10px;font-size:22px;font-weight:700;display:flex}.brand>span:last-child>span{color:var(--green)}.mark{background:var(--green);color:#fff;border-radius:12px;place-items:center;width:36px;height:36px;font-size:18px;display:grid}.mainnav{flex:1;align-items:center;gap:28px;display:flex}.mainnav a{color:#55625b;font-size:14px}.mainnav a.active{color:var(--green);font-weight:700}.top-actions{align-items:center;gap:12px;display:flex}.btn{border:0;border-radius:11px;justify-content:center;align-items:center;padding:10px 17px;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;background:var(--green);box-shadow:0 5px 12px #176b5329}.btn-quiet{color:var(--green);background:0 0}.avatar{color:#9a5432;background:#f4dfcf;border-radius:50%;place-items:center;width:34px;height:34px;font-weight:700;display:grid}.hero{grid-template-columns:1.35fr .65fr;gap:22px;padding:42px 0 28px;display:grid}.hero-main{color:#fff;background:linear-gradient(115deg,#123f35,#176b53 72%,#358267);border-radius:24px;min-height:252px;padding:32px 38px;position:relative;overflow:hidden}.hero-main:after{content:"ع";color:#ffffff0d;font-size:360px;font-weight:700;line-height:1;position:absolute;bottom:-120px;left:10px}.eyebrow{letter-spacing:.04em;color:var(--green);font-size:12px;font-weight:600}.hero-main .eyebrow{color:#d0e6db;opacity:.85}.hero h1{max-width:640px;margin:10px 0 8px;font-size:36px;line-height:1.35}.hero p{color:#d6e8df;max-width:540px;margin:0;font-size:16px}.hero-actions{z-index:1;align-items:center;gap:14px;margin-top:22px;display:flex;position:relative}.btn-light{color:var(--green);background:#fff}.text-link{color:#fff;font-size:14px}.hero-note{box-shadow:var(--shadow);background:#fff;border:1px solid #e6ece7;border-radius:24px;flex-direction:column;justify-content:space-between;padding:24px;display:flex}.note-icon{background:var(--sand);border-radius:13px;place-items:center;width:40px;height:40px;font-size:20px;display:grid}.hero-note h3{margin:14px 0 4px;font-size:18px}.hero-note p{color:var(--muted);margin:0;font-size:13px}.note-bottom{color:var(--muted);justify-content:space-between;align-items:center;margin-top:18px;font-size:12px;display:flex}.note-bottom strong{color:var(--green);font-size:13px}.layout{grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:4px 0 60px;display:grid}.feed-main{min-width:0}.feed-head{justify-content:space-between;align-items:center;margin:0 0 16px;display:flex}.feed-head h2{margin:0;font-size:22px}.sort-tabs{gap:8px;display:flex}.sort-tabs button,.chips button{border:1px solid var(--line);color:#6d7872;background:#fff;border-radius:999px;padding:7px 13px;font-size:12px}.sort-tabs button.selected,.chips button.selected{background:var(--green2);color:var(--green);border-color:#d5e7dc;font-weight:700}.feed-tools{align-items:center;gap:12px;margin-bottom:15px;display:flex}.chips{scrollbar-width:none;flex:1;gap:8px;display:flex;overflow:auto}.chips button{white-space:nowrap}.feed-search{border:1px solid var(--line);background:#fff;border-radius:999px;outline:none;flex:none;width:180px;padding:8px 13px;font-size:12px}.feed-search:focus{border-color:#9cbeac;box-shadow:0 0 0 3px #176b5314}.article-list{flex-direction:column;gap:13px;display:flex}.article{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:21px 23px;transition:all .2s;box-shadow:0 2px 8px #17231f04}.article:hover{box-shadow:var(--shadow);transform:translateY(-2px)}.article-top{color:var(--muted);align-items:center;gap:9px;font-size:12px;display:flex}.space-dot{color:#476c9c;background:#e8eef7;border-radius:9px;place-items:center;width:25px;height:25px;font-size:13px;display:grid}.article-title h3{margin:11px 0 6px;font-size:20px;line-height:1.45}.article-title:hover{color:var(--green)}.excerpt{color:#65716a;max-width:790px;margin:0;font-size:14px}.article-tags{gap:8px;margin-top:12px;display:flex}.tag{color:#68766e;background:#f4f6f4;border-radius:999px;padding:3px 9px;font-size:11px}.article-foot{border-top:1px solid #f0f2f0;justify-content:space-between;align-items:center;margin-top:17px;padding-top:13px;display:flex}.author{color:#49564f;align-items:center;gap:8px;font-size:12px;display:flex}.author .avatar{width:27px;height:27px;font-size:11px}.metrics{color:#89948e;gap:15px;font-size:12px;display:flex}.metrics a{color:inherit}.metrics a:hover{color:var(--green)}.ad-slot{color:#78857d;background:#f1f3f0;border:1px dashed #cbd4cd;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-height:115px;margin:20px 0 7px;padding:13px 16px;display:flex}.ad-slot .ad-label{letter-spacing:.08em;color:#68756c;font-size:10px}.ad-slot .ad-note{text-align:center;margin-top:5px;font-size:12px}.ad-slot.sidebar-ad{min-height:260px;margin:0 0 20px}.ad-slot.article-ad{min-height:180px;margin:26px 0}.adsbygoogle{width:100%;min-width:250px}.sidebar{flex-direction:column;gap:18px;display:flex}.side-card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;padding:19px}.side-title{margin:0 0 14px;font-size:16px}.space-row{border-bottom:1px solid #f0f2f0;align-items:center;gap:10px;padding:9px 0;display:flex}.space-row:last-child{border-bottom:0;padding-bottom:0}.space-icon{width:35px;height:35px;color:var(--green);background:#e9f2ed;border-radius:11px;place-items:center;display:grid}.space-info{flex:1}.space-info strong{font-size:13px;display:block}.space-info small{color:#919b95;font-size:11px}.follow{color:var(--green);background:#fff;border:1px solid #dbe6df;border-radius:9px;padding:5px 9px;font-size:11px}.follow.on{background:var(--green);color:#fff;border-color:var(--green)}.author-row{align-items:center;gap:10px;margin:13px 0;display:flex}.author-row .avatar{width:38px;height:38px}.author-row strong{font-size:13px;display:block}.author-row small{color:var(--muted);font-size:11px}.footer{border-top:1px solid var(--line);color:#8a958e;padding:22px 0;font-size:12px}.footer-inner{justify-content:space-between;gap:20px;display:flex}.footer-inner span:last-child{gap:15px;display:flex}.article-page{max-width:900px;padding-top:28px;padding-bottom:70px}.back-link{color:var(--green);margin-bottom:20px;font-size:13px;display:inline-block}.article-detail{border:1px solid var(--line);background:#fff;border-radius:24px;padding:35px 45px}.article-detail h1{margin:20px 0 10px;font-size:34px;line-height:1.5}.detail-excerpt{color:#647169;margin:0 0 22px;font-size:17px}.detail-author{border-bottom:1px solid var(--line);padding-bottom:22px}.detail-author .avatar{width:34px;height:34px}.article-body{color:#46534b;padding-top:10px;font-size:16px;line-height:2.05}.article-body p{margin:20px 0}.discussion{border-top:1px solid var(--line);margin-top:35px;padding-top:22px}.discussion h2{margin:0;font-size:20px}.discussion p{color:var(--muted);font-size:14px}.form-page{max-width:820px;padding-top:54px;padding-bottom:70px}.form-card{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:22px;padding:30px 34px}.form-card h1{margin:8px 0;font-size:30px}.form-intro{color:var(--muted);margin:0 0 24px;font-size:14px}.form-card form{flex-direction:column;gap:17px;display:flex}.form-card label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.form-card input,.form-card select,.form-card textarea{border:1px solid var(--line);background:#fff;border-radius:11px;outline:none;padding:11px 13px}.form-card textarea{resize:vertical;min-height:280px}.form-card input:focus,.form-card textarea:focus,.form-card select:focus{border-color:#9cbeac;box-shadow:0 0 0 3px #176b5314}.success-note{color:var(--green);margin:0;font-size:13px}.compact-card{max-width:530px;margin:0 auto}.notice-box{color:#56645b;background:#f1f5f1;border-radius:12px;margin:0 0 18px;padding:15px;font-size:13px}.empty{text-align:center;color:var(--muted);border-radius:var(--radius);border:1px solid var(--line);background:#fff;padding:40px}.empty b{color:var(--ink);font-size:17px;display:block}@media (max-width:950px){.shell{padding:0 18px}.top-inner{gap:18px}.mainnav{gap:16px}.layout{grid-template-columns:minmax(0,1fr) 265px;gap:16px}.hero h1{font-size:31px}}@media (max-width:740px){.topbar{height:64px}.shell{padding:0 14px}.top-inner{gap:12px}.mainnav{gap:10px;overflow:auto}.mainnav a{white-space:nowrap;font-size:12px}.brand{font-size:19px}.mark{width:32px;height:32px}.top-actions{gap:5px;margin-right:auto}.top-actions .btn{padding:8px 10px;font-size:11px}.top-actions .avatar{display:none}.hero{grid-template-columns:1fr;gap:12px;padding:20px 0}.hero-main{min-height:235px;padding:25px 23px}.hero h1{font-size:28px}.hero p{font-size:14px}.hero-note{min-height:150px;padding:18px}.hero-note h3{margin-top:8px}.layout{display:block}.sidebar{margin-top:18px;display:flex}.feed-head h2{font-size:19px}.feed-head{flex-wrap:wrap;align-items:flex-start;gap:8px}.feed-tools{display:block}.chips{padding-bottom:11px}.feed-search{width:100%}.article{padding:17px}.article-title h3{font-size:18px}.excerpt{font-size:13px}.article-foot{align-items:flex-start;gap:10px}.metrics{gap:10px}.ad-slot{min-height:100px}.footer-inner{display:block}.footer-inner span{flex-wrap:wrap;margin:5px 0;display:flex}.article-detail{padding:23px 18px}.article-detail h1{font-size:25px}.detail-excerpt,.article-body{font-size:15px}.form-page{padding-top:25px}.form-card{padding:23px 18px}.form-card h1{font-size:25px}.form-card textarea{min-height:230px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}.text-green{color:var(--green);font-weight:700}.field-note{color:var(--muted);font-size:11px;font-weight:400}.error-note{color:#a83f35;background:#fff1ef;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.success-note{color:var(--green);background:#edf5f0;border-radius:10px;margin:0;padding:10px 12px;font-size:12px}.form-actions{flex-wrap:wrap;gap:10px;display:flex}.btn-secondary{color:var(--green);background:#edf5f0;border:1px solid #d5e7dc}.form-card button:disabled{opacity:.65;cursor:wait}.web-comment{border:1px solid var(--line);background:#fbfcfb;border-radius:12px;margin:12px 0;padding:13px}.web-comment strong{color:var(--green);font-size:12px}.web-comment p{color:#46534b;white-space:pre-wrap;margin:5px 0 0;font-size:13px}.discussion form{flex-direction:column;gap:12px;margin-top:16px;display:flex}.discussion form label{flex-direction:column;gap:7px;font-size:13px;font-weight:600;display:flex}.discussion form textarea{border:1px solid var(--line);resize:vertical;border-radius:11px;min-height:110px;padding:11px}.membership-message{color:#a83f35;text-align:right;direction:rtl;margin:12px 0 0;font-size:11px}.btn-danger{color:#9c3d32;background:#fff1ef;border:1px solid #f0d2cd}.moderation-section{margin-top:30px}.moderation-section h2{border-bottom:1px solid var(--line);padding-bottom:10px;font-size:19px}.moderation-section h2 span{color:var(--green);background:var(--green2);border-radius:999px;margin-right:6px;padding:3px 9px;font-size:13px}.moderation-card{border:1px solid var(--line);background:#fbfcfb;border-radius:15px;margin:13px 0;padding:18px}.moderation-card h3{margin:6px 0;font-size:18px}.moderation-meta{color:var(--green);font-size:11px}.moderation-body{border-top:1px solid var(--line);color:#46534b;max-height:300px;margin-top:12px;padding-top:8px;font-size:13px;line-height:1.9;overflow:auto}.moderation-comment{white-space:pre-wrap;color:#46534b;line-height:1.9}.comment-reply{color:var(--green);background:0 0;border:0;padding:4px 0;font-size:11px;font-weight:700;display:inline-block}.web-comment-children{margin-top:8px}.reply-context{background:var(--green2);color:var(--green);border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:9px 12px;font-size:12px;display:flex}.reply-context button{color:var(--muted);background:0 0;border:0;font-size:11px}.reaction-wrap{flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px;display:flex}.reaction-button{color:var(--green);background:#fff;border:1px solid #d5e7dc;border-radius:999px;padding:8px 14px;font-size:13px;font-weight:700}.reaction-button.is-liked{background:var(--green2)}.reaction-button:disabled{opacity:.65;cursor:wait}.reaction-message{color:var(--muted);font-size:11px}.reaction-message a{color:var(--green);font-weight:700}.ai-summary{margin:18px 0}.ai-result{background:#f6faf7;border:1px solid #d5e7dc;border-radius:13px;margin-top:12px;padding:14px 16px}.ai-result strong{color:var(--green);font-size:13px}.ai-result p{white-space:pre-wrap;color:#46534b;margin:7px 0 0;font-size:13px;line-height:1.9}.copilot-box{border:1px solid var(--line);background:#fbfcfb;border-radius:14px;flex-direction:column;gap:9px;padding:14px;display:flex}.copilot-box>strong{color:var(--green);font-size:14px}.copilot-box>span,.copilot-box small{color:var(--muted);font-size:11px}.ai-result-text{white-space:pre-wrap;color:#46534b;background:var(--green2);border-radius:10px;padding:10px 12px}.ai-review{color:#365245;background:#f3f9f5;border:1px solid #d8e7dd;border-radius:11px;flex-direction:column;gap:5px;margin:10px 0;padding:10px 12px;font-size:12px;display:flex}.ai-review>strong{font-size:12px}.ai-review>span,.ai-review p,.ai-review small{color:#66736b;margin:0;line-height:1.65}.ai-review-high{color:#963f35;background:#fff5f3;border-color:#efc8c2}.ai-review-warn{color:#84630c;background:#fffbef;border-color:#ecd8a8}.ai-review-muted{color:#758078;background:#f6f7f6;display:block}.author-message{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.conversation-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:13px 4px;display:flex}.conversation-avatar{background:var(--green2);width:42px;height:42px;color:var(--green);border-radius:50%;place-items:center;font-weight:700;display:grid}.conversation-copy{flex:1;min-width:0}.conversation-copy strong,.conversation-copy small{display:block}.conversation-copy strong{font-size:13px}.conversation-copy small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.unread-badge{background:var(--green);color:#fff;border-radius:999px;padding:2px 8px;font-size:10px}.conversation-card form{margin-top:18px}.message-list{min-height:240px;max-height:55vh;padding:8px 2px;overflow:auto}.direct-message{background:#f1f4f1;border-radius:14px 14px 14px 4px;max-width:85%;margin:10px 0;padding:11px 13px}.direct-message.mine{background:var(--green2);border-radius:14px 14px 4px;margin-right:auto}.direct-message strong{color:var(--green);font-size:11px}.direct-message p{white-space:pre-wrap;color:#37443c;margin:4px 0;font-size:13px}.direct-message time{color:var(--muted);font-size:10px}.payout-details{color:#46534b;background:#f6f8f6;border-radius:11px;margin:10px 0;padding:10px 14px;font-size:12px}.payout-details p{margin:3px 0}.wallet-balance{flex-wrap:wrap;gap:14px;display:flex}.wallet-account{background:var(--green2);border-radius:13px;flex:1;min-width:180px;padding:15px}.wallet-account strong{color:var(--green);font-size:20px;display:block}.wallet-account small{color:var(--muted);font-size:11px}.wallet-panel{border-top:1px solid var(--line);margin-top:22px;padding-top:18px}.wallet-panel h2{margin:0 0 12px;font-size:18px}.wallet-row{border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.wallet-row strong{display:block}.wallet-row small{color:var(--muted)}.payment-method{border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;margin:9px 0;padding:12px;display:flex}.payment-method input{margin-top:5px}.payment-method span{font-size:12px}.payment-method small{color:var(--muted);margin-top:3px;display:block}
