:root{color-scheme:dark;--bg:#070a0b;--bg2:#0c1012;--panel:#111619;--line:#2b3133;--text:#f8f9fa;--muted:#a4aaad;--red:#ef263a;--red-dark:#870d19;--page:460px;--nav-height:81px}
    *{box-sizing:border-box}
    html{scroll-behavior:smooth;scroll-padding-top:22px}
    body{margin:0;background:#030506;color:var(--text);font-family:Vazirmatn,Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}
    button,a{-webkit-tap-highlight-color:transparent}
    a{color:inherit;text-decoration:none}
    button{font-family:inherit;cursor:pointer}
    button:focus-visible,a:focus-visible{outline:2px solid #fff;outline-offset:3px}
    svg.ico{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}
    .site{position:relative;max-width:var(--page);min-height:100dvh;margin-inline:auto;background:var(--bg);overflow:hidden;isolation:isolate;padding-bottom:calc(var(--nav-height) + 36px)}
    .site:before{content:"";position:absolute;inset:0 0 auto;height:570px;background:radial-gradient(ellipse at 44% 38%,#1c2225 0%,#0e1214 47%,transparent 77%);pointer-events:none;z-index:-1}
    .topbar{position:absolute;top:20px;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:0 27px}
    .top-btn{width:37px;height:37px;display:grid;place-items:center;background:none;border:0;color:#d9dedf}
    .top-btn:hover{color:white}
    .top-btn .ico{width:24px;height:24px;stroke-width:2.1}
    .hero{position:relative;min-height:342px;padding:105px 25px 10px 20px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}
    .hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,transparent 5%,rgba(5,8,9,.14) 33%,#090d0f 83%),linear-gradient(0deg,#070a0b 0%,rgba(7,10,11,.06) 21%,transparent 74%);pointer-events:none}
    .hero-photo{position:absolute;z-index:0;top:22px;bottom:0;left:-21px;width:76%;height:100%;object-fit:cover;object-position:47% 32%;filter:saturate(.72) contrast(1.10) brightness(.83);-webkit-mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%);mask-image:linear-gradient(to bottom,black 0%,black 70%,transparent 100%)}
    .hero-copy{position:relative;z-index:2;width:60%;margin-left:auto;display:flex;flex-direction:column;align-items:flex-start;text-align:right;align-self:center;padding-top:35px}
    .eyebrow{display:flex;align-items:center;gap:7px;color:#a2a6a9;letter-spacing:2.6px;font-weight:700;font-size:9px;direction:ltr;white-space:nowrap}
    .eyebrow:before{content:"";width:17px;height:2px;background:var(--red);display:block;order:2}
    h1{font-size:32px;line-height:1.46;letter-spacing:-1.5px;margin:7px 0 10px;font-weight:900;white-space:nowrap;text-shadow:0 2px 17px #030506}
    .hero-copy p{font-size:12.2px;color:#c4c8ca;max-width:239px;line-height:2.07;margin:0;text-shadow:0 2px 12px #040506}
    .hero-cta{margin-top:18px;border:1px solid #cc3340;border-radius:50px;background:linear-gradient(130deg,#c4192b,#81111c 92%);box-shadow:0 0 21px #cf122f5c,inset 0 2px 8px #ff9b9b26;display:flex;align-items:center;gap:12px;padding:11px 17px;min-height:44px;font-weight:700;font-size:12px;white-space:nowrap;transition:transform .2s,box-shadow .2s}
    .hero-cta:hover{transform:translateY(-2px);box-shadow:0 0 32px #df0d3d8c}
    .hero-cta svg{width:17px;height:17px}
    .hero-cta .ig{width:20px;height:20px}
    .hero-note{position:absolute;left:21px;bottom:16px;z-index:3;transform:rotate(-8deg);text-align:center;font-size:19px;line-height:1.25;font-weight:800;text-shadow:0 2px 9px #050505;pointer-events:none}
    .hero-note span{display:block;color:#f0f1f2}
    .hero-note strong{display:block;color:#e63042;margin-right:22px;font-size:22px}
    .stats{position:relative;z-index:3;margin:0 23px 27px;border:1px solid #353d40;border-radius:16px;background:linear-gradient(145deg,rgba(22,26,29,.79),rgba(11,14,17,.84));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-shadow:inset 0 0 0 1px #ffffff08,0 15px 36px #0006;overflow:hidden;padding:12px 0}
    .stat{position:relative;min-width:0;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
    .stat+.stat:before{content:"";position:absolute;right:0;top:20px;bottom:13px;width:1px;background:#3e4547}
    .stat svg{width:21px;height:21px;color:#acb2b5;stroke-width:1.9}
    .stat b{font-family:Arial,Vazirmatn,Tahoma,sans-serif;font-size:18px;color:#fff;letter-spacing:-.4px}
    .stat small{color:#abb0b3;font-size:10px;font-weight:500}
    section.block{padding:0 23px;margin-top:31px;scroll-margin-top:23px}
    .section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
    .section-head h2{font-size:22px;line-height:1.45;font-weight:900;letter-spacing:-.6px;margin:0;display:flex;align-items:center;gap:8px}
    .section-head h2:before{content:"";height:26px;width:3px;border-radius:4px;background:var(--red);box-shadow:0 0 10px #e72742aa}
    .see-all{display:inline-flex;align-items:center;gap:5px;background:none;border:0;color:#999da0;font-size:10px;white-space:nowrap;padding:4px 0}
    .see-all .ico{width:15px;height:15px;color:var(--red)}
    .video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
    .video-card{padding:0;overflow:hidden;min-width:0;text-align:right;position:relative;border:1px solid #30383d;background:linear-gradient(#15191d,#14191c);border-radius:11px;color:inherit;box-shadow:0 8px 17px #0004;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
    .video-card:hover{transform:translateY(-4px);border-color:#b33b49}
    .video-poster{height:151px;width:100%;position:relative;overflow:hidden;background:#22282b}
    .video-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s;filter:contrast(1.05)}
    .video-card:hover img{transform:scale(1.06)}
    .video-poster:after{content:"";position:absolute;inset:50% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.55))}
    .runtime{position:absolute;left:8px;bottom:9px;z-index:1;font:10px Arial,sans-serif;background:#000a;border-radius:15px;display:flex;align-items:center;gap:5px;direction:ltr;padding:4px 6px}
    .runtime svg{width:11px;height:11px;fill:white;stroke:white}
    .video-meta{padding:9px 9px 10px;display:flex;flex-direction:column;gap:9px;flex:1}
    .video-meta h3{font-size:11.2px;line-height:1.65;font-weight:800;margin:0;min-height:37px}
    .video-numbers{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#a8afb3;font:10px Arial,sans-serif;direction:ltr}
    .video-numbers span{display:inline-flex;align-items:center;gap:4px}
    .video-numbers svg{width:14px;height:14px}
    .articles{margin-top:36px!important}
    .article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
    .article-card{position:relative;min-height:151px;border:1px solid #3a4144;border-radius:12px;overflow:hidden;background:#182025;box-shadow:0 6px 16px #0006;text-align:right;color:white;padding:0;transition:transform .2s,border-color .2s}
    .article-card:hover{transform:translateY(-3px);border-color:#b33b49}
    .article-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;filter:brightness(.79)}
    .article-card:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(4,7,9,.27) 28%,rgba(4,7,9,.89) 70%,#080b0e 100%)}
    .article-card-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;height:100%;padding:10px 10px 9px}
    .pill-tag{display:inline-block;border:1px solid #cc3146;color:#f45c6d;border-radius:30px;padding:1px 7px;font-size:9px;margin-bottom:6px;font-weight:800}
    .article-card h3{font-size:14.5px;line-height:1.4;min-height:42px;font-weight:800;margin:0 0 8px;text-shadow:0 1px 5px #000}
    .article-details{border-top:1px solid #ffffff19;padding-top:6px;width:100%;display:flex;align-items:center;justify-content:space-between;gap:4px;font-size:8px;color:#bdc2c4;white-space:nowrap}
    .article-details span{display:inline-flex;gap:4px;align-items:center}
    .article-details svg{width:11px;height:11px}
    .quote{margin:25px 29px 0;display:flex;align-items:center;justify-content:center;gap:12px;color:#afb3b5;font-size:12px;text-align:center;position:relative}
    .quote:before,.quote:after{content:"";display:block;flex:1;height:1px;background:linear-gradient(to left,#a31a29,transparent)}
    .quote:after{transform:rotate(180deg)}
    .quote blockquote{margin:0;white-space:nowrap}
    .quote-mark{display:block;color:var(--red);font-size:35px;line-height:20px;text-align:center;transform:translateY(10px)}
    .quote-area{padding-top:12px}
    .bottom-nav{position:fixed;bottom:0;z-index:50;left:50%;transform:translateX(-50%);height:calc(var(--nav-height) + env(safe-area-inset-bottom));max-width:var(--page);width:100%;background:linear-gradient(to bottom,rgba(10,14,17,.96),rgba(7,10,12,.99));display:grid;grid-template-columns:repeat(5,1fr);box-shadow:0 -13px 30px #0009;border-top:1px solid #1b2325;border-radius:19px 19px 0 0;padding-bottom:env(safe-area-inset-bottom);backdrop-filter:blur(12px)}
    .nav-link{position:relative;color:#9fa6aa;border:0;background:none;padding:12px 1px 8px;display:flex;align-items:center;justify-content:center;gap:4px;flex-direction:column;font-size:10px;font-weight:700;transition:color .2s}
    .nav-link .ico{width:23px;height:23px}
    .nav-link.active{color:var(--red)}
    .nav-link.active:before{content:"";position:absolute;top:0;left:24%;right:24%;height:2px;background:var(--red);box-shadow:0 0 13px 2px #e9223c}
    .nav-link.active svg{width:25px;height:25px;fill:#ef263a;stroke:var(--red);filter:drop-shadow(0 0 6px #e4193560)}
    .nav-link:hover{color:#fff}
    .overlay{position:fixed;inset:0;background:#000b;z-index:100;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
    .overlay.open{opacity:1;visibility:visible}
    .drawer{position:fixed;z-index:110;top:0;right:max(0px,calc((100vw - var(--page))/2));height:100dvh;width:min(310px,85vw);background:#111719;border-left:1px solid #34393d;padding:22px;transform:translateX(110%);visibility:hidden;transition:transform .25s,visibility .25s;box-shadow:-25px 0 75px #0009}
    .drawer.open{transform:translateX(0);visibility:visible}
    .drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}
    .drawer strong{font-size:20px}.close-btn{border:0;background:transparent;color:#fff;padding:5px}
    .drawer a{display:flex;align-items:center;gap:12px;padding:15px 5px;border-bottom:1px solid #293136;font-size:14px}
    .drawer a svg{color:var(--red)}
    .modal{position:fixed;z-index:120;inset:0;display:flex;justify-content:center;align-items:center;padding:22px;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s}
    .modal.open{opacity:1;visibility:visible}
    .modal-card{position:relative;width:min(390px,100%);border:1px solid #3b4146;border-radius:19px;background:#111719;box-shadow:0 25px 60px #000e;overflow:hidden;max-height:85dvh;overflow-y:auto}
    .modal-close{position:absolute;top:10px;left:10px;z-index:4;border:0;background:#030506bc;color:white;width:34px;height:34px;border-radius:50%;display:grid;place-items:center}
    .modal-card img{width:100%;max-height:300px;object-fit:cover;display:block}
    .modal-info{padding:18px 20px 22px}.modal-info h2{margin:0 0 8px;font-size:19px}.modal-info p{font-size:13px;line-height:2;color:#bcc1c3;margin:0}
    .modal-player{width:100%;max-height:310px;background:black;display:none}
    .modal-player.visible{display:block}
    .status-hint{display:inline-flex;margin-top:14px;padding:7px 10px;border-radius:9px;color:#f1b4bc;background:#70202a42;font-size:11px}
    .toast{position:fixed;z-index:180;bottom:101px;left:50%;transform:translate(-50%,16px);opacity:0;pointer-events:none;background:#242a2d;color:#fff;padding:11px 17px;border:1px solid #4b5559;border-radius:12px;font-size:12px;white-space:nowrap;transition:opacity .2s,transform .2s}
    .toast.show{transform:translate(-50%,0);opacity:1}
    @media(max-width:400px){.site{--nav-height:75px}.topbar{padding-inline:19px}.hero{min-height:321px;padding-right:18px}.hero-copy{width:61%}.hero-copy p{font-size:11.2px}h1{font-size:29px}.hero-note{left:10px;font-size:16px}.hero-note strong{font-size:19px}.stats{margin-inline:16px}section.block{padding-inline:16px}.video-grid{gap:7px}.video-poster{height:135px}.video-meta{padding:8px 7px}.video-meta h3{font-size:10.5px}.video-numbers{font-size:9px}.article-card h3{font-size:12.5px}.article-details{font-size:7.5px}}
    @media(min-width:720px){.site{box-shadow:0 0 85px #000b}.topbar{top:21px}}
    @media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
  
/* PHP edition additions — identical typography, palette and content width. */
.brand-header{width:38px;height:38px;display:grid;place-items:center}
.mj-logo{display:inline-grid;place-items:center;flex-shrink:0;width:34px;height:34px;border:1px solid #c63649;border-radius:11px;background:radial-gradient(circle at 20% 20%,#b12438,#6e111d 77%);color:white;box-shadow:0 0 14px #b51d3766,inset 0 1px 2px #ffb9c12d;font:900 13px Arial,sans-serif;letter-spacing:-1.3px;direction:ltr;transform:skew(-5deg)}
.mj-logo-cta{width:24px;height:24px;border-radius:8px;box-shadow:none;font-size:10px;background:#0b0b0b45;border-color:#ffffff80}
.hero-cta{color:#fff}
.hero-cta[aria-pressed="true"]{background:linear-gradient(130deg,#333c40,#20282c);border-color:#5d6569;box-shadow:none}
.drawer-brand{display:flex;align-items:center;gap:11px}
.video-card,.article-card{cursor:pointer}
.empty-state{padding:45px 13px;border:1px dashed #383f43;border-radius:15px;text-align:center;color:#b7bfc2;font-size:12px;grid-column:1/-1;background:#101518}
.inner-header{position:relative;padding:115px 24px 38px;min-height:245px;background:radial-gradient(ellipse at 45% 10%,#252d31,transparent 68%);border-bottom:1px solid #20262a}
.inner-header::before{content:'MJ';position:absolute;left:19px;top:76px;color:#c7223930;font:bold 91px Arial,sans-serif;font-style:italic;direction:ltr;pointer-events:none}
.inner-eyebrow{font:700 10px Arial,sans-serif;direction:ltr;letter-spacing:2px;color:#e24d5d;margin-bottom:12px;text-align:right}
.inner-header h1{font-size:31px;letter-spacing:-.4px;margin:0 0 8px}.inner-header p{color:#b8bec2;font-size:12px;margin:0;line-height:2}
.inner-counter{display:inline-block;font-size:10px;color:#aeb4b8;border:1px solid #394246;border-radius:100px;margin-top:20px;padding:5px 11px}
.listing{margin-top:25px!important}
.listing .video-grid,.listing .article-grid{row-gap:13px}
.listing .article-card{height:175px}
.story-page{padding:91px 22px 40px}
.back-link{display:inline-flex;align-items:center;gap:8px;padding:8px 0;color:#cfd2d3;font-size:12px;font-weight:700;margin-bottom:15px}
.back-link .ico{transform:rotate(180deg);width:18px;height:18px;color:#f14152}
.story-cover{border-radius:16px;overflow:hidden;height:245px;background:#1b2022;box-shadow:0 15px 35px #0008}
.story-cover img{width:100%;height:100%;object-fit:cover}
.story-badge{display:inline-block;margin-top:20px;color:#e96b75;border:1px solid #b93041;border-radius:18px;padding:3px 11px;font-size:11px}
.story-page h1{font-size:26px;line-height:1.7;letter-spacing:0;white-space:normal;margin:13px 0}
.story-metadata{display:flex;gap:20px;flex-wrap:wrap;color:#a5adb1;font-size:11px}
.story-metadata span{display:inline-flex;align-items:center;gap:5px}.story-metadata svg{width:15px;height:15px}
.story-text{margin-top:24px;padding:21px 0;border-top:1px solid #30363a;color:#dde0e0;font-size:14px;line-height:2.6;overflow-wrap:anywhere;white-space:normal}
.story-back{display:flex;align-items:center;justify-content:center;gap:8px;color:#f36471;font-size:12px;border:1px solid #843640;border-radius:12px;padding:12px}
.profile-top{position:relative;text-align:center;padding:140px 25px 32px;min-height:357px;overflow:hidden}
.profile-backdrop{position:absolute;inset:0;opacity:.35;filter:grayscale(.2)}
.profile-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center 15%}
.profile-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#070a0b 6%,transparent 85%),linear-gradient(90deg,#070a0b75,#070a0b75)}
.profile-avatar{position:relative;width:112px;height:112px;border-radius:50%;padding:4px;border:2px solid #d52d44;margin:0 auto 17px;box-shadow:0 0 25px #c72e4159}
.profile-avatar img{width:100%;height:100%;border-radius:50%;object-fit:cover}
.profile-top .inner-eyebrow{text-align:center;position:relative}.profile-top h1{position:relative;margin:5px 0 7px;font-size:31px}.profile-top p{position:relative;font-size:12px;color:#bfc6c8;line-height:2;max-width:330px;margin:auto}
.profile-top+.stats{margin-top:4px}
.profile-panel{margin:20px 23px 15px;border:1px solid #30383b;border-radius:17px;padding:22px;background:linear-gradient(160deg,#171d20,#0b1012)}
.profile-panel h2{font-size:21px;margin:4px 0 10px}.profile-bio{font-size:13px;color:#c1c6c9;line-height:2.6;overflow-wrap:anywhere}
.profile-instagram{margin:0 23px;display:flex;align-items:center;justify-content:center;gap:11px;border:1px solid #ad2d3c;background:#7d142140;border-radius:13px;font-size:13px;padding:14px}
.profile-instagram svg{width:18px;height:18px}
.profile-quick{padding:21px 23px;display:grid;gap:10px}
.profile-quick a{display:flex;align-items:center;gap:11px;padding:14px;border:1px solid #333b3e;background:#111719;border-radius:12px;font-size:13px}
.profile-quick a svg:first-child{color:#e94052}.profile-quick a svg:last-child{margin-right:auto;width:16px;height:16px}
/* Vertical reels-inspired video viewer */
.reel-modal{position:fixed;inset:0;z-index:140;background:#000e;display:flex;justify-content:center;align-items:center;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;padding:8px}
.reel-modal.open{opacity:1;visibility:visible}
.reel-shell{position:relative;width:min(410px,100%);height:min(770px,95dvh);min-height:350px;overflow:hidden;background:#050506;border:1px solid #373a3b;border-radius:18px;box-shadow:0 25px 80px #000}
.reel-media{position:absolute;inset:0;background:#050505;display:grid;place-items:center}
#reel-player{width:100%;height:100%;object-fit:contain;background:#050505}
.reel-placeholder{position:absolute;inset:0}
.reel-placeholder[hidden]{display:none}
.reel-placeholder img{width:100%;height:100%;object-fit:cover;filter:brightness(.52)}
.reel-placeholder span{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:12px;border:1px solid #ffffff4a;background:#090c0cc7;padding:12px;border-radius:13px;color:#fff}
.reel-gradient{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,rgba(0,0,0,.92),rgba(0,0,0,.10) 31%,transparent 53%)}
.reel-close{position:absolute;top:13px;left:13px;z-index:5;width:39px;height:39px;border:0;border-radius:50%;background:#0009;color:#fff;display:grid;place-items:center}
.reel-close .ico{width:21px;height:21px}
.reel-content{position:absolute;right:19px;left:70px;bottom:24px;z-index:3;pointer-events:none}
.reel-person{display:flex;align-items:center;gap:9px;font-size:12px;margin-bottom:11px}.reel-person .mj-logo{width:28px;height:28px;font-size:11px}
.reel-content h2{font-size:16px;line-height:1.7;margin:0 0 7px;white-space:normal}.reel-content p{font-size:11px;line-height:1.85;color:#e0e2e3;margin:0;max-height:68px;overflow:auto}
.reel-actions{position:absolute;left:11px;bottom:70px;z-index:4;display:flex;flex-direction:column;align-items:center;gap:19px}
.reel-actions button{display:flex;flex-direction:column;align-items:center;gap:5px;color:#fff;background:transparent;border:0;font-size:11px}
.reel-actions .ico{width:29px;height:29px;filter:drop-shadow(0 2px 3px #000)}
.reel-actions button.liked .ico{fill:#ee3148;stroke:#ee3148}
.reel-count{display:flex;flex-direction:column;gap:4px;align-items:center;font-size:11px}
.reel-count .ico{width:26px;height:26px}
body.modal-open{overflow:hidden}
@media(max-width:400px){.inner-header{padding-inline:17px}.story-page{padding-inline:16px}.profile-panel{margin-inline:16px}.profile-instagram{margin-inline:16px}.profile-quick{padding-inline:16px}}
/* Owner admin, matching the same design language */
.admin-body{background:#06090a;color:#f5f6f6;min-height:100vh}
.admin-layout{max-width:980px;margin:0 auto;padding:24px 20px 70px}
.admin-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;padding-bottom:22px;border-bottom:1px solid #283034}
.admin-identity{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:900}
.admin-identity>span:last-child small{display:block;color:#a4acb0;font-size:10px;font-weight:500;margin-top:2px}
.admin-public{border:1px solid #3b454a;padding:8px 12px;border-radius:10px;color:#bfc7ca;font-size:12px}
.admin-tabs{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.admin-tabs>a,.logout-form button{color:#b6bec1;background:#12181a;border:1px solid #2d383c;border-radius:10px;padding:9px 12px;font-size:12px;white-space:nowrap}
.admin-tabs>a.selected{background:#8d1728;border-color:#b82d3f;color:#fff}
.logout-form{margin-right:auto}.logout-form button{color:#ff9cac;cursor:pointer}
.admin-heading{margin:10px 0 22px}.admin-heading h1{font-size:29px;margin:4px 0 8px;white-space:normal}.admin-heading p{color:#acb5b9;font-size:13px;line-height:2}
.admin-kicker{color:#ec5264;font:bold 10px Arial,sans-serif;letter-spacing:2px;direction:ltr;display:inline-block}
.admin-panel{padding:22px;background:linear-gradient(140deg,#151a1e,#0d1114);border:1px solid #343c40;border-radius:17px;margin-bottom:24px}
.admin-panel h2{font-size:18px;margin:0 0 18px}.admin-panel p{font-size:13px;line-height:2;color:#d7dee1}
.admin-form{display:grid;gap:16px}.admin-field{display:grid;gap:7px;min-width:0}
.admin-field>span{color:#dfe3e5;font-size:12px;font-weight:700}
.admin-field input,.admin-field textarea{width:100%;min-width:0;background:#080d0f;color:#f4f4f4;border:1px solid #3c454a;border-radius:11px;padding:12px;font:inherit;font-size:13px;outline:none}
.admin-field input:focus,.admin-field textarea:focus{border-color:#ea4052;box-shadow:0 0 0 2px #d12c453b}
.admin-field input[type=file]{cursor:pointer;color:#9ba7ac}
.admin-field textarea{resize:vertical;line-height:2}
.admin-field small,.admin-muted{color:#a8b0b4!important;font-size:11px!important;line-height:2;overflow-wrap:anywhere}
.admin-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.admin-primary{border:1px solid #c52b3d;color:#fff;border-radius:11px;background:linear-gradient(125deg,#cf253b,#8a1525);font-size:13px;font-weight:800;padding:12px 18px;width:fit-content;min-width:138px;cursor:pointer;box-shadow:0 0 20px #ae1a3041}
.admin-form-bottom{display:flex;align-items:center;gap:18px}.admin-form-bottom a{font-size:12px;color:#c3cbd0}
.admin-items{display:grid;gap:12px}.admin-item{display:flex;align-items:center;gap:12px;padding:10px;background:#0c1113;border:1px solid #2b3438;border-radius:13px}
.admin-item>img{width:65px;height:75px;object-fit:cover;border-radius:8px;flex:none}
.admin-item-info{display:grid;gap:6px;min-width:0}.admin-item strong{font-size:13px;overflow-wrap:anywhere}.admin-item small{font-size:10px;color:#a2adb0;line-height:1.8}
.admin-item-links{display:flex;gap:17px;align-items:center}.admin-item-links a,.admin-item-links button{font:inherit;color:#f36173;font-size:11px;padding:0;border:0;background:none;cursor:pointer}
.admin-item-links a:nth-child(2){color:#d0dade}.admin-item-links form{margin:0}
.admin-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px}
.admin-stats>div{background:#11171a;border:1px solid #394145;border-radius:14px;padding:17px 12px;display:flex;flex-direction:column;gap:12px}
.admin-stats small{color:#afbbbf;font-size:11px}.admin-stats strong{color:#fff;font-size:25px;direction:ltr;text-align:right}
.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.admin-actions a{padding:10px 15px;background:#331218;border:1px solid #923340;border-radius:10px;font-size:12px}
.admin-alert,.admin-success{border-radius:11px;padding:13px 15px;font-size:12px;line-height:2;margin-bottom:20px}
.admin-alert{color:#ffb4be;border:1px solid #8d3040;background:#52182170}.admin-success{color:#b3e8c4;border:1px solid #356a48;background:#16351e7a}
.auth-card{margin:6vh auto 0;max-width:420px;background:#12181b;border:1px solid #384146;padding:35px 25px;border-radius:23px;text-align:center}
.auth-logo{width:62px;height:62px;font-size:23px;border-radius:17px;margin:0 auto 15px}
.auth-card h1{font-size:26px;margin:0 0 9px}.auth-card>p{font-size:12px;color:#acb6bb;line-height:2;margin:0 0 20px}
.auth-card form{display:grid;gap:16px;text-align:right}.auth-card .admin-primary{width:100%}
@media(max-width:650px){.admin-layout{padding-inline:13px}.admin-top{gap:9px}.admin-identity{font-size:15px}.admin-public{font-size:10px}.admin-panel{padding:17px}.admin-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-two{grid-template-columns:1fr}.admin-tabs{gap:5px}.admin-tabs>a,.logout-form button{padding:8px;font-size:10px}}