body{margin:0;font-family:Vazirmatn, Tahoma, sans-serif;background:var(--fv-tint);color:var(--fv-ink);display:block;}
@font-face{font-family:"B-Titr";src:url("../../../../fonts/B-Titr.TTF");font-display:swap;}
@font-face{font-family:"B-Nazanin";src:url("../../../../fonts/B-Nazanin.TTF");font-display:swap;}
@font-face{font-family:"B-Nazanin-Bold";src:url("../../../../fonts/B-Nazanin-Bold.TTF");font-display:swap;}
@font-face{font-family:"Vazirmatn";src:url("../../../../fonts/Vazirmatn.woff");font-display:swap;}
@font-face{font-family:"IRANSans-Bold";src:url("../../../../fonts/IRANSans-Bold.ttf");font-display:swap;}
@font-face{font-family:"IRANSans-Light";src:url("../../../../fonts/IRANSans-Light.ttf");font-display:swap;}
@font-face{font-family:"IRANSans-Medium";src:url("../../../../fonts/IRANSans-Medium.ttf");font-display:swap;}
@font-face{font-family:"IRANSans-UltraLight";src:url("../../../../fonts/IRANSans-UltraLight.ttf");font-display:swap;}
@font-face{font-family:"IRANSans";src:url("../../../../fonts/IRANSans.ttf");font-display:swap;}
@font-face{font-family:"Shabnam-Bold";src:url("../../../../fonts/Shabnam-Bold.woff2");font-display:swap;}
@font-face{font-family:"Shabnam-Light";src:url("../../../../fonts/Shabnam-Light.woff2");font-display:swap;}
@font-face{font-family:"Shabnam-Medium";src:url("../../../../fonts/Shabnam-Medium.woff2");font-display:swap;}
@font-face{font-family:"Shabnam-Thin";src:url("../../../../fonts/Shabnam-Thin.woff2");font-display:swap;}
@font-face{font-family:"Shabnam";src:url("../../../../fonts/Shabnam.woff2");font-display:swap;}
header{background:linear-gradient(135deg, var(--fv-tint), var(--fv-tint));display:flex;align-items:center;justify-content:space-between;padding:15px 25px;box-shadow:var(--fv-shadow);border-bottom-left-radius:15px;border-bottom-right-radius:15px;}
header .right,header .center,header .left{flex:1;}
header .right{text-align:right;font-weight:bold;font-family:"B-Titr";color:var(--fv-ink);text-shadow:1px 1px 2px var(--fv-shadow-color);}
header .center{text-align:center;font-size:32px;font-weight:bold;font-family:"B-Titr";color:var(--fv-gold);text-shadow:2px 2px 4px var(--fv-shadow-color);}
header .left{display:flex;align-items:center;gap:10px;justify-content:flex-end;font-family:"B-Titr";color:var(--fv-ink);text-shadow:1px 1px 2px var(--fv-shadow-color);}
header img{width:32px;height:75px;transition:transform 0.3s ease;}
header img:hover{transform:rotate(10deg) scale(1.05);}
#side-menu{padding-top:90px;position:fixed;top:0;right:-250px;width:250px;height:100%;background:var(--fv-surface);box-shadow:var(--fv-shadow);transition:0.3s;font-family:"B-Nazanin", Tahoma, sans-serif;z-index:1000;overflow-y:auto;}
#side-menu.open{right:0;}
#side-menu a{display:block;padding:12px 15px;margin:5px 10px;text-decoration:none;color:var(--fv-accent);border-radius:8px;transition:0.2s;font-family:"B-Titr";}
#side-menu a:hover{background:var(--fv-surface);}
#side-menu .username{font-weight:bold;margin:5px 10px;color:var(--fv-ink);margin-bottom:15px;text-align:center;background:var(--fv-surface);padding:10px;border-radius:8px;}
#menu-btn{position:fixed;top:15px;right:15px;z-index:1100;font-size:22px;padding:8px 12px;border:none;border-radius:8px;background:var(--fv-tint);color:var(--fv-ink);cursor:pointer;font-family:"B-Titr";box-shadow:var(--fv-shadow);}
#menu-btn:hover{background:var(--fv-tint);}
main{display:flex;min-height:calc(100vh - 70px);padding:40px;box-sizing:border-box;gap:0px;justify-content:flex-start;margin-top:-100px;}
.text-section,.text-section2{flex:2;padding:10px;font-size:18px;line-height:1.9;margin-top:50px;}
.text-section{font-family:"B-Titr";}
.text-section2{font-family:"B-Nazanin-Bold";}
.image-column{width:60%;display:flex;min-height:calc(100vh - 70px);padding:40px;box-sizing:border-box;gap:0px;margin-top:0px;}
.image-section{flex:1;display:flex;padding:20px;justify-content:center;align-items:center;}
.image-section img{max-width:100%;max-height:500px;border-radius:12px;box-shadow:var(--fv-shadow);margin-top:-100px;}
.image-section2{flex:2;display:flex;justify-content:center;align-items:center;}
.image-section2 img{max-width:100%;max-height:500px;border-radius:12px;box-shadow:var(--fv-shadow);margin-top:-100px;}
.slider-section{width:100%;overflow:hidden;background:var(--fv-tint);padding:0px 0px 0px;margin-top:-200px;}
.slider-track{display:flex;gap:15px;animation:none;}
.slide{flex:0 0 calc(100% / 5);}
.slide img{width:100%;height:200px;object-fit:contain;border-radius:14px;box-shadow:var(--fv-shadow);}
@keyframes sliderMove{from{transform:translateX(0);}
to{transform:translateX(-50%);}
}
@media (max-width: 768px){body{font-size:16px;line-height:1.6;}
.container{margin:0;padding:10px;box-sizing:border-box;}
header .right,header .center,header .left{font-size:12px;}
header .center{font-size:20px;white-space:nowrap;overflow:visible;text-overflow:ellipsis;}
header img{width:20px;height:46px;}
header .left span{display:none;}
#menu-btn{font-size:20px;padding:8px 10px;}
@media (max-width: 768px){main{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start;padding:5px;gap:2px;margin-top:0px;}
.text-section,.text-section2{width:90%;padding:2px;margin:0;text-align:right;line-height:1.5;font-size:14px!important;line-height:1.6;}
.text-section h2{font-size:22px!important;margin-bottom:6px;}
.image-column{width:40%;display:flex;flex-direction:column;gap:6px;padding:2px;}
.image-row{display:flex;flex-direction:column;justify-content:center;width:100%;gap:2px;margin:0;padding:0;}
.image-section,.image-section2{flex:0;display:flex;justify-content:center;align-items:center;padding:0;margin:0;}
.image-section img{width:70%;max-width:70%;height:70%;object-fit:contain;border-radius:12px;margin-top:0px;}
.image-section2 img{width:90%;max-width:100%;height:auto;object-fit:contain;border-radius:12px;margin-top:0px;}
.image-section img:hover,.image-section2 img:hover{transform:scale(1.03);}
header img{width:20px;height:46px;}
.slider-section{width:100%;margin-top:-300px;}
.slide{flex:0 0 calc(100% / 2.2);}
.slide img{height:110px;}
}
.grid{grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:10px;}
.card{padding:15px;font-size:0.9rem;border-radius:12px;}
.file{font-size:0.85rem;padding:10px;}
.search{font-size:0.9rem;padding:10px;}
h2,h3,h4{font-size:1.1rem;}
}
body.user-dark{background:radial-gradient(900px 420px at 50% -10%, var(--fv-tint), transparent 60%),
    radial-gradient(700px 340px at 10% 10%, var(--fv-teal-bg), transparent 55%),
    linear-gradient(180deg, var(--fv-surface), var(--fv-surface));color:var(--fv-ink);}
body.user-dark header{background:linear-gradient(135deg, var(--fv-surface), var(--fv-surface));box-shadow:var(--fv-shadow);}
body.user-dark header .center{color:var(--fv-gold);}
body.user-dark header .right,body.user-dark header .left{color:var(--fv-ink);}
body.user-dark #menu-btn{background:linear-gradient(135deg, var(--fv-tint), var(--fv-tint));box-shadow:var(--fv-shadow);}
body.user-dark #menu-btn:hover{background:var(--fv-tint);}
body.user-dark #side-menu{background:var(--fv-surface);border-left:1px solid var(--fv-line);box-shadow:var(--fv-shadow);}
body.user-dark #side-menu a{color:var(--fv-ink);border:1px solid var(--fv-line);background:var(--fv-tint);font-family:Vazirmatn, Tahoma, sans-serif!important;}
body.user-dark #side-menu a:hover{background:var(--fv-tint);}
body.user-dark #side-menu .username{color:var(--fv-ink);background:var(--fv-tint);}
body.user-dark main{background:transparent;}
body.user-dark footer{color:var(--fv-muted);}
body.user-dark footer p{color:var(--fv-muted);}
body.user-dark main{margin-top:0!important;padding:18px 12px!important;min-height:calc(100vh - 70px);}
#menu-btn{position:fixed;top:14px;right:14px;z-index:1100;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:18px;line-height:1;padding:10px 14px;border:1px solid var(--fv-line);border-radius:14px;background:var(--fv-tint);color:var(--fv-ink);cursor:pointer;font-family:Vazirmatn, Tahoma, sans-serif;font-weight:900;box-shadow:var(--fv-shadow);backdrop-filter:none;-webkit-backdrop-filter:none;transition:transform .15s ease, box-shadow .15s ease, background .15s ease, border-color .15s ease, opacity .15s ease;}
#menu-btn:hover{transform:translateY(-1px);box-shadow:var(--fv-shadow);background:var(--fv-tint);border-color:var(--fv-control);}
#menu-btn:active{transform:translateY(0) scale(.98);opacity:.95;box-shadow:var(--fv-shadow);}
#menu-btn:focus-visible{outline:none;box-shadow:var(--fv-shadow);}
#menu-btn{letter-spacing:.2px;}
#menu-btn{}
#menu-btn{}
@media (max-width: 768px){#menu-btn{top:12px;right:12px;padding:9px 12px;font-size:16px;border-radius:13px;}
#menu-btn::before{font-size:18px;}
}
body.user-dark #menu-btn{background:var(--fv-tint);border-color:var(--fv-line);box-shadow:var(--fv-shadow);}
body.user-dark #menu-btn:hover{background:var(--fv-tint);border-color:var(--fv-line);box-shadow:var(--fv-shadow);}
body.user-dark #menu-btn:focus-visible{box-shadow:var(--fv-shadow);}
body.user-dark.live-page-compact-header header{padding:10px 18px;border-bottom-left-radius:14px;border-bottom-right-radius:14px;}
body.user-dark.live-page-compact-header header .center{font-size:28px;line-height:1.05;}
body.user-dark.live-page-compact-header header .left,body.user-dark.live-page-compact-header header .right{font-size:13px;}
body.user-dark.live-page-compact-header header .left{gap:8px;}
body.user-dark.live-page-compact-header header img{height:56px;width:auto;}
body.user-dark.live-page-compact-header #menu-btn{top:10px;right:10px;font-size:16px;padding:8px 12px;border-radius:12px;}
@media (max-width: 768px){body.user-dark.live-page-compact-header header{padding:9px 14px;}
body.user-dark.live-page-compact-header header .center{font-size:19px;line-height:1.05;}
body.user-dark.live-page-compact-header header .left,body.user-dark.live-page-compact-header header .right{font-size:11px;}
body.user-dark.live-page-compact-header header img{height:34px;width:auto;}
body.user-dark.live-page-compact-header #menu-btn{top:8px;right:8px;font-size:15px;padding:7px 10px;border-radius:11px;}
}
body.user-dark.live-page-compact-header header{padding:8px 16px;border-bottom-left-radius:13px;border-bottom-right-radius:13px;}
body.user-dark.live-page-compact-header header .center{font-size:25px;line-height:1.02;}
body.user-dark.live-page-compact-header header .left,body.user-dark.live-page-compact-header header .right{font-size:12px;}
body.user-dark.live-page-compact-header header .left{gap:7px;}
body.user-dark.live-page-compact-header header img{height:48px;width:auto;}
body.user-dark.live-page-compact-header #menu-btn{top:8px;right:8px;font-size:15px;padding:7px 11px;border-radius:11px;}
@media (max-width: 768px){body.user-dark.live-page-compact-header header{padding:8px 12px;}
body.user-dark.live-page-compact-header header .center{font-size:18px;}
body.user-dark.live-page-compact-header header .left,body.user-dark.live-page-compact-header header .right{font-size:10px;}
body.user-dark.live-page-compact-header header img{height:32px;width:auto;}
body.user-dark.live-page-compact-header #menu-btn{top:7px;right:7px;font-size:14px;padding:6px 9px;border-radius:10px;}
}
