*{box-sizing:border-box}body{margin:0;background:#090b14;color:#f4f5f7;font-family:Arial,sans-serif;direction:rtl}button,input{font:inherit}button{border:0}.center{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#090b14}.logo{font-size:48px;font-weight:900;color:#fff;text-shadow:0 0 18px #ffbd00}.logo span{color:#ffbd00;margin-right:8px}h1{font-size:30px;margin:18px 0 6px}p{color:#9da6ba}.code{width:min(400px,90vw);padding:18px;border:2px solid #ffbd00;border-radius:14px;background:#111725;color:#fff;text-align:center;letter-spacing:5px;outline:none}.device{font-size:12px;color:#aab2c5;margin:14px}.center button{width:min(400px,90vw);padding:16px;border-radius:12px;background:#ffbd00;font-weight:800;cursor:pointer}.err{margin-top:12px;color:#f77}header{display:flex;justify-content:space-between;align-items:center;padding:25px 5vw}header b{font-size:28px}header small{display:block;color:#9ca6ba;margin-top:5px}.logout{background:#171d2d;color:#fff;padding:10px 16px;border-radius:9px}nav{display:flex;gap:10px;padding:0 5vw 25px;align-items:center}nav button{padding:12px 24px;background:#151c2e;color:#aeb7ca;border-radius:10px;cursor:pointer}nav button.active{background:#ffbd00;color:#111}nav input{margin-right:auto;background:#111725;border:1px solid #2b3449;color:#fff;padding:12px 18px;border-radius:10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px;padding:0 5vw 50px}.grid article{background:#111725;border:1px solid #202a40;border-radius:14px;padding:12px;outline:none}.grid article:focus{border:3px solid #ffbd00}.thumb{height:130px;background:#0b0e18;border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:10px}.thumb img{width:100%;height:100%;object-fit:contain}.thumb span{font-size:34px;font-weight:900;color:#ffbd00}.player{position:fixed;top:0;right:0;bottom:0;left:0;background:#000;z-index:99;display:flex;align-items:center;justify-content:center}.player video{width:100%;height:100%;object-fit:contain}.player>button{position:absolute;top:25px;right:25px;z-index:2;background:#ffbd00;padding:12px 20px;border-radius:10px;font-weight:700}@media(max-width:700px){nav{flex-wrap:wrap}.grid{grid-template-columns:repeat(2,1fr)}header b{font-size:21px}}.source-page{padding:30px 0}.source-card{width:min(520px,92vw);background:#111827;border:1px solid #29344b;border-radius:18px;padding:22px;text-align:right;box-shadow:0 20px 50px #00000040}.source-card label{display:block;color:#aeb8ca;margin:14px 0 7px}.source-card input{width:100%;padding:14px;border-radius:10px;background:#101624;border:1px solid #2b354b;color:#fff;outline:none}.source-card input:focus{border-color:#ffbd00}.tabs{display:grid;grid-template-columns:1fr 1fr;background:#1a2335;border-radius:12px;padding:4px;margin-bottom:16px}.tabs button{padding:12px;background:transparent;color:#aeb8ca;border-radius:9px;cursor:pointer}.tabs button.sel{background:#090d17;color:#fff}.primary,.secondary{width:100%;padding:14px;border-radius:11px;margin-top:15px;cursor:pointer}.primary{background:#ffbd00;color:#111;font-weight:800}.secondary{background:#172033;color:#dbe1ed}.linkbtn{margin-top:16px;background:transparent;color:#9da7bb;cursor:pointer}.success{margin-top:12px;color:#72e0a1;text-align:center}.banner{margin:0 5vw 20px;padding:12px 16px;border-radius:10px;background:#171d2c}.banner button{float:left;background:#ffbd00;padding:6px 10px;border-radius:7px}