@font-face{font-family:IranYekan;src:url('../fonts/iranyekanwebregular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:IranYekan;src:url('../fonts/iranyekanwebbold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
:root{--background:#fff;--foreground:#101828;--card:#fff;--muted:#f6f7f9;--muted-foreground:#667085;--border:#e4e7ec;--input:#d0d5dd;--primary:#171717;--primary-foreground:#fff;--accent:#f2c811;--accent-soft:#fff9d9;--danger:#d92d20;--danger-soft:#fef3f2;--success:#067647;--success-soft:#ecfdf3;--ring:#98a2b3;--radius:12px;--shadow-sm:0 1px 2px rgba(16,24,40,.04);--shadow:0 8px 30px rgba(16,24,40,.08)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--foreground);font-family:IranYekan,Tahoma,sans-serif;font-size:14px;line-height:1.75;-webkit-font-smoothing:antialiased}
body.sidebar-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
img{max-width:100%;display:block}
.icon{display:inline-block;vertical-align:middle;flex:0 0 auto}
.container{width:min(1240px,calc(100% - 40px));margin-inline:auto}
.site-header{height:78px;border-bottom:1px solid var(--border);background:rgba(255,255,255,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:30}
.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand>span:last-child{display:grid;line-height:1.4}.brand strong{font-size:15px}.brand small{color:var(--muted-foreground);font-size:11px;margin-top:2px}
.brand-mark{width:38px;height:38px;background:#171717;border-radius:10px;display:flex;align-items:flex-end;justify-content:center;gap:3px;padding:8px;box-shadow:var(--shadow-sm)}
.brand-mark i{display:block;width:5px;background:var(--accent);border-radius:2px 2px 0 0}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:22px}
.header-actions{display:flex;align-items:center;gap:8px}.mobile-menu-button{display:none}
.button,.icon-button{border:1px solid transparent;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;transition:.18s ease;white-space:nowrap}
.button{min-height:40px;padding:8px 15px}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.55;cursor:not-allowed;transform:none}
.button-primary{background:var(--primary);color:var(--primary-foreground);border-color:var(--primary)}.button-primary:hover{background:#333}
.button-accent{background:var(--accent);color:#171717;border-color:#dfb900}.button-accent:hover{background:#e5bc00}
.button-outline{background:white;color:var(--foreground);border-color:var(--border)}.button-outline:hover,.button-ghost:hover{background:var(--muted)}
.button-ghost{background:transparent;color:var(--foreground);border-color:transparent}.button-danger{background:var(--danger);color:white;border-color:var(--danger)}
.button-sm{min-height:34px;padding:5px 10px;font-size:12px}.button-block{width:100%}
.icon-button{width:40px;height:40px;background:white;border-color:var(--border);padding:0}.icon-button:hover{background:var(--muted)}
.site-footer{margin-top:70px;border-top:1px solid var(--border);color:var(--muted-foreground)}
.footer-inner{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-inner p{margin:0}.footer-inner a:hover{color:var(--foreground)}
.page-shell{display:grid;grid-template-columns:272px minmax(0,1fr);gap:32px;align-items:start;padding-top:32px}
.sidebar{position:sticky;top:110px;border:1px solid var(--border);border-radius:var(--radius);background:var(--card);box-shadow:var(--shadow-sm);overflow:hidden}
.sidebar-head{padding:17px 18px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.sidebar-head h2{margin:0;font-size:14px}.sidebar-head a{font-size:11px;color:var(--muted-foreground)}
.sidebar-body{padding:10px;max-height:calc(100vh - 160px);overflow:auto}
.category-tree{list-style:none;padding:0;margin:0}.category-tree .category-tree{padding-right:18px;overflow:hidden}.tree-item.is-collapsed>.category-tree{display:none}
.tree-row{display:flex;align-items:center;min-height:38px;border-radius:8px;padding:2px 5px;gap:5px}.tree-row:hover{background:var(--muted)}.tree-item.is-active>.tree-row{background:var(--accent-soft);color:#6d5900;font-weight:700}
.tree-row>a{flex:1;padding:6px 2px}.tree-toggle{width:25px;height:25px;border:0;background:transparent;color:var(--muted-foreground);font-weight:700;border-radius:6px;padding:0}.tree-toggle:hover{background:white}.tree-dot{width:5px;height:5px;border-radius:50%;background:#c4c9d1;margin:0 10px}
.sidebar-close{display:none}.sidebar-overlay{display:none}
.page-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.page-heading h1{font-size:24px;line-height:1.5;margin:0 0 4px}.page-heading p{margin:0;color:var(--muted-foreground)}
.hero{border:1px solid var(--border);background:linear-gradient(135deg,#fff 30%,#fffbea 100%);border-radius:16px;padding:28px 30px;margin-bottom:28px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:180px;height:180px;border:35px solid rgba(242,200,17,.13);border-radius:50%;left:-45px;top:-75px}.hero h1{margin:0 0 8px;font-size:28px;position:relative;z-index:1}.hero p{margin:0;color:var(--muted-foreground);position:relative;z-index:1}
.toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:20px}.search-form{position:relative;width:min(410px,100%)}.search-form .icon{position:absolute;right:13px;top:12px;color:var(--muted-foreground)}.search-input{width:100%;height:43px;border:1px solid var(--input);border-radius:10px;padding:8px 42px 8px 88px;background:white;outline:0}.search-input:focus{border-color:var(--ring);box-shadow:0 0 0 3px rgba(152,162,179,.15)}.search-form .button{position:absolute;left:4px;top:4px;min-height:35px;padding:4px 12px}
.designer-admin-filter-form{display:flex;flex-wrap:wrap;gap:10px;align-items:center;width:100%}.designer-admin-filter-form .search-control{position:relative;flex:1 1 300px;max-width:410px}.designer-admin-filter-form .search-control>.icon{position:absolute;right:13px;top:12px;color:var(--muted-foreground)}.designer-admin-filter-form .search-input{padding-left:11px}.designer-admin-filter-form .select{flex:0 1 290px}.designer-admin-filter-form .button{min-height:42px}.stat-grid.designer-stat-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.result-count{color:var(--muted-foreground);font-size:12px;white-space:nowrap}
.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.project-card{border:1px solid var(--border);border-radius:13px;background:var(--card);overflow:hidden;box-shadow:var(--shadow-sm);transition:.2s ease;min-width:0}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#d1d5db}.project-card-link{display:block}
.project-card-copy{padding:16px 16px 12px}.project-card h3{font-size:15px;line-height:1.55;margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-copy p{font-size:11px;color:var(--muted-foreground);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.project-thumb{aspect-ratio:16/9;background:var(--muted);overflow:hidden;border-block:1px solid var(--border)}.project-thumb img{width:100%;height:100%;object-fit:cover;transition:.28s ease}.project-card:hover .project-thumb img{transform:scale(1.025)}
.designer-line{display:flex;align-items:center;gap:8px;padding:12px 15px 9px;color:#344054;font-size:12px}.avatar-fallback{width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#f1f2f4;color:#475467;font-weight:700}
.project-stats{border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-around;padding:9px 12px;color:var(--muted-foreground);font-size:11px}.project-stats span{display:inline-flex;align-items:center;gap:5px}.project-stats span:last-child .icon{color:#d3a900;fill:#fff4b8}
.empty-state{border:1px dashed var(--input);border-radius:14px;padding:60px 24px;text-align:center;background:var(--muted)}.empty-state h2{font-size:17px;margin:0 0 7px}.empty-state p{color:var(--muted-foreground);margin:0 0 16px}
.pagination{display:flex;justify-content:center;gap:6px;margin-top:28px;direction:rtl}.page-link{width:37px;height:37px;border:1px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;background:white}.page-link:hover{background:var(--muted)}.page-link.is-current{background:var(--primary);color:white;border-color:var(--primary)}
.breadcrumb{display:flex;align-items:center;gap:7px;color:var(--muted-foreground);font-size:12px;margin:28px 0 18px}.breadcrumb a:hover{color:var(--foreground)}
.project-detail-header{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;margin-bottom:20px}.project-detail-header h1{font-size:27px;margin:0 0 7px}.project-detail-header p{margin:0;color:var(--muted-foreground)}
.detail-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.like-button.is-liked{background:var(--danger-soft);border-color:#fecdca;color:var(--danger)}.like-button.is-liked .icon{fill:var(--danger)}
.embed-card{border:1px solid var(--border);border-radius:15px;overflow:hidden;background:#111;box-shadow:var(--shadow-sm)}.embed-frame{position:relative;width:100%;aspect-ratio:16/9}.embed-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.embed-empty{aspect-ratio:16/9;display:grid;place-content:center;text-align:center;background:#111827;color:#f9fafb}.embed-empty p{color:#98a2b3;margin:5px 0 0}
.detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:24px;margin-top:24px;align-items:start}.content-card,.info-card{border:1px solid var(--border);border-radius:13px;background:white;padding:22px}.content-card h2,.info-card h2{font-size:16px;margin:0 0 14px}.content-card p{white-space:pre-line;color:#344054;margin:0;line-height:2}.info-stack{display:grid;gap:14px;align-content:start;align-self:start}.info-row{display:flex;align-items:start;gap:11px}.info-row .icon{margin-top:3px;color:var(--muted-foreground)}.info-row small{display:block;color:var(--muted-foreground);margin-bottom:1px}.info-row strong{font-size:13px;font-weight:400;overflow-wrap:anywhere}
.designer-card{display:flex;gap:13px;align-items:center}.designer-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;background:var(--muted)}.designer-card h3{font-size:14px;margin:0 0 2px}.designer-card p{font-size:11px;color:var(--muted-foreground);margin:0}
.social-links{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.social-link{font-size:11px;border:1px solid var(--border);border-radius:7px;padding:5px 9px;background:white}.social-link:hover{background:var(--muted)}
.rating-box{margin-top:18px;padding-top:17px;border-top:1px solid var(--border)}.rating-box p{margin:0 0 7px;color:var(--muted-foreground);font-size:12px}.rating-stars{display:flex;direction:ltr;justify-content:flex-end;gap:2px}.rating-star{border:0;background:transparent;padding:2px;color:#d0d5dd}.rating-star:hover,.rating-star.is-active{color:#d3a900}.rating-star:hover .icon,.rating-star.is-active .icon{fill:#f2c811}
.section-heading{display:flex;justify-content:space-between;align-items:center;margin:45px 0 18px}.section-heading h2{font-size:19px;margin:0}.section-heading a{font-size:12px;color:var(--muted-foreground)}.section-heading a:hover{color:var(--foreground)}
.alert{border:1px solid;border-radius:10px;padding:11px 14px;margin-bottom:16px}.alert-error{border-color:#fecdca;background:var(--danger-soft);color:#b42318}.alert-success{border-color:#abefc6;background:var(--success-soft);color:var(--success)}
.toast{position:fixed;left:24px;bottom:24px;z-index:100;background:#171717;color:white;padding:11px 16px;border-radius:10px;box-shadow:var(--shadow);animation:toast-in .2s ease;max-width:min(380px,calc(100vw - 48px))}.toast-error{background:#b42318}.toast-success{background:#067647}@keyframes toast-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.form-card{border:1px solid var(--border);border-radius:14px;background:white;padding:24px;box-shadow:var(--shadow-sm)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.form-span-2{grid-column:span 2}.form-group{display:grid;gap:7px}.form-label{font-size:12px;font-weight:700;color:#344054}.form-help{font-size:10px;color:var(--muted-foreground)}.required{color:var(--danger)}
.input,.select,.textarea{width:100%;border:1px solid var(--input);border-radius:9px;background:white;color:var(--foreground);outline:0;padding:9px 11px;transition:.15s}.input,.select{min-height:42px}.textarea{min-height:110px;resize:vertical}.input:focus,.select:focus,.textarea:focus{border-color:var(--ring);box-shadow:0 0 0 3px rgba(152,162,179,.15)}.input[dir=ltr],.textarea[dir=ltr]{text-align:left}
.checkbox-row{display:flex;align-items:center;gap:9px;min-height:42px}.checkbox{width:17px;height:17px;accent-color:#171717}.form-actions{display:flex;align-items:center;gap:9px;margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.image-preview{width:160px;aspect-ratio:16/10;object-fit:cover;border:1px solid var(--border);border-radius:9px;background:var(--muted);margin-bottom:8px}.avatar-preview{width:80px;aspect-ratio:1;border-radius:50%}
.table-card{border:1px solid var(--border);border-radius:13px;background:white;overflow:hidden}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:13px 15px;text-align:right;border-bottom:1px solid var(--border);vertical-align:middle}.data-table th{background:#fafafa;color:#475467;font-size:11px;font-weight:700}.data-table tr:last-child td{border-bottom:0}.data-table tbody tr:hover{background:#fcfcfd}.table-title{font-weight:700}.table-subtitle{display:block;color:var(--muted-foreground);font-size:10px;margin-top:2px}.table-actions{display:flex;gap:5px;justify-content:flex-end}.status{display:inline-flex;align-items:center;gap:5px;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:700}.status-active{background:var(--success-soft);color:var(--success)}.status-inactive{background:#f2f4f7;color:#667085}
.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:24px}.stat-card{border:1px solid var(--border);border-radius:12px;padding:18px;background:white}.stat-card-head{display:flex;align-items:center;justify-content:space-between;color:var(--muted-foreground);font-size:11px}.stat-card strong{display:block;font-size:25px;line-height:1.4;margin-top:8px}.stat-card small{color:var(--muted-foreground)}
.login-page{min-height:100vh;background:#f8fafc;display:grid;place-items:center;padding:24px}.login-shell{width:min(430px,100%)}.login-brand{justify-content:center;margin-bottom:20px}.login-card{background:white;border:1px solid var(--border);border-radius:16px;padding:28px;box-shadow:var(--shadow)}.login-card h1{text-align:center;font-size:20px;margin:0 0 4px}.login-card>.subtitle{text-align:center;color:var(--muted-foreground);margin:0 0 22px;font-size:12px}.captcha-line{display:grid;grid-template-columns:130px 1fr;gap:10px;align-items:end}.captcha-question{height:42px;border:1px dashed var(--input);background:var(--muted);border-radius:9px;display:grid;place-content:center;font-weight:700;direction:ltr}
.admin-layout{display:grid;grid-template-columns:248px minmax(0,1fr);min-height:100vh;background:#f8fafc}.admin-sidebar{background:#111827;color:#e5e7eb;padding:18px 13px;position:sticky;top:0;height:100vh}.admin-brand{padding:4px 8px 19px;border-bottom:1px solid #293241;margin-bottom:13px}.admin-brand .brand strong{color:white}.admin-brand .brand small{color:#98a2b3}.admin-nav{display:grid;gap:4px}.admin-nav a{display:flex;align-items:center;gap:10px;padding:10px 11px;border-radius:8px;color:#cbd5e1}.admin-nav a:hover,.admin-nav a.is-active{background:#293241;color:white}.admin-nav a.is-active{box-shadow:inset -3px 0 var(--accent)}.admin-sidebar-footer{position:absolute;bottom:18px;right:13px;left:13px;border-top:1px solid #293241;padding-top:12px}.admin-sidebar-footer a{display:flex;align-items:center;gap:9px;padding:9px;color:#cbd5e1;border-radius:8px}.admin-sidebar-footer a:hover{background:#293241;color:white}
.admin-main{min-width:0}.admin-topbar{height:69px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;z-index:20}.admin-topbar h1{font-size:16px;margin:0}.admin-topbar-actions{display:flex;align-items:center;gap:10px}.admin-profile{display:flex;align-items:center;gap:9px;font-size:12px}.admin-content{padding:28px 30px 50px;max-width:1320px}.admin-page-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.admin-page-head h2{font-size:22px;margin:0 0 3px}.admin-page-head p{margin:0;color:var(--muted-foreground);font-size:12px}.admin-mobile-toggle{display:none}
@media(max-width:1050px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-layout{grid-template-columns:minmax(0,1fr) 290px}.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.container{width:min(100% - 28px,1240px)}.site-header{height:68px}.brand small{display:none}.hide-mobile{display:none}.mobile-menu-button{display:inline-flex}.page-shell{display:block;padding-top:20px}.sidebar{position:fixed;z-index:60;right:0;top:0;height:100dvh;width:min(310px,88vw);border-radius:0;transform:translateX(105%);transition:.22s ease}.sidebar-open .sidebar{transform:none}.sidebar-body{max-height:calc(100dvh - 58px)}.sidebar-close{display:inline-flex}.sidebar-overlay{position:fixed;inset:0;background:rgba(15,23,42,.45);z-index:50}.sidebar-open .sidebar-overlay{display:block}.hero{padding:23px 21px}.hero h1{font-size:22px}.detail-layout{grid-template-columns:1fr}.project-detail-header{grid-template-columns:1fr}.admin-layout{display:block}.admin-sidebar{position:fixed;right:0;top:0;width:min(270px,86vw);z-index:70;transform:translateX(105%);transition:.22s ease}.admin-sidebar-open .admin-sidebar{transform:none}.admin-topbar{padding:0 18px}.admin-mobile-toggle{display:inline-flex}.admin-content{padding:22px 18px}.form-grid{grid-template-columns:1fr}.form-span-2{grid-column:auto}.table-card{overflow:auto}.data-table{min-width:700px}}
@media(max-width:580px){body{font-size:13px}.project-grid{grid-template-columns:1fr}.page-heading{align-items:start;flex-direction:column}.toolbar{align-items:stretch;flex-direction:column}.project-detail-header h1{font-size:22px}.detail-actions{width:100%}.detail-actions .button{flex:1}.content-card,.info-card{padding:18px}.section-heading{margin-top:34px}.footer-inner{flex-direction:column;justify-content:center}.stat-grid{grid-template-columns:1fr 1fr;gap:10px}.stat-card{padding:14px}.stat-card strong{font-size:20px}.admin-page-head{align-items:flex-start;flex-direction:column}.admin-page-head>.button{width:100%}.captcha-line{grid-template-columns:1fr}.login-card{padding:23px 19px}.form-card{padding:18px}}
.admin-sidebar-open .sidebar-overlay{display:block}
.site-nav{display:flex;align-items:center;gap:4px;margin-right:auto}.site-nav a{padding:7px 10px;border-radius:8px;font-size:12px;color:#344054}.site-nav a:hover{background:var(--muted);color:var(--foreground)}.site-menu-button{display:none}.site-logo{width:42px;height:42px;border-radius:10px;object-fit:contain;border:1px solid var(--border);background:white}
.designer-mini-avatar{width:29px;height:29px;border-radius:50%;object-fit:cover;background:var(--muted);border:1px solid var(--border)}.designer-line:hover{color:#111827}
.project-thumb{position:relative}.card-rank{position:absolute;top:9px;right:9px;display:inline-flex;align-items:center;gap:4px;background:rgba(255,249,217,.95);color:#765d00;border:1px solid #f1d56b;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700;backdrop-filter:blur(5px)}
.project-detail-header{grid-template-columns:minmax(0,1fr) auto auto}.rank-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #f1d56b;border-radius:10px;background:var(--accent-soft);color:#765d00;font-weight:700;white-space:nowrap}.project-challenges{border-top:1px solid var(--border);margin-top:24px;padding-top:20px}
.rating-scale{display:flex;direction:ltr;justify-content:flex-start;gap:5px}.rating-scale .rating-star{display:grid;justify-items:center;gap:1px}.rating-star small{font-size:10px;color:#667085;line-height:1.2}
.standalone-page{padding-top:34px}.text-page{padding-top:45px;max-width:900px}.text-page h1{font-size:26px;margin:0 0 20px}.designer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.designer-profile-card{border:1px solid var(--border);border-radius:14px;background:white;padding:22px;text-align:center;box-shadow:var(--shadow-sm);transition:.2s}.designer-profile-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.designer-profile-card>img{width:84px;height:84px;border-radius:50%;object-fit:cover;margin:0 auto 13px;background:var(--muted)}.designer-profile-card h2{font-size:16px;margin:0 0 5px}.designer-profile-card p{height:47px;overflow:hidden;color:var(--muted-foreground);font-size:11px;margin:0 0 17px}.designer-profile-card>small{display:block;color:var(--muted-foreground);margin-top:11px}.designer-metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--border);padding:11px 0}.designer-metrics span{font-size:10px;color:var(--muted-foreground)}.designer-metrics strong{display:block;font-size:15px;color:var(--foreground)}
.designer-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:24px;align-items:center;border:1px solid var(--border);border-radius:16px;padding:26px;background:linear-gradient(135deg,#fff,#fffbea)}.designer-hero>img{width:118px;height:118px;border-radius:50%;object-fit:cover;border:4px solid white;box-shadow:var(--shadow)}.designer-hero h1{font-size:25px;margin:0 0 6px}.designer-hero-copy>p{white-space:pre-line;margin:0;color:#475467}.designer-summary{display:grid;gap:9px;min-width:145px}.designer-summary span{padding:9px 12px;border:1px solid var(--border);border-radius:9px;background:white;color:var(--muted-foreground);font-size:10px}.designer-summary strong{display:block;color:var(--foreground);font-size:17px}
.designer-contact{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px}.designer-contact a{display:inline-flex;align-items:center;gap:5px;color:#475467;font-size:11px}.designer-contact a:hover{color:#111827}
@media(max-width:1050px){.site-menu-button{display:inline-flex}.site-nav{display:none;position:absolute;top:calc(100% + 1px);left:20px;right:20px;background:white;border:1px solid var(--border);border-radius:12px;padding:8px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.site-menu-open .site-nav{display:flex}.site-nav a{padding:10px 12px}.designer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail-header{grid-template-columns:1fr auto}.detail-actions{grid-column:1/-1}}
@media(max-width:820px){.rank-badge{justify-self:start}.designer-hero{grid-template-columns:auto 1fr}.designer-summary{grid-column:1/-1;grid-template-columns:repeat(3,1fr)}}
@media(max-width:580px){.designer-grid{grid-template-columns:1fr}.brand strong{font-size:13px}.site-logo{width:36px;height:36px}.designer-hero{grid-template-columns:1fr;text-align:center}.designer-hero>img{margin:auto}.designer-hero .social-links{justify-content:center}.designer-summary{grid-template-columns:repeat(3,1fr)}.designer-summary span{padding:8px 4px}.designer-summary strong{font-size:15px}}
.share-button{width:38px;height:38px;flex:0 0 38px}.share-button:hover{background:var(--muted)}
.project-gallery{margin-top:32px}.gallery-heading{margin:0 0 14px}.carousel-viewport{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:15px;background:#111827;box-shadow:var(--shadow-sm)}.carousel-slide{display:none;margin:0;aspect-ratio:16/9}.carousel-slide.is-active{display:block;animation:gallery-fade .22s ease}.carousel-slide img{display:block;width:100%;height:100%;object-fit:contain}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;display:grid;place-content:center;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(17,24,39,.7);color:white;cursor:pointer;backdrop-filter:blur(5px)}.carousel-button:hover{background:rgba(17,24,39,.92)}.carousel-next{left:16px}.carousel-prev{right:16px}.carousel-dots{display:flex;direction:ltr;justify-content:center;gap:7px;padding-top:12px}.carousel-dot{width:8px;height:8px;border:0;border-radius:99px;background:#d0d5dd;padding:0;cursor:pointer;transition:.18s}.carousel-dot.is-active{width:24px;background:#344054}@keyframes gallery-fade{from{opacity:.35}to{opacity:1}}
.resource-card{display:grid;gap:8px}.resource-card h2{margin-bottom:5px}.resource-card>a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid var(--border);border-radius:9px;padding:10px;color:#344054}.resource-card>a:hover{background:var(--muted);color:var(--foreground)}.resource-card>a>span{min-width:0}.resource-card strong,.resource-card small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card strong{font-size:12px}.resource-card small{font-size:10px;color:var(--muted-foreground);margin-top:2px}.resume-button{width:100%;margin-top:15px}.designer-location{display:flex;align-items:center;gap:5px;color:var(--muted-foreground);font-size:11px;margin:-1px 0 10px}
.screenshot-admin-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-bottom:10px}.screenshot-admin-item{position:relative;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:var(--muted)}.screenshot-admin-item img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.screenshot-admin-item span{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;font-size:10px;background:white;border-top:1px solid var(--border)}
@media(max-width:820px){.screenshot-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.carousel-button{width:38px;height:38px}.carousel-next{left:9px}.carousel-prev{right:9px}}
@media(max-width:580px){.screenshot-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.carousel-slide{aspect-ratio:4/3}.detail-actions .share-button{flex:0 0 38px}.designer-location{justify-content:center}}
.detail-actions .share-button{width:auto;height:38px;flex:0 0 auto;padding-inline:13px}
.resource-card{background:#fff9d9}.resource-card>a{background:#fffdf0;border-color:#eadf9d}.resource-card>a:hover{background:#fff7c7}
.project-gallery{width:100%;margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}
.project-gallery .carousel-viewport{width:100%}
.project-video{margin-top:28px;padding-top:24px;border-top:1px solid var(--border)}.video-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.video-heading h2{margin:0}.video-frame{position:relative;width:100%;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:13px;background:#111827}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.category-banner{display:block;width:100%;margin-bottom:18px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:white;box-shadow:var(--shadow-sm)}.category-banner img{display:block;width:100%;max-height:207px;object-fit:cover}
.sidebar-ad{display:flex;align-items:center;justify-content:center;gap:7px;margin:14px 3px 3px;padding:11px;border:1px solid var(--border);border-radius:10px;background:#fff9d9;color:#5f4b00;font-size:11px;text-align:center;overflow:hidden}.sidebar-ad:hover{border-color:#dfca6e;background:#fff5bd}.sidebar-ad.has-image{padding:0;background:white}.sidebar-ad img{display:block;width:100%;height:auto;max-height:230px;object-fit:cover}
.project-ad-card{display:block;padding:9px;overflow:hidden}.project-ad-card img{display:block;width:100%;height:auto;max-height:180px;object-fit:cover;border-radius:8px}
.banner-preview{width:min(100%,440px);aspect-ratio:4/1;object-fit:cover}
@media(max-width:580px){.detail-actions .share-button{flex:1}.video-heading{align-items:flex-start;flex-direction:column}.video-heading .button{width:100%}.category-banner img{max-height:135px}}
.settings-section{padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid var(--border)}.settings-section:last-of-type{margin-bottom:0}.settings-section-head{display:flex;align-items:center;gap:12px;margin-bottom:20px}.settings-section-head>span{width:34px;height:34px;display:grid;place-content:center;flex:0 0 34px;border-radius:9px;background:#111827;color:white;font-weight:700}.settings-section-head h3{margin:0 0 2px;font-size:16px}.settings-section-head p{margin:0;color:var(--muted-foreground);font-size:11px}.sidebar-banner-preview{width:min(100%,360px);aspect-ratio:3/2;object-fit:cover}.project-banner-preview{width:min(100%,440px);aspect-ratio:11/5;object-fit:cover}.repeatable-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.repeatable-links{display:grid;gap:9px}.repeatable-link-row{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(220px,1.3fr) auto;gap:8px;align-items:center}.sidebar-extra-links{display:grid;gap:7px;margin:10px 3px 3px}.sidebar-extra-links a{display:flex;align-items:center;justify-content:flex-start;gap:8px;padding:9px 10px;border:1px solid var(--border);border-radius:9px;background:#fff;color:#344054;font-size:10px;text-align:right;direction:rtl}.sidebar-extra-links a span{flex:1;text-align:right}.sidebar-extra-links a:hover{background:#f8fafc;color:#101828}.table-card>.pagination{padding:0 16px 18px}.linkedin-share-button{white-space:nowrap}
.legacy-font-display{display:grid;gap:3px;margin-bottom:16px;padding:13px 15px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}.legacy-font-display span,.legacy-font-display small{color:var(--muted-foreground);font-size:10px}.legacy-font-display strong{font-size:13px}.font-selector-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin:8px 0}.font-selector-item{display:flex;align-items:center;gap:10px;padding:11px 12px;border:1px solid var(--border);border-radius:9px;background:white;cursor:pointer}.font-selector-item:hover{background:var(--muted)}.font-selector-item span{display:grid;min-width:0}.font-selector-item strong,.font-selector-item small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.font-selector-item strong{font-size:12px}.font-selector-item small{color:var(--muted-foreground);font-size:9px}.font-admin-file{display:grid;gap:2px}.font-admin-file small{color:var(--muted-foreground);font-size:10px}
html[data-theme=dark] .font-selector-item{background:var(--card)}html[data-theme=dark] .font-selector-item:hover{background:var(--muted)}
@media(max-width:900px){.font-selector-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:580px){.font-selector-grid{grid-template-columns:1fr}}
@media(max-width:700px){.repeatable-link-row{grid-template-columns:1fr auto}.repeatable-link-row input[type=url]{grid-column:1/-1;grid-row:2}.repeatable-link-row .icon-button{grid-column:2;grid-row:1}}

/* Version 6: light/dark theme */
.theme-icon{display:grid;place-content:center}.theme-icon-sun{display:none}.login-theme-toggle{position:fixed;top:18px;left:18px;z-index:10}
html[data-theme=dark]{--background:#0b1220;--foreground:#f3f4f6;--card:#111827;--muted:#182235;--muted-foreground:#a7b0c0;--border:#2b374a;--input:#445064;--primary:#f3f4f6;--primary-foreground:#111827;--accent-soft:#3b3211;--danger-soft:#3a1819;--success:#67d6a1;--success-soft:#123126;--ring:#718096;--shadow-sm:0 1px 2px rgba(0,0,0,.28);--shadow:0 10px 34px rgba(0,0,0,.35)}
html[data-theme=dark] .theme-icon-moon{display:none}html[data-theme=dark] .theme-icon-sun{display:grid}
html[data-theme=dark] .site-header{background:rgba(11,18,32,.94)}
html[data-theme=dark] .button-primary:hover{background:#d8dde5}
html[data-theme=dark] .button-outline,html[data-theme=dark] .icon-button,html[data-theme=dark] .page-link,html[data-theme=dark] .social-link{background:var(--card);color:var(--foreground)}
html[data-theme=dark] .button-outline:hover,html[data-theme=dark] .icon-button:hover,html[data-theme=dark] .page-link:hover,html[data-theme=dark] .social-link:hover{background:var(--muted)}
html[data-theme=dark] .hero{background:linear-gradient(135deg,#111827 30%,#29230d 100%)}
html[data-theme=dark] .search-input,html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea{background:#101827;color:var(--foreground)}
html[data-theme=dark] .form-label{color:#d5dbe5}
html[data-theme=dark] .project-card,html[data-theme=dark] .content-card,html[data-theme=dark] .info-card,html[data-theme=dark] .form-card,html[data-theme=dark] .table-card,html[data-theme=dark] .stat-card,html[data-theme=dark] .login-card,html[data-theme=dark] .designer-profile-card{background:var(--card)}
@media(max-width:1050px){.stat-grid.designer-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:580px){.stat-grid.designer-stat-grid{grid-template-columns:1fr}.designer-admin-filter-form .search-control,.designer-admin-filter-form .select,.designer-admin-filter-form .button{flex-basis:100%;max-width:none;width:100%}}
html[data-theme=dark] .content-card p,html[data-theme=dark] .designer-line,html[data-theme=dark] .site-nav a,html[data-theme=dark] .designer-hero-copy>p,html[data-theme=dark] .designer-contact a,html[data-theme=dark] .resource-card>a{color:#c5cedb}
html[data-theme=dark] .designer-line:hover,html[data-theme=dark] .designer-contact a:hover{color:var(--foreground)}
html[data-theme=dark] .tree-toggle:hover{background:#263247}
html[data-theme=dark] .tree-item.is-active>.tree-row{color:#f7d95e}
html[data-theme=dark] .avatar-fallback{background:#263247;color:#e5e7eb}
html[data-theme=dark] .admin-layout,html[data-theme=dark] .login-page{background:var(--background)}
html[data-theme=dark] .admin-topbar{background:#101827}
html[data-theme=dark] .data-table th{background:#172033;color:#c1cad8}
html[data-theme=dark] .data-table tbody tr:hover{background:#151f31}
html[data-theme=dark] .page-link.is-current{color:#111827}
html[data-theme=dark] .status-inactive{background:#283448;color:#c4cbd6}
html[data-theme=dark] .captcha-question{background:var(--muted)}
html[data-theme=dark] .site-logo{background:#fff}
html[data-theme=dark] .designer-hero{background:linear-gradient(135deg,#111827,#29230d)}
html[data-theme=dark] .designer-hero>img{border-color:#263247}
html[data-theme=dark] .designer-summary span{background:#101827}
html[data-theme=dark] .screenshot-admin-item span{background:#101827}
html[data-theme=dark] .category-banner{background:var(--card)}
html[data-theme=dark] .card-rank,html[data-theme=dark] .rank-badge{background:#3b3211;color:#f6d957;border-color:#665617}
html[data-theme=dark] .rating-star small{color:#a7b0c0}
html[data-theme=dark] .resource-card{background:#fff9d9;color:#101828}
html[data-theme=dark] .resource-card h2{color:#101828}
html[data-theme=dark] .resource-card>a{background:#fffdf0;color:#344054;border-color:#eadf9d}
html[data-theme=dark] .resource-card>a:hover{background:#fff7c7;color:#101828}
html[data-theme=dark] .resource-card small{color:#667085}
html[data-theme=dark] .sidebar-extra-links a{background:#fff;color:#344054;border-color:#d0d5dd}
html[data-theme=dark] .sidebar-extra-links a:hover{background:#f8fafc;color:#101828}
@media(max-width:1050px){html[data-theme=dark] .site-nav{background:var(--card)}}

/* Version 7: project structure, sidebar actions and embed availability */
.project-detail-header{display:block}.project-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}.project-title-row>div:first-child{min-width:0}.project-title-row h1{display:block;overflow-wrap:anywhere}.detail-actions{margin-top:14px;clear:both}.sidebar-action-card,.sidebar-copy-card{padding:12px}.sidebar-action-card .button,.sidebar-copy-card .button{justify-content:center}.embed-status{position:absolute;inset:0;z-index:2;display:grid;place-content:center;text-align:center;padding:24px;background:#111827;color:#f9fafb;transition:opacity .18s ease}.embed-status p{margin:6px 0 0;color:#98a2b3}.embed-status.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.embed-status.is-error{opacity:1;visibility:visible}.project-settings-form>.settings-section{display:block;width:100%}.project-status-options{display:flex;gap:24px;flex-wrap:wrap}.danger-check{color:var(--danger)}
@media(max-width:820px){.project-title-row{display:grid;grid-template-columns:1fr}.project-title-row .rank-badge{justify-self:start}.detail-actions{width:100%}}

/* Version 8: maintenance, designer sorting and category navigation */
.maintenance-setting{display:flex;align-items:flex-start;gap:12px;padding:16px 18px;border:1px solid #f1d56b;border-radius:12px;background:var(--accent-soft);cursor:pointer}.maintenance-setting .checkbox{margin-top:3px;flex:0 0 auto}.maintenance-setting span{display:grid;gap:3px}.maintenance-setting strong{font-size:13px}.maintenance-setting small{color:#765d00;line-height:1.9}
.designer-sort{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:-5px 0 22px}.designer-sort>span{color:var(--muted-foreground);font-size:11px;margin-left:3px}.designer-metrics{grid-template-columns:repeat(4,1fr)}
.category-topic-button{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid #eadf9d;border-radius:10px;background:#fff9d9;color:#5f4b00;transition:.18s}.category-topic-button:hover{background:#fff5bd;border-color:#dfca6e;transform:translateY(-1px)}.category-topic-button>span{min-width:0}.category-topic-button small,.category-topic-button strong{display:block}.category-topic-button small{color:#8a7215;font-size:10px}.category-topic-button strong{overflow-wrap:anywhere;font-size:13px}
body.sidebar-open .mobile-menu-button{display:none}
html[data-theme=dark] .maintenance-setting{background:#3b3211;border-color:#665617}html[data-theme=dark] .maintenance-setting small{color:#f0d86b}
html[data-theme=dark] .category-topic-button{background:#3b3211;border-color:#665617;color:#f6d957}html[data-theme=dark] .category-topic-button small{color:#d9c165}
@media(max-width:700px){.designer-sort{align-items:stretch}.designer-sort>span{width:100%}.designer-sort .button{flex:1}.designer-metrics{grid-template-columns:repeat(2,1fr);row-gap:9px}}

/* Version 9: totals, configurable menus and contact channels */
.site-totals{direction:rtl}.site-totals b{font-weight:400;color:var(--border)}
.menu-order-list{display:grid;gap:8px;max-width:560px;margin-bottom:9px}.menu-order-row{display:grid;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:14px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--card)}.menu-order-row span{font-weight:700}.menu-order-row .input{text-align:center}
.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:24px;padding-top:22px;border-top:1px solid var(--border)}.contact-link-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px 14px;border:1px solid var(--border);border-radius:11px;background:var(--card);color:var(--foreground);transition:.18s}.contact-link-card:hover{border-color:#d7b514;background:var(--accent-soft);transform:translateY(-1px)}.contact-link-card>span{min-width:0}.contact-link-card strong,.contact-link-card small{display:block}.contact-link-card small{margin-top:2px;color:var(--muted-foreground);font-size:10px}
.contact-link-static{grid-template-columns:auto minmax(0,1fr);cursor:default}.contact-link-static:hover{border-color:var(--border);background:var(--card);transform:none}
html[data-theme=dark] .menu-order-row,html[data-theme=dark] .contact-link-card{background:var(--card)}
@media(max-width:580px){.site-totals{white-space:normal}.contact-links{grid-template-columns:1fr}}
body.sidebar-open .mobile-menu-button{display:none!important}
.copy-field{display:flex;gap:8px;align-items:center}.copy-field .input{flex:1}.favicon-preview{width:64px;height:64px;object-fit:contain;border:1px solid var(--border);border-radius:12px;background:#fff;padding:6px;display:block;margin-bottom:10px}
.visual-new-list,.visual-admin-list{display:grid;gap:10px;margin:12px 0}.visual-new-row{display:grid;grid-template-columns:1fr 1.3fr 1fr auto;gap:8px;align-items:center}.visual-admin-item{display:grid;grid-template-columns:70px 1fr auto;gap:12px;align-items:center;border:1px solid var(--border);border-radius:12px;padding:10px}.visual-admin-item img{width:70px;height:55px;object-fit:cover;border-radius:8px}.visual-admin-item span{min-width:0}.visual-admin-item strong,.visual-admin-item small{display:block;overflow:hidden;text-overflow:ellipsis}.project-visuals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.project-visual-card{display:flex;min-height:150px;flex-direction:column;align-items:center;justify-content:center;border:1px solid var(--border);border-radius:14px;overflow:hidden;color:inherit;text-decoration:none;background:var(--card)}.project-visual-card img{width:50%;height:74px;object-fit:contain;display:block;margin:16px auto 0}.project-visual-card strong{display:block;width:100%;padding:12px;text-align:center}.admin-note-card{margin-top:22px;border:1px solid color-mix(in srgb,var(--primary) 28%,var(--border));background:color-mix(in srgb,var(--primary) 5%,var(--card));border-radius:16px;padding:20px}.sidebar-special-box{border:1px solid var(--border);border-radius:14px;padding:10px;margin-bottom:14px;background:var(--card)}.sidebar-special-link{display:flex;align-items:center;gap:9px;color:inherit;text-decoration:none;font-weight:700;padding:7px}.top-designers-list{display:grid;gap:7px;margin-top:9px}.top-designer-link{display:flex;align-items:center;gap:9px;text-decoration:none;color:inherit;padding:7px;border-radius:9px}.top-designer-link:hover{background:var(--muted)}.top-designer-link img{width:34px;height:34px;border-radius:50%;object-fit:cover}.top-designer-link span{display:grid;line-height:1.4}.top-designer-link small{color:var(--muted-foreground)}
@media(max-width:760px){.visual-new-row{grid-template-columns:1fr}.project-visuals-grid{grid-template-columns:1fr 1fr}.copy-field{align-items:stretch;flex-direction:column}}
@media(max-width:480px){.project-visuals-grid{grid-template-columns:1fr}}

/* Version 14: separate sidebars, Persian numerals and unified contact cards */
.page-shell{grid-template-columns:272px minmax(0,1fr)}
.sidebar-column{display:grid;gap:18px;align-self:start}
.sidebar-column>.sidebar{position:static;top:auto;overflow:visible}
.sidebar-column>.sidebar .sidebar-body{max-height:none;overflow:visible}
.top-designers-sidebar .sidebar-body{padding:10px}
.top-designers-sidebar .top-designers-list{margin-top:0}
.top-designer-link{font-family:IranYekan,Tahoma,sans-serif}
.top-designer-link span{min-width:0}
.top-designer-link strong,.top-designer-link small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sidebar-special-link.is-active{background:var(--accent-soft);color:#6d5900;border-radius:9px}
.sidebar-special-link small{margin-right:auto;color:var(--muted-foreground);font-weight:400}
.project-card,.designer-profile-card,.designer-hero,.info-card,.top-designers-sidebar{font-family:IranYekan,Tahoma,sans-serif}
.designer-contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:16px}
.designer-contact-item{min-height:58px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:9px 11px;border:1px solid var(--border);border-radius:10px;background:var(--card);color:var(--foreground);transition:.18s}
.designer-contact-item:hover{border-color:#d7b514;background:var(--accent-soft);transform:translateY(-1px)}
.designer-contact-item>span{min-width:0}
.designer-contact-item strong,.designer-contact-item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.designer-contact-item strong{font-size:11px}
.designer-contact-item small{margin-top:2px;color:var(--muted-foreground);font-size:9px}
.contact-link-card{min-height:64px}
.contact-link-card small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.designer-contact-grid.is-compact{grid-template-columns:1fr}
.competition-link-row{margin-top:9px}
.competition-page-link{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--border);border-radius:9px;background:var(--card);font-size:11px;font-weight:700}
.competition-page-link:hover{background:var(--muted)}
html[data-theme=dark] .designer-contact-item,html[data-theme=dark] .competition-page-link{background:var(--card);color:var(--foreground)}
html[data-theme=dark] .designer-contact-item:hover,html[data-theme=dark] .competition-page-link:hover{background:var(--muted)}
@media(max-width:820px){
    .sidebar-column{position:fixed;z-index:60;right:0;top:0;height:100dvh;width:min(310px,88vw);padding-bottom:18px;background:var(--background);transform:translateX(105%);transition:.22s ease;overflow-y:auto;align-content:start;gap:14px}
    .sidebar-open .sidebar-column{transform:none}
    .sidebar-column>.sidebar{position:static!important;width:100%;height:auto;border-radius:0;transform:none!important}
    .sidebar-column>.top-designers-sidebar .sidebar-head{display:flex}
}
@media(max-width:580px){.designer-contact-grid{grid-template-columns:1fr}}
/* Version 15: project submission requirements shortcode */
.managed-text{white-space:normal;line-height:2}
.managed-text + .project-requirements,.project-requirements + .managed-text{margin-top:24px}
.project-requirements{margin-top:8px}
.project-requirements .section-heading{margin-bottom:16px}
.requirements-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.requirements-card{border:1px solid var(--border);border-radius:14px;background:var(--muted);padding:18px}
.requirements-card h3{margin:0 0 12px;font-size:15px}
.requirements-card ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.requirements-card li{display:flex;align-items:flex-start;gap:8px;line-height:1.8;color:var(--foreground)}
.requirements-card li .icon{flex:0 0 auto;margin-top:5px;color:var(--primary)}
@media(max-width:720px){.requirements-grid{grid-template-columns:1fr}}

/* Version 16: targeted project cache invalidation and fixed admin version */
.admin-sidebar-footer-row{display:flex;align-items:center;gap:7px}
.admin-sidebar-footer-row form{flex:1;min-width:0}
.admin-sidebar-footer-row .button{color:#cbd5e1;justify-content:flex-start;padding-inline:8px;font-size:12px}
.admin-version-badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:4px 7px;border:1px solid #344054;border-radius:7px;background:#1d2939;color:#98a2b3;font-size:9px;white-space:nowrap}
/* Version 17: multi-category projects, taxonomies and video metadata */
.multi-check-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--muted)}
.multi-check-grid .checkbox-row{margin:0}
.taxonomy-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}
.project-taxonomy-links{display:grid;gap:10px}
.project-taxonomy-links .category-topic-button+ .category-topic-button{margin-top:0}
.video-seo-description{margin:12px 0 0;color:var(--muted-foreground);font-size:13px;line-height:1.9}
.admin-designer-link{color:inherit;text-decoration:none}
.admin-designer-link:hover{color:var(--primary)}
@media(max-width:700px){.multi-check-grid{grid-template-columns:1fr}}

/* Version 20: project data links and SEO forms */
.project-data-link-groups{display:grid;gap:22px}.project-link-group{padding:16px;border:1px solid var(--border);border-radius:14px;background:color-mix(in srgb,var(--card) 92%,var(--muted))}.project-link-group .repeatable-links:empty{display:none}.project-data-resources a small{direction:rtl}.mobile-menu-button[data-sidebar-open]{display:none}
@media(max-width:820px){.mobile-menu-button[data-sidebar-open]{display:inline-flex}body.sidebar-open .mobile-menu-button[data-sidebar-open]{display:none!important}}

/* Version 18: multi-style projects, designer location filters and related styles */
.designer-location-links a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.designer-location-links a:hover{color:var(--primary)}
.location-filter-clear{display:inline-flex;margin-top:8px;color:var(--primary);font-size:13px;text-decoration:none}
.location-filter-clear:hover{text-decoration:underline;text-underline-offset:4px}
.related-collection{margin-top:34px}
.related-style-collection{margin-top:42px;padding-top:8px;border-top:1px solid var(--border)}

/* Version 19: font guidance, category drawers and project sorting */
.font-install-notice{display:flex;align-items:center;gap:12px;margin-top:13px;padding:13px 16px;border:1px solid #dfca6e;border-radius:12px;background:linear-gradient(135deg,#fffdf3,#fff7c7);color:#5f4b00;box-shadow:var(--shadow-sm)}
.font-install-notice>.icon{flex:0 0 auto;color:#9b7b00}
.font-install-notice p{margin:0;line-height:1.9}
.font-install-notice a{font-weight:700;color:#765d00;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.font-install-notice a:hover{color:#3f3300}
.standalone-category-drawer{display:none}
.project-sort{margin:0 0 18px}
html[data-theme=dark] .font-install-notice{background:linear-gradient(135deg,#3b3211,#453a10);border-color:#665617;color:#f6e89a}
html[data-theme=dark] .font-install-notice>.icon,html[data-theme=dark] .font-install-notice a{color:#f6d957}
@media(max-width:820px){
    .standalone-category-drawer{display:block}
}
@media(max-width:700px){
    .project-sort{align-items:stretch}
    .project-sort>span{width:100%}
    .project-sort .button{flex:1}
}

/* Version 21: uploaded project data and homepage SEO content */
.home-seo-content{margin-top:30px;padding:24px 26px;border:1px solid var(--border);border-radius:16px;background:var(--card);box-shadow:var(--shadow-sm)}
.home-seo-content h2{margin:0 0 14px;font-size:21px;line-height:1.7}
.home-seo-content-body{color:var(--muted-foreground);line-height:2.15;font-size:14px}
.home-seo-content-body p{margin:0 0 12px}.home-seo-content-body p:last-child{margin-bottom:0}
.home-seo-content-body ul,.home-seo-content-body ol{margin:10px 0;padding-right:24px}
.home-seo-content-body li{margin:6px 0}.home-seo-content-body a{color:var(--primary);text-decoration:underline;text-underline-offset:4px}
.rich-editor{overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--card)}
.rich-editor-toolbar{display:flex;gap:7px;flex-wrap:wrap;padding:10px;border-bottom:1px solid var(--border);background:var(--muted)}
.rich-editor-area{min-height:220px;padding:15px;outline:0;line-height:2;background:var(--card)}
.rich-editor-area:focus{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--primary) 30%,transparent)}
.rich-editor-area ul,.rich-editor-area ol{padding-right:24px}
.project-rich-editor .rich-editor-area{line-height:2}.project-rich-text{line-height:2;white-space:normal;color:#344054}.project-rich-text strong{font-weight:800}.project-indicators{margin-top:24px;padding-top:4px;border-top:1px solid var(--border)}html[data-theme=dark] .project-rich-text{color:#c5cedb}
.foreign-project-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:12px;border:1px solid var(--border);border-radius:14px;background:var(--muted)}.foreign-project-toggle>div{display:grid;gap:2px}.foreign-project-toggle strong{font-size:13px}.foreign-project-toggle small{font-size:10px;color:var(--muted-foreground)}.shadcn-switch{display:flex;align-items:center;gap:7px;cursor:pointer}.shadcn-switch input{position:absolute;opacity:0;pointer-events:none}.shadcn-switch span{position:relative;width:38px;height:22px;border-radius:999px;background:var(--border);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--foreground) 12%,transparent);transition:.2s}.shadcn-switch span:after{content:"";position:absolute;top:3px;right:3px;width:16px;height:16px;border-radius:50%;background:var(--card);box-shadow:0 1px 3px rgba(0,0,0,.25);transition:.2s}.shadcn-switch input:checked+span{background:var(--primary)}.shadcn-switch input:checked+span:after{transform:translateX(-16px)}.shadcn-switch input:focus-visible+span{outline:2px solid var(--ring);outline-offset:2px}.shadcn-switch em{font-style:normal;font-size:10px;color:var(--muted-foreground)}.status-foreign{background:#e0f2fe;color:#075985}
.media-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.media-table{min-width:980px}.media-thumbnail{display:block;width:78px;height:54px;object-fit:cover;border:1px solid var(--border);border-radius:9px;background:var(--muted)}.media-file-icon{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--border);border-radius:9px;background:var(--muted);color:var(--muted-foreground)}.media-toolbar{margin-bottom:18px}
@media(max-width:700px){.home-seo-content{padding:19px 17px}.rich-editor-toolbar .button{flex:1}}

/* Version 27: gallery ordering, compact taxonomies, font filter and admin sidebar fix */
.admin-sidebar{display:flex;flex-direction:column;overflow:hidden}
.admin-nav{flex:1;min-height:0;overflow-y:auto;padding-bottom:6px;scrollbar-width:thin}
.admin-sidebar-footer{position:static;right:auto;left:auto;bottom:auto;flex:0 0 auto;margin-top:12px}
.screenshot-admin-item{display:grid;grid-template-rows:auto auto auto;transition:opacity .16s,transform .16s,border-color .16s}
.screenshot-admin-item.is-dragging{opacity:.48;transform:scale(.97);border-color:var(--primary)}
.screenshot-sort-controls{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;border-top:1px solid var(--border);background:var(--card)}
.screenshot-sort-controls .icon-button{width:29px;height:29px}
.screenshot-drag-handle{cursor:grab}.screenshot-drag-handle:active{cursor:grabbing}
.screenshot-delete{display:flex;align-items:center;justify-content:center;gap:5px;padding:6px;font-size:10px;background:var(--card);border-top:1px solid var(--border);cursor:pointer}
.carousel-slide{position:relative}
.gallery-linkedin-share{position:absolute;z-index:3;left:14px;bottom:14px;display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid rgba(255,255,255,.45);border-radius:9px;background:rgba(17,24,39,.78);color:#fff;font-size:11px;font-weight:700;backdrop-filter:blur(6px)}
.gallery-linkedin-share:hover{background:rgba(17,24,39,.96)}
.project-taxonomy-group{padding:10px 11px;border:1px solid var(--border);border-radius:10px;background:var(--muted)}
.project-taxonomy-group-title{display:flex;align-items:center;gap:7px;margin-bottom:8px;color:var(--muted-foreground);font-size:10px;font-weight:700}
.project-taxonomy-chips{display:flex;flex-wrap:wrap;gap:6px}
.project-taxonomy-chips a{display:inline-flex;align-items:center;min-height:27px;padding:4px 9px;border:1px solid var(--border);border-radius:999px;background:var(--card);font-size:10px;font-weight:700;line-height:1.5}
.project-taxonomy-chips a:hover{border-color:#dfca6e;background:var(--accent-soft);color:#5f4b00}
.sidebar-font-filter{margin-top:14px;border-top:1px solid var(--border);padding-top:12px}
.sidebar-font-filter summary{display:flex;align-items:center;gap:8px;padding:8px 7px;border-radius:8px;cursor:pointer;font-size:12px;font-weight:700;list-style:none}
.sidebar-font-filter summary::-webkit-details-marker{display:none}.sidebar-font-filter summary:hover{background:var(--muted)}
.sidebar-font-filter summary small{margin-right:auto;color:var(--muted-foreground);font-size:9px;font-weight:400}
.sidebar-font-list{display:grid;gap:3px;margin-top:5px}.sidebar-font-list a{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:8px;font-size:11px}.sidebar-font-list a:hover,.sidebar-font-list a.is-active{background:var(--accent-soft);color:#6d5900}.sidebar-font-list a small{margin-right:auto;color:var(--muted-foreground);font-size:9px}
html[data-theme=dark] .project-taxonomy-chips a{background:var(--card)}
@media(max-width:580px){.gallery-linkedin-share{left:9px;bottom:9px}.gallery-linkedin-share span{display:none}}

/* Version 28: central data-source library, single project selection and public filter */
.data-source-selector-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:10px}
.data-source-selector-item{display:flex;align-items:flex-start;gap:10px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--muted);cursor:pointer;transition:.18s}
.data-source-selector-item:hover{border-color:#d7b514;background:var(--accent-soft)}
.data-source-selector-item:has(input:checked){border-color:#d7b514;background:var(--accent-soft);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent)}
.data-source-selector-item input{margin-top:4px;flex:0 0 auto}
.data-source-selector-item span{display:grid;gap:2px;min-width:0}.data-source-selector-item strong,.data-source-selector-item small,.data-source-selector-item em{display:block;overflow-wrap:anywhere}
.data-source-selector-item small{color:var(--muted-foreground);font-size:10px}.data-source-selector-item em{margin-top:4px;color:var(--muted-foreground);font-size:10px;font-style:normal;line-height:1.8}
.legacy-data-source-box{margin-top:20px;padding-top:18px;border-top:1px solid var(--border)}
.sidebar-data-source-filter{margin-top:8px}
.data-source-description{margin:0 0 11px;padding:10px 11px;border-radius:9px;background:#fffdf0;color:#667085;font-size:11px;line-height:1.9;white-space:normal!important}
html[data-theme=dark] .data-source-selector-item{background:var(--muted)}
html[data-theme=dark] .data-source-selector-item:hover,html[data-theme=dark] .data-source-selector-item:has(input:checked){background:#3b3211}
@media(max-width:700px){.data-source-selector-grid{grid-template-columns:1fr}}

/* Version 30: popular taxonomies, category counters and visible dark pagination */
.tree-row>a{display:flex;align-items:center;gap:9px;min-width:0}
.tree-row>a>span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.category-project-count{margin-right:auto;color:var(--muted-foreground);font-family:IranYekan,Tahoma,sans-serif;font-size:9px;font-weight:400;white-space:nowrap}
.tree-item.is-active>.tree-row .category-project-count{color:color-mix(in srgb,currentColor 65%,var(--muted-foreground))}
.sidebar-font-list .sidebar-taxonomy-all{margin-top:5px;padding-top:9px;border-top:1px solid var(--border);font-weight:700}
.taxonomy-directory-page{max-width:1040px}
.taxonomy-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}
.taxonomy-directory-card{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;padding:15px 16px;border:1px solid var(--border);border-radius:13px;background:var(--card);box-shadow:var(--shadow-sm);transition:.18s}
.taxonomy-directory-card:hover{transform:translateY(-2px);border-color:#d7b514;background:var(--accent-soft);box-shadow:var(--shadow)}
.taxonomy-directory-card>span{display:grid;gap:3px;min-width:0}
.taxonomy-directory-card strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}
.taxonomy-directory-card small{color:var(--muted-foreground);font-size:10px}
html[data-theme=dark] .pagination .page-link.is-current{background:var(--accent);border-color:var(--accent);color:#171717;font-weight:700;box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 25%,transparent)}
html[data-theme=dark] .taxonomy-directory-card{background:var(--card)}
html[data-theme=dark] .taxonomy-directory-card:hover{background:#3b3211;border-color:#665617}
@media(max-width:850px){.taxonomy-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.taxonomy-directory-grid{grid-template-columns:1fr}}
