*{box-sizing:border-box}html,body{color:#f6f8fb;background:#07111f;margin:0;padding:0;font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}body{min-height:100vh}input,select,textarea,button{font:inherit}button{cursor:pointer}.app-shell{max-width:1200px;margin:0 auto;padding:24px}.header{background:linear-gradient(135deg,#1a2d4af2,#0a121ff2);border:1px solid #ffffff14;border-radius:20px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:18px 20px;display:flex}.brand{flex-direction:column;gap:4px;display:flex}.brand strong{font-size:22px}.brand span{color:#a8b4c7}.nav{flex-wrap:wrap;gap:12px;display:flex}.nav a,.nav button{color:#fff;background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;padding:10px 14px}.grid{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;padding:18px}.card h2,.card h3{margin-top:0}.muted{color:#9eb0c6}.form{gap:12px;display:grid}.form-row{gap:10px;display:grid}input,select,textarea{color:#fff;background:#050a12b8;border:1px solid #ffffff1f;border-radius:12px;width:100%;padding:12px 14px}button.primary{color:#fff;background:linear-gradient(135deg,#1f71ff,#3e9cff);border:0;border-radius:12px;padding:12px 16px;font-weight:700}button.secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;padding:10px 14px}.video-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;display:grid}.video-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:12px;padding:18px;display:grid}.tag-row{flex-wrap:wrap;gap:8px;display:flex}.tag{background:#3e9cff26;border:1px solid #3e9cff66;border-radius:999px;padding:6px 10px;font-size:12px}.error{color:#ff9f9f}.success{color:#82e19c}.video-wrap{background:#000;border:1px solid #ffffff14;border-radius:18px;position:relative;overflow:hidden}.video-wrap video{background:#000;width:100%;max-height:72vh;display:block}.watermark{z-index:2;color:#ffffffe6;pointer-events:none;background:#0000008c;border-radius:10px;padding:6px 10px;font-size:12px;position:absolute;top:12px;left:12px}.table{border-collapse:collapse;width:100%}.table td,.table th{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff14;padding:10px}.center-box{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(100%,460px)}
